@extends('layouts.administrator.master')

@section('title')
    Form Keanggotaan Perseorangan
@endsection

@section('content')
    <div class="nk-content-body">
        <div class="nk-block-head nk-block-head-sm">
            <div class="nk-block-between">
                <div class="nk-block-head-content">
                    <h3 class="nk-block-title page-title">{{ __('Formulir Keanggotaan Perseorangan Pertapindo') }}</h3>
                    <p>{{ __('Kelola data keanggotaan perseorangan') }}</p>
                </div>
            </div>
        </div>
        <div class="nk-block nk-block-lg">
            <div class="card card-preview">
                <div class="card-inner">
                    @include('pages.registration.personal._navbar', ['model' => $registration])
                    <div class="tab-content">
                        <h5 class="text-primary">Riwayat Pengalaman Kerja</h5>
                        <div>
                            <form
                                action="{{ route('services.membership.registration.personal.position.store', ['no_reg' => $registration->no_reg]) }}"
                                method="POST" enctype="multipart/form-data">
                                @csrf
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <div class="control-group other" style="margin-top:10px">
                                            @if (isset($registration->position) && !empty($registration->position))
                                                @foreach (json_decode($registration->position) as $key => $value)
                                                    <div class="control-group">
                                                        <input type="hidden" name="index[]" value="clone">
                                                        <div class="row gy-4">
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label class="form-label">Logo Perusahaan</label>
                                                                    <div class="form-control-wrap">
                                                                        <div class="form-file">
                                                                            <input type="file" name="logo_company[]"
                                                                                class="form-control">
                                                                            <input type="hidden" name="text_logo_company[]"
                                                                                value="{{ $value->logo_company ?? '' }}"
                                                                                required>
                                                                            <span>{{ $value->logo_company ?? '' }}</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label class="form-label">Perusahaan</label>
                                                                    <div class="form-control-wrap">
                                                                        <input type="text" name="name_company[]"
                                                                            class="form-control"
                                                                            value="{{ old('name_company') ?? (isset($value->name_company) ? $value->name_company : '') }}"
                                                                            placeholder="Nama Perusahaan" required>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label class="form-label">Posisi/Jabatan</label>
                                                                    <div class="form-control-wrap">
                                                                        <input type="text" name="name_position[]"
                                                                            class="form-control"
                                                                            value="{{ isset($value->name_position) ? $value->name_position : '' }}"
                                                                            placeholder="Nama Posisi/Jabatan" required>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group mb-3">
                                                                    <label class="mb-1">{{ __('Lokasi') }}</label>
                                                                    <select name="location[]" class="form-control" required>
                                                                        <option value="">{{ __('Pilih Lokasi') }}
                                                                        </option>
                                                                        @foreach ($province as $item)
                                                                            <option value="{{ $item->nama }}"
                                                                                {{ $item->nama == old('location') || $item->nama == $value->location ? 'selected' : '' }}>
                                                                                {{ $item->nama }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                    <span class="text-muted">
                                                                        <i class="icon ni ni-info"></i> Lokasi Perusahaan
                                                                    </span>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label class="form-label">Tahun Mulai</label>
                                                                    <div class="form-control-wrap">
                                                                        <input type="date" name="start_date[]"
                                                                            value="{{ isset($value->start_date) ? $value->start_date : '' }}"
                                                                            class="form-control" required>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label class="form-label">Tahun Selesai</label>
                                                                    <div class="form-control-wrap">
                                                                        <input type="date" name="end_date[]"
                                                                            value="{{ isset($value->end_date) ? $value->end_date : '' }}"
                                                                            class="form-control">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-12">
                                                                <div class="form-group">
                                                                    <label class="form-label">Dokumen
                                                                        <span class="text-primary">
                                                                            (Format : (PDF) Maksimal 512KB)
                                                                        </span>
                                                                    </label>
                                                                    <div class="form-control-wrap">
                                                                        <div class="form-file">
                                                                            <input type="file" name="documents[]"
                                                                                accept="application/pdf"
                                                                                class="form-control">
                                                                            <input type="hidden" name="text_documents[]"
                                                                                value="{{ $value->documents ?? '' }}">
                                                                            <span>{{ $value->documents ?? '' }}</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col">
                                                                <div class="form-group">
                                                                    <div class="form-control-wrap">
                                                                        @if ($key == 0)
                                                                            <button class="btn btn-success" type="button">
                                                                                <i class="icon ni ni-plus"></i> Tambah
                                                                            </button>
                                                                        @else
                                                                            <button class="btn btn-danger" type="button">
                                                                                <i class="icon ni ni-trash"></i> Hapus
                                                                            </button>
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <hr>
                                                    </div>
                                                @endforeach
                                            @else
                                                <div class="control-group">
                                                    <input type="hidden" name="index[]" value="clone">
                                                    <div class="row gy-4">
                                                        <div class="col-sm-6">
                                                            <div class="form-group">
                                                                <label class="form-label">Logo Perusahaan</label>
                                                                <div class="form-control-wrap">
                                                                    <div class="form-file">
                                                                        <input type="file" name="logo_company[]"
                                                                            class="form-control" required>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-6">
                                                            <div class="form-group">
                                                                <label class="form-label">Perusahaan</label>
                                                                <div class="form-control-wrap">
                                                                    <input type="text" name="name_company[]"
                                                                        value="{{ old('name_company.0') }}"
                                                                        class="form-control" placeholder="Nama Perusahaan"
                                                                        required>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-6">
                                                            <div class="form-group">
                                                                <label class="form-label">Posisi/Jabatan</label>
                                                                <div class="form-control-wrap">
                                                                    <input type="text" name="name_position[]"
                                                                        class="form-control"
                                                                        value="{{ old('name_position.0') }}"
                                                                        placeholder="Nama Posisi/Jabatan" required>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-6">
                                                            <div class="form-group mb-3">
                                                                <label class="mb-1">{{ __('Lokasi') }}</label>
                                                                <select name="location[]" class="form-control" required>
                                                                    <option value="">{{ __('Pilih Lokasi') }}
                                                                    </option>
                                                                    @foreach ($province as $item)
                                                                        <option value="{{ $item->nama }}"
                                                                            {{ $item->nama == old('location.0') ? 'selected' : null }}>
                                                                            {{ $item->nama }}</option>
                                                                    @endforeach
                                                                </select>
                                                                <span class="text-muted">
                                                                    <i class="icon ni ni-info"></i> Lokasi Perusahaan
                                                                </span>
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-6">
                                                            <div class="form-group">
                                                                <label class="form-label">Tahun Mulai</label>
                                                                <div class="form-control-wrap">
                                                                    <input type="date" name="start_date[]"
                                                                        value="{{ old('start_date.0') }}"
                                                                        class="form-control" required>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-6">
                                                            <div class="form-group">
                                                                <label class="form-label">Tahun Selesai</label>
                                                                <div class="form-control-wrap">
                                                                    <input type="date" name="end_date[]"
                                                                        value="{{ old('end_date.0') }}"
                                                                        class="form-control">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-12">
                                                            <div class="form-group">
                                                                <label class="form-label">Dokumen
                                                                    <span class="text-primary">
                                                                        (Format : (PDF) Maksimal 512KB)
                                                                    </span>
                                                                </label>
                                                                <div class="form-control-wrap">
                                                                    <div class="form-file">
                                                                        <input type="file" name="documents[]"
                                                                            accept="application/pdf" class="form-control">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col">
                                                            <div class="form-group">
                                                                <div class="form-control-wrap">
                                                                    <button class="btn btn-success" type="button">
                                                                        <i class="icon ni ni-plus"></i> Tambah
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <hr>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>

                                <div class="mx-auto mt-4 text-end">
                                    <button class="btn btn-primary me-2">{{ __('Selanjutnya') }}</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="control-group" hidden>
        <input type="hidden" name="index[]" value="clone">
        <div class="row gy-4">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="form-label">Logo Perusahaan</label>
                    <div class="form-control-wrap">
                        <div class="form-file">
                            <input type="file" name="logo_company[]" class="form-control" required>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="form-label">Perusahaan</label>
                    <div class="form-control-wrap">
                        <input type="text" name="name_company[]" class="form-control" placeholder="Nama Perusahaan"
                            required>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="form-label">Posisi/Jabatan</label>
                    <div class="form-control-wrap">
                        <input type="text" name="name_position[]" class="form-control"
                            placeholder="Nama Posisi/Jabatan" required>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group mb-3">
                    <label class="mb-1">{{ __('Lokasi') }}</label>
                    <select name="location[]" class="form-control" required>
                        <option value="">{{ __('Pilih Lokasi') }}</option>
                        @foreach ($province as $item)
                            <option value="{{ $item->nama }}">
                                {{ $item->nama }}</option>
                        @endforeach
                    </select>
                    <span class="text-muted">
                        <i class="icon ni ni-info"></i> Lokasi Perusahaan
                    </span>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="form-label">Tahun Mulai</label>
                    <div class="form-control-wrap">
                        <input type="date" name="start_date[]" class="form-control" required>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="form-label">Tahun Selesai</label>
                    <div class="form-control-wrap">
                        <input type="date" name="end_date[]" class="form-control">
                    </div>
                </div>
            </div>
            <div class="col-sm-12">
                <div class="form-group">
                    <label class="form-label">Dokumen
                        <span class="text-primary">
                            (Format : (PDF) Maksimal 512KB)
                        </span>
                    </label>
                    <div class="form-control-wrap">
                        <div class="form-file">
                            <input type="file" name="documents[]" accept="application/pdf" class="form-control">
                        </div>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="form-group">
                    <div class="form-control-wrap">
                        <button class="btn btn-danger" type="button">
                            <i class="icon ni ni-trash"></i> Hapus
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <hr>
    </div>
@endsection
@push('script')
    <script type="text/javascript">
        $(document).ready(function() {

            $(".btn-success").click(function() {
                $('.control-group:hidden').clone().appendTo('.other').removeAttr('hidden');
            });

            $(".other").on("click", ".btn-danger", function() {
                $(this).closest(".control-group").remove();
            });

        });
    </script>
@endpush