{{-- Extends layout --}}
@extends(getThemeBasePath())

@section('page_title')
{{$page_title}}
@endsection

{{-- Content --}}
@section('content')
<!--begin::Card-->

<div class="card shadow-sm">
    <!--begin::Card header-->
    <div class="card-header card-header-tabs-line nav-tabs-line-3x">
        <!--begin::Toolbar-->
        <div class="card-toolbar">
            <ul class="nav nav-tabs nav-line-tabs nav-stretch fs-6 border-0">
                <!--begin::Item-->
                <li class="nav-item mr-3">
                    <a class="nav-link active" data-bs-toggle="tab" href="#kt_user_edit_tab_1">
                        <span class="nav-icon">
                            <i class="fa fa-user"></i>
                        </span>
                        <span class="nav-text font-size-lg">Job Application Form</span>
                    </a>
                </li>
                <!--End::Item-->
                @if(!empty($user_id))
                <!--begin::Item-->
                <li class="nav-item mr-3">
                    <a class="nav-link" data-bs-toggle="tab" href="#kt_user_edit_tab_2">
                        <span class="nav-icon">
                            <i class="fa fa-user"></i>
                        </span>
                        <span class="nav-text font-size-lg">Documents</span>
                    </a>
                </li>
                <!--End::Item-->
                @endif
            </ul>
        </div>
        <!--end::Toolbar-->
    </div>
    <!--end::Card header-->
    <!--begin::Card body-->
    <div class="card-body">
        <div class="tab-content">
            <!--begin::Tab-->
            <div class="tab-pane show active px-7" id="kt_user_edit_tab_1" role="tabpanel">
                <form class="form" method="post" action="{{$action}}" id="manage_form" enctype="multipart/form-data" autocomplete="off">
                    @if(!empty($data['id']))
                    @method('PUT')
                    @endif
                    @csrf
                    <input type="hidden" id="id" value="{{$user_id}}" />
                    @include('backend.hr_module.form')
                </form>
            </div>
            <!--end::Tab-->
            <!--begin::Tab-->
            @if(!empty($user_id))
            <div class="tab-pane show px-7" id="kt_user_edit_tab_2" role="tabpanel">
                @include('backend.hr_module.document_upload_form')
            </div>
            @endif
            <!--end::Tab-->
        </div>
    </div>
    <!--begin::Card body-->
    <div class="card-footer text-right">
        <button type="button" class="btn btn-primary mr-2" id="submit_btn" onclick="submitForm()">Submit</button>
        <a href="{{$cancel}}"><button type="button" class="btn btn-secondary">Cancel</button></a>
    </div>
</div>
<!--end::Card-->

@endsection

{{-- Scripts Section --}}
@section('scripts')
<script type="text/javascript">
    function submitForm() {
        if ($('#manage_form').valid()) {
            $('#manage_form').submit();
        }
    }
    $(document).ready(function() {
        $('.nav-tabs a[data-bs-toggle="tab"]').on('shown.bs.tab', function(e) {
            var target = $(e.target).attr("href") // activated tab
            if (target == "#kt_user_edit_tab_2") {
                $('.card-footer').hide();
                window.LaravelDataTables["dataTableBuilder"].ajax.reload();
            } else {
                $('.card-footer').show()
            }
        });
    });
</script>
@include('backend.pages.apply_job_script')
@endsection