@extends('core::layouts.backend')
@section('title', $title)
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route("{$jobapp_identifier}.backend.my_applicable.index") }}" title="{{ trans('label.my_applicable') }}"> {{ trans('label.my_applicable') }}</a></li>
    <li class="breadcrumb-item active"><a title="{{ $title }}"> {{ $title }}</a></li>
@endsection
@push('css_stack')
    <style>
        .signaturePersyaratan canvas {
            border: 1px solid #b8b5b5;
        }
    </style>
@endpush

@section('layout')
    <div class="container-fluid">
        <div class="row mb-3 justify-content-center">
            <div class="col-6">
                <a class="btn btn-warning btn-sm" href="{{ route("{$jobapp_identifier}.backend.my_applicable.index") }}" title="{{ trans('label.back') }}"><i class="fa fa-arrow-left"></i> {{ trans('label.back') }}</a>
            </div>
            <div class="col-6 text-right">
                <a class="btn btn-info btn-sm" href="{{ route("{$jobapp_identifier}.backend.my_applicable.data_applicable") }}" title="{{ trans('label.edit_data_applicable') }}"><i class="fas fa-edit"></i> {{ trans('label.edit_data_applicable') }}</a>
            </div>
        </div>

        @if ($category->status == 'close')
            <div class="row mb-3 justify-content-center">
                <div class="col-12">
                    <div class="alert alert-danger">
                        <h5><i class="icon fas fa-ban"></i> @lang("label.status_category_job_{$category->status}")!</h5>
                        {{ $title }} <strong>@lang("label.status_category_job_{$category->status}")</strong>
                        <br/>
                        <i class="fas fa-calendar-alt"></i> {{ ($category->start_date&&$category->end_date?carbonParseTransFormat($category->start_date, 'd F').' - '.carbonParseTransFormat($category->end_date, 'd F Y H:i'):'') }}
                    </div>
                </div>
            </div>
        @else
            @if ( !in_array($user->status_applicable, ['verified']) )
                <div class="row mb-3 justify-content-center">
                    <div class="col-12">
                        <div class="alert alert-warning">
                            <h5><i class="icon fas fa-ban"></i> @lang("label.data_applicable_{$user->status_applicable}")!</h5>
                            @lang("label.message_data_applicable_{$user->status_applicable}")
                            <br/>
                            @if($user->status_applicable == 'rejected')
                                <button type="button" class="btn btn-sm btn-primary" onclick="window.location.href='{{ route("{$jobapp_identifier}.backend.my_applicable.data_applicable") }}'" title="@lang('label.edit_data_applicable')">@lang('label.edit_data_applicable')</button>
                            @else
                                <button type="button" class="btn btn-sm btn-primary" onclick="window.location.href='{{ route("{$jobapp_identifier}.backend.my_applicable.data_applicable_detail", encrypt_decrypt($user->id)) }}'" title="@lang('label.detail_data_applicable')">@lang('label.detail_data_applicable')</button>
                            @endif
                        </div>
                    </div>
                </div>
            @elseif ( $applicable && !in_array($applicable->judgment, ['draft']) && ($applicable->created_at && carbonParseTransFormat($applicable->created_at, 'Y') == $currentYear) )
                <div class="row mb-3 justify-content-center">
                    <div class="col-12">
                        <div class="alert alert-warning">
                            <h5><i class="icon fas fa-ban"></i> @lang("label.has_apply_job_applicable")!</h5>
                            @lang('label.message_has_apply_job_applicable') <strong>@lang("label.status_{$applicable->judgment}")</strong>
                        </div>
                    </div>
                </div>
            @else
                <form id="formApplyJobApplicable" class="row justify-content-center" data-action="{{ route("{$jobapp_identifier}.backend.my_applicable.apply_save") }}">
                    <div class="col-12">
                        <input type="hidden" name="category_job_id" value="{{ encrypt_decrypt($category->id) }}">
                        <input type="hidden" name="job_applicable_id" value="{{ encrypt_decrypt($applicable->id) }}">
                        <div class="card card-primary card-outline card-outline-tabs">
                            <div class="card-header p-0 border-bottom-0">
                                <ul class="nav nav-tabs" id="custom-tabs-three-tab" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" id="custom-tabs-three-data-pribadi-tab" data-toggle="pill" href="#custom-tabs-three-data-pribadi" role="tab" aria-controls="custom-tabs-three-data-pribadi" aria-selected="true">@lang('label.data_pribadi_apply')</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="custom-tabs-three-data-keluarga-tab" data-toggle="pill" href="#custom-tabs-three-data-keluarga" role="tab" aria-controls="custom-tabs-three-data-keluarga" aria-selected="false">@lang('label.data_keluarga_apply')</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="custom-tabs-three-riwayat-hidup-tab" data-toggle="pill" href="#custom-tabs-three-riwayat-hidup" role="tab" aria-controls="custom-tabs-three-riwayat-hidup" aria-selected="false">@lang('label.riwayat_hidup_apply')</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="custom-tabs-three-dokumen-tab" data-toggle="pill" href="#custom-tabs-three-dokumen" role="tab" aria-controls="custom-tabs-three-dokumen" aria-selected="false">@lang('label.dokumen_apply')</a>
                                    </li>
                                    {{--<li class="nav-item">
                                        <a class="nav-link" id="custom-tabs-three-keterangan-lain-lain-tab" data-toggle="pill" href="#custom-tabs-three-keterangan-lain-lain" role="tab" aria-controls="custom-tabs-three-keterangan-lain-lain" aria-selected="false">@lang('label.keterangan_lain_lain_apply')</a>
                                    </li>--}}
                                    <li class="nav-item">
                                        <a class="nav-link" id="custom-tabs-three-pernyataan-tab" data-toggle="pill" href="#custom-tabs-three-pernyataan" role="tab" aria-controls="custom-tabs-three-pernyataan" aria-selected="false">@lang('label.pernyataan_apply')</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="card-body">
                                <div class="tab-content" id="custom-tabs-three-tabContent">
                                    <div class="tab-pane fade show active" id="custom-tabs-three-data-pribadi" role="tabpanel" aria-labelledby="custom-tabs-three-data-pribadi-tab">
                                        @include("{$jobapp_identifier}::my_applicable.data_applicable.backend.details.data_pribadi")
                                    </div>
                                    <div class="tab-pane fade" id="custom-tabs-three-data-keluarga" role="tabpanel" aria-labelledby="custom-tabs-three-data-keluarga-tab">
                                        @include("{$jobapp_identifier}::my_applicable.data_applicable.backend.details.data_keluarga")
                                    </div>
                                    <div class="tab-pane fade" id="custom-tabs-three-riwayat-hidup" role="tabpanel" aria-labelledby="custom-tabs-three-riwayat-hidup-tab">
                                        @include("{$jobapp_identifier}::my_applicable.data_applicable.backend.details.riwayat_hidup")
                                    </div>
                                    <div class="tab-pane fade" id="custom-tabs-three-dokumen" role="tabpanel" aria-labelledby="custom-tabs-three-dokumen-tab">
                                        @include("{$jobapp_identifier}::my_applicable.data_applicable.backend.details.dokumen_lampiran")
                                    </div>
                                    {{--<div class="tab-pane fade" id="custom-tabs-three-keterangan-lain-lain" role="tabpanel" aria-labelledby="custom-tabs-three-keterangan-lain-lain-tab">
                                        @include("{$jobapp_identifier}::my_applicable.data_applicable.backend.details.keterangan_lain")
                                    </div>--}}
                                    <div class="tab-pane fade" id="custom-tabs-three-pernyataan" role="tabpanel" aria-labelledby="custom-tabs-three-pernyataan-tab">
                                        @include("{$jobapp_identifier}::my_applicable.apply.backend.pernyataan")
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            @endif
        @endif
    </div>
@endsection

@push('js_stack')
    <script>
        const labels = {
            'confirm_submission_applicable' : '@lang('label.confirm_submission_applicable')',
            'job_applicable_name': '{{ $category->name }}'
        };
    </script>
    {!! module_script('core', 'js/modernizr.min.js') !!}
    {!! plugins_script('jobapp', 'my-applicable/apply/backend/js/_form.js') !!}
@endpush