@extends('core::layouts.backend')
@section('title', $title)
@section('breadcrumb')
    <li class="breadcrumb-item active"><a title="{{ $title }}"> {{ $title }}</a></li>
@endsection
@push('css_stack')

@endpush

@section('layout')
    <div class="container-fluid">
        <div class="row mb-3 justify-content-center">
            <div class="col-12">
                <a class="btn btn-warning btn-sm" href="{{ $url_back }}" title="{{ trans('label.back') }}"><i class="fa fa-arrow-left"></i> {{ trans('label.back') }}</a>
            </div>
        </div>

        <div class="row justify-content-center">
            <div class="col-12">
                <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}::job_applicable.backend.pernyataan")
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
@endsection

@push('js_stack')
    <script>
        const labels = {
            confirm_change_status : '@lang('label.confirm_change_status')'
        };
    </script>
    {!! plugins_script('jobapp', 'job-applicable/js/_detail.js') !!}
@endpush