@extends('layouts.master')

@section('title')
    Sertifikasi
@endsection

@section('content')
    <div class="nk-block-head">
        <div class="nk-block-head-content">
            <div class="nk-block-between-md g-4">
                <div class="nk-block-head-content">
                    <h3 class="nk-block-title page-title">
                        Sertifikasi
                    </h3>
                    <div class="nk-block-des">
                        <p>Mohon ditambahkan bila ada sertifikat lainnya</p>
                    </div>
                </div>
                <div class="nk-block-head-content">
                    <a href="{{ route('dashboard') }}" class="btn btn-primary btn-sm"><em class="icon ni ni-arrow-left"></em>
                        Kembali</a>
                </div>
            </div>
        </div>
    </div><!-- .nk-block-head -->
    <div class="nk-block">
        <div class="card card-bordered">
            @include('pages.registration._navbar')
            <!-- .nav-tabs -->
            <div class="card-inner card-inner-lg">
                <div class="nk-block">
                    <form
                        action="{{ route('services.registration.certification.store', ['user_id' => Crypt::encryptString($model->user_id)]) }}"
                        method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="row gy-4">
                            <div class="col-12">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <div class="form-icon form-icon-right">
                                        </div>
                                        <select name="cpakb" class="form-select" required>
                                            <option value="">CPAKB <span class="text-danger">*</span></option>
                                            <option value="1"
                                                {{ \App\Models\Dashboard\Registration::IYA == $model->cpakb ? 'selected' : '' }}>
                                                Iya</option>
                                            <option value="2"
                                                {{ \App\Models\Dashboard\Registration::TIDAK == $model->cpakb ? 'selected' : '' }}>
                                                Tidak</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <div class="form-icon form-icon-right">
                                        </div>
                                        <select name="iso" class="form-select" required>
                                            <option value="">ISO 13485 <span class="text-danger">*</span></option>
                                            <option value="1"
                                                {{ \App\Models\Dashboard\Registration::IYA == $model->iso ? 'selected' : '' }}>
                                                Iya</option>
                                            <option value="2"
                                                {{ \App\Models\Dashboard\Registration::TIDAK == $model->iso ? 'selected' : '' }}>
                                                Tidak</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <div class="form-icon form-icon-right">
                                        </div>
                                        <select name="fda" class="form-select" required>
                                            <option value="">US FDA <span class="text-danger">*</span></option>
                                            <option value="1"
                                                {{ \App\Models\Dashboard\Registration::IYA == $model->fda ? 'selected' : '' }}>
                                                Iya</option>
                                            <option value="2"
                                                {{ \App\Models\Dashboard\Registration::TIDAK == $model->fda ? 'selected' : '' }}>
                                                Tidak</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <div class="form-icon form-icon-right">
                                        </div>
                                        <select name="ce" class="form-select" required>
                                            <option value="">CE <span class="text-danger">*</span></option>
                                            <option value="1"
                                                {{ \App\Models\Dashboard\Registration::IYA == $model->ce ? 'selected' : '' }}>
                                                Iya</option>
                                            <option value="2"
                                                {{ \App\Models\Dashboard\Registration::TIDAK == $model->ce ? 'selected' : '' }}>
                                                Tidak</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            @if ($model->kemenkes == null)
                                <div class="col-12">
                                    <div class="form-group">
                                        <div class="form-control-wrap">
                                            <div class="form-icon form-icon-right">
                                            </div>
                                            <label class="fw-bold" for="">Sertifikasi Produksi Kementerian
                                                Kesehatan/Sertifikat Standart/Sertifikat Perindustrian (Maksimal
                                                2MB)</label>
                                            <input type="file" class="form-control" name="kemenkes"
                                                accept=".pdf, .jpg, .jpeg, .png" required>
                                        </div>
                                    </div>
                                </div>
                            @else
                                <div class="col-12">
                                    <div class="form-group">
                                        <div class="form-control-wrap mt-2">
                                            <div class="form-icon form-icon-right"></div>
                                            <label class="fw-bold" for="">Sertifikasi Produksi Kementerian
                                                Kesehatan/Sertifikat Standart/Sertifikat Perindustrian (Maksimal
                                                2MB)</label>
                                            <input type="file" class="form-control" name="kemenkes"
                                                value="{{ $model->kemenkes }}" accept=".pdf, .jpg, .jpeg, .png">
                                            <div>{{ $model->kemenkes }}</div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                            <div class="clone" style="display: none;">
                                <div class="other">
                                    <div class="control-group input-group" style="margin-top:10px">
                                        <input type="file" name="nie_akd[]" class="form-control"
                                            accept=".pdf, .jpg, .jpeg, .png">
                                        <button class="btn btn-sm btn-danger remove" type="button">
                                            <i class="icon ni ni-trash"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            @if ($model->nie_akd == null)
                                <div class="col-12">
                                    <div class="form-group">
                                        <div class="form-control-wrap">
                                            <label class="fw-bold" for="">NIE AKD MINIMAL 1 (Maksimal 2MB)</label>
                                            <div class="mt-2">
                                                <button class="btn btn-sm btn-success add-more" type="button"><i
                                                        class="icon ni ni-plus"></i> Tambah</button>
                                            </div>
                                            <div class="input-group control-group increment mt-2">
                                                <input type="file" name="nie_akd[]" class="form-control"
                                                    accept=".pdf, .jpg, .jpeg, .png" required>
                                            </div>
                                            <div class="input-other"></div>
                                        </div>
                                    </div>
                                </div>
                            @else
                                <div class="col-12">
                                    <div class="form-group">
                                        <div class="form-control-wrap">
                                            <label class="fw-bold" for="">NIE AKD MINIMAL 1 (Maksimal 2MB)</label>
                                            <div class="mt-2">
                                                <button class="btn btn-sm btn-success add-more" type="button"><i
                                                        class="icon ni ni-plus"></i> Tambah</button>
                                            </div>
                                            <div class="other">
                                                <div class="input-group control-group increment mt-2">
                                                    <input type="text" name="nie_akd[0]" class="form-control"
                                                        value="{{ json_decode($model->nie_akd)[0] ?? '' }}" required
                                                        readOnly>
                                                    <button class="btn btn-sm btn-success update" type="button"><i
                                                            class="icon ni ni-pen2"></i></button>
                                                </div>
                                            </div>
                                            @foreach (json_decode($model->nie_akd) as $key => $value)
                                                @if ($key != 0)
                                                    <div class="other">
                                                        <div class="control-group input-group" style="margin-top:10px">
                                                            <input type="text" name="nie_akd[{{ $key }}]"
                                                                class="form-control" value="{{ $value }}" required
                                                                readOnly>
                                                            <button class="btn btn-sm btn-success update"
                                                                type="button"><i class="icon ni ni-pen2"></i></button>
                                                            <button class="btn btn-sm btn-danger remove" type="button"><i
                                                                    class="icon ni ni-trash"></i></button>
                                                        </div>
                                                    </div>
                                                @endif
                                            @endforeach
                                            <div class="input-other"></div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                            @if ($model->tool_health == null)
                                <div class="col-12">
                                    <div class="form-group">
                                        <div class="form-control-wrap">
                                            <div class="form-icon form-icon-right">
                                            </div>
                                            <label class="fw-bold" for="">Upload Alat Kesehatan dengan NIE AKD
                                                yang di Produksi (Maksimal 2MB)</label>
                                            <input type="file" class="form-control" name="tool_health"
                                                accept=".pdf, .jpg, .jpeg, .png">
                                        </div>
                                    </div>
                                </div>
                            @else
                                <div class="col-12">
                                    <div class="form-group">
                                        <div class="form-control-wrap">
                                            <div class="form-icon form-icon-right">
                                            </div>
                                            <label class="fw-bold" for="">Alat Kesehatan dengan NIE AKD yang di
                                                Produksi (Maksimal 2MB)</label>
                                            <input type="file" class="form-control" value="{{ $model->tool_health }}"
                                                name="tool_health" accept=".pdf, .jpg, .jpeg, .png">
                                            <div>{{ $model->tool_health }}</div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                            <div class="col-12">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <div class="form-icon form-icon-right">
                                        </div>
                                        <textarea type="text" name="other_certification" class="form-control form-control-outlined" required
                                            id="outlined-right-icon" value="">{{ isset($model->other_certification) ? $model->other_certification : '' }}</textarea>
                                        <label class="form-label-outlined" for="outlined-right-icon">
                                            Sertifikasi lain <span class="text-danger">*</span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 text-start pb-5">
                                <i class="text-danger">
                                    Catatan: Sebelum klik selanjutnya pastikan isian data anda sudah valid, data tidak bisa
                                    dirubah setelah submit
                                </i>
                            </div>
                            <div class="col-12 text-end">
                                @if (!isset($model->cpakb))
                                    <button class="btn btn-primary" type="submit">Selanjutnya</button>
                                @else
                                    <button class="btn btn-primary" type="submit">Update</button>
                                @endif
                            </div>
                        </div>
                    </form>
                </div><!-- .nk-block -->
            </div><!-- .card-inner -->
        </div><!-- .card -->
    </div><!-- .nk-block -->
@endsection
@push('script')
    <script type="text/javascript">
        $(document).ready(function() {
            $(".add-more").click(function() {
                var html = $(".clone").html();
                var newField = $(html);
                newField.find("input[type='file']").prop('required', true);
                $(".input-other").after(newField);
            });

            $("body").on("click", ".remove", function() {
                $(this).parents(".other").remove();
            });

            $("body").on("click", ".update", function() {
                $(this).parents(".other").find("input[type='text']").prop('type', 'file');
            });
        });
    </script>
@endpush