@extends('layouts.backend.index')
@section('title', $label)

@section('content')
    <div class="card">
        <div class="card-body">
            <h4 class="card-title mb-1 text-info">
                <i class="{{ $icon }}"></i> &nbsp;{{ $label }}
            </h4>
            <p class="card-description">
                Fitur untuk menambah data {{ Str::lower($label) }}.
            </p>
            <hr />
            <form method="post" action="{{$route}}" class="form-block" enctype="multipart/form-data">
                @csrf

                @if (isset($applicant))
                @method("PUT")
                @endif
                <div class="row">
                    <div class="col-md-6 col-sm-12">
                        <x-form.input-text name="name" :label="'Nama Lengkap'" :old="old('name', @$applicant->name)" />
                    </div>
                    <div class="col-md-6 col-sm-12">
                        <x-form.radio name="gender" label="Jenis Kelamin" :old="old('gender', 1)" :option="$option['gender']" />
                    </div>
                    <div class="col-md-6 col-sm-12">
                        <x-form.date-picker name="birth_date" label="Tanggal Lahir" picker-type="date" :old="old('birth_date', @$applicant->birth_date ?? date('d-m-Y'))" />
                    </div>
                    <div class="col-md-6 col-sm-12">
                        <x-form.date-picker name="applied_date" label="Tanggal Apply" picker-type="date"
                            :old="old('applied_date', @$applicant->applied_date ?? date('d-m-Y'))" />
                    </div>
                    <div class="col-sm-12">
                        <x-form.text-area name="address" label="Alamat" :old="old('address', @$applicant->address)" />
                    </div>
                    <div class="col-md-6 col-sm-12">
                        <x-form.input-group-mask addon="<span class='mdi mdi-cellphone'></span>" mask="'handphone'"
                            name="phone" label="No. Telp" :old="old('phone', @$applicant->phone)" />
                    </div>
                    <div class="col-md-6 col-sm-12">
                        <x-form.input-text name="last_education" :label="'Pendidikan Terakhir'" :old="old('last_education', @$applicant->last_education)" />

                    </div>

                </div>

                <x-form.input-multi-files :name="'files'" label="Berkas"
                    info="Gunakan file jpg, jpeg, png, dan pdf. Ukuran file maksimal 2 MB." id="files"
                    :optional="true" :old="Old('files',@$applicant->files)"  />


                <hr class="mt-0" />
                <button type="button" class="btn btn-primary btn-sm btn-submit" data-loading="SAVING...">
                    <i class="mdi mdi-share-circle"></i> &nbsp;SAVE
                </button>
                <a href="{{ route('recruitment.job_vacancy.index') }}" class="btn btn-default btn-sm">
                    CANCEL
                </a>
            </form>
        </div>
    </div>
@endsection

@push('scripts')
    <script src="{{ asset('libraries/input-mask/inputmask.js') }}"></script>
    <script src="{{ asset('libraries/input-mask/jquery.inputmask.js') }}"></script>
    <script src="{{ asset('libraries/input-mask/inputmask.extensions.js') }}"></script>

    <script>
        $(document).ready(function() {

            $(".handphone-mask").inputmask({
                alias: "handphone"
            })
        })
    </script>
@endpush