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

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

{{-- Content --}}
@section('content')
<style>
    .dt-table-btn {
        margin-right: 5px;
    }

    .dt-table-btn i.fa {
        font-size: 18px;
    }
</style>
<!--begin::Card-->
<div class="card shadow-sm">
    <!--begin::Header-->
    <div class="card-header flex-wrap border-0 pt-6 pb-0">
        <div class="card-title">
            <input type="text" data-kt-customer-table-filter="search" class="form-control form-control-solid w-250px ps-15" placeholder="Search" />
        </div>
        <div class="card-toolbar">
            <div class="d-flex justify-content-end" data-kt-customer-table-toolbar="base">
                <!--begin::Filter-->
                <a href="javascript:;" data-bs-toggle="modal" data-bs-backdrop="static" data-bs-keyboard="false"
                    data-bs-target="#job_referral_modal" class="btn btn-primary font-weight-bolder me-5 btn-hover-rise">
                    <span class="svg-icon svg-icon-md">
                        <!--begin::Svg Icon | path:assets/media/svg/icons/Design/Flatten.svg-->
                        <i class="fa fa-envelope"></i>
                        <!--end::Svg Icon-->
                </span>Send Email</a>
            </div>
            <div class="ml-3">
            @if(!$isRejectedApplicants)
            {!!Helper::getListAddBtn(route("applicants.create"),"Add Application")!!}
            @endif
            </div>
        </div>
    </div>
    <!--end::Header-->
    <!--begin::Body-->
    <div class="card-body">
        @include("backend.alerts")

        <div class="col-md-12 pl-0 pr-0 mb-5">
            <div class="card shadow-sm" id="kt_card_1">
                <div class="card-header collapsible cursor-pointer rotate">
                    <div class="card-title">
                        <h3 class="card-label">Search</h3>
                    </div>
                    <div class="card-toolbar">
                        <a href="javascript;" data-bs-toggle="collapse" data-bs-target="#kt_docs_card_collapsible_1">{!!$cardIcon!!}</a>
                        <a href="javascript:;" class="resetFilter" data-target="#kt_docs_card_collapsible_1" title="Reset Filters">
                            {!!$cardRefreshIcon!!}
                        </a>
                    </div>
                </div>
                <div id="kt_docs_card_collapsible_1" class="collapse show">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-3">
                                First Name <input type="text" class="form-control filter-date first-name" placeholder="First Name" name="firstName" value="" />
                            </div>
                            <div class="col-md-3">
                                Gender
                                <select class="form-control form-control-lg form-control-solid form-select filter-date gender" name="gender" required>
                                    <option value="">Select</option>
                                    @foreach(config('constant.gender') as $gN => $gV)
                                    <option value="{{$gN}}" {{($data['gender']??old('gender'))==$gN?'selected':''}}>{{$gV}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3">
                                Experience
                                <select class="form-control form-control-lg form-control-solid form-select filter-date qualification_in_disability" name="qualification_in_disability">
                                    <option value="" selected>Select</option>
                                    @foreach($masterDataByType['qualification_in_disability'] as $masterData)
                                    <option value="{{$masterData['id']}}" {{($data['qualification_in_disability']??old('qualification_in_disability'))==$masterData['id']?'selected':''}}>{{$masterData['title']}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3">
                                Job Position
                                <select class="form-control form-control-lg form-control-solid required form-select filter-date job_position" name="job_position" id="job_position">
                                    <option value="" selected>Select</option>
                                    @foreach($masterDataByType['job_position'] as $masterData)
                                    <option value="{{$masterData['id']}}" {{($data['job_position']??old('job_position'))==$masterData['id']?'selected':''}}>{{$masterData['title']}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-12 pl-0 pr-0 mb-20">
            <div class="card shadow-sm card-collapsed" id="kt_card_2">
                <div class="card-header collapsible cursor-pointer rotate">
                    <div class="card-title">
                        <h3 class="card-label">Advance Search</h3>
                    </div>
                    <div class="card-toolbar">
                        <a href="javascript;" data-bs-toggle="collapse" data-bs-target="#kt_docs_card_collapsible_2">{!!$cardIcon!!}</a>
                        <a href="javascript:;" class="resetFilter" data-target="#kt_docs_card_collapsible_2" title="Reset Filters">
                            {!!$cardRefreshIcon!!}
                        </a>
                    </div>
                </div>
                <div id="kt_docs_card_collapsible_2" class="collapse">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-3">
                                Qualification
                                <select class="form-control form-control-lg form-control-solid form-select filter-date qualification_in_disability_multi" name="qualification_in_disability_multi" multiple>
                                    @foreach($masterDataByType['qualification_in_disability'] as $masterData)
                                    <option value="{{$masterData['id']}}">{{$masterData['title']}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3">
                                Current Police Check
                                <select class="form-control form-control-lg form-control-solid form-select filter-date national_police_certificate_for_employment" name="national_police_certificate_for_employment">
                                    <option value="">Select</option>
                                    @foreach(config('constant.yes_no_list') as $gN => $gV)
                                    <option value="{{$gN}}">{{$gV}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3">
                                Current Working With Children Check
                                <select class="form-control form-control-lg form-control-solid form-select filter-date current_working_with_children_wwc_check" name="current_working_with_children_wwc_check">
                                    <option value="">Select</option>
                                    @foreach(config('constant.yes_no_list') as $gN => $gV)
                                    <option value="{{$gN}}">{{$gV}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3">
                                Current NDIS Worker Screening Check
                                <select class="form-control form-control-lg form-control-solid form-select filter-date ndis_worker_screening_check" name="ndis_worker_screening_check">
                                    <option value="">Select</option>
                                    @foreach(config('constant.yes_no_list') as $gN => $gV)
                                    <option value="{{$gN}}">{{$gV}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3">
                                First Aid accreditations currently hold
                                <select class="form-control form-control-lg form-control-solid form-select filter-date first_aid_accreditations" name="first_aid_accreditations" multiple>
                                    @foreach($masterDataByType['first_aid_accreditations'] as $masterData)
                                    <option value="{{$masterData['title']}}">{{$masterData['title']}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3">
                                Australian driver's licence?
                                <select class="form-control form-control-lg form-control-solid form-select filter-date current_australian_drivers_licence" name="current_australian_drivers_licence">
                                    <option value="">Select</option>
                                    @foreach(config('constant.yes_no_list') as $gN => $gV)
                                    <option value="{{$gN}}">{{$gV}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3">
                                Access to a car
                                <select class="form-control form-control-lg form-control-solid form-select filter-date regular_access_to_a_car" name="regular_access_to_a_car">
                                    <option value="">Select</option>
                                    @foreach(config('constant.yes_no_list') as $gN => $gV)
                                    <option value="{{$gN}}">{{$gV}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3">
                                Covid-19 vaccination status
                                <select class="form-control form-control-lg form-control-solid form-select filter-date covid_19_vaccination_status" name="covid_19_vaccination_status" multiple>
                                    @foreach($masterDataByType['covid_19_vaccination_status'] as $masterData)
                                    <option value="{{$masterData['id']}}">{{$masterData['title']}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3">
                                Rights to work in Australia
                                <select class="form-control form-control-lg form-control-solid form-select filter-date right_to_work_in_australia" name="right_to_work_in_australia" multiple>
                                    @foreach($masterDataByType['right_to_work_in_australia'] as $masterData)
                                    <option value="{{$masterData['id']}}">{{$masterData['title']}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3">
                                Available to work per week
                                <select class="form-control form-control-lg form-control-solid form-select filter-date hours_available_to_work_per_week" name="hours_available_to_work_per_week" multiple>
                                    @foreach($masterDataByType['hours_available_to_work_per_week'] as $masterData)
                                    <option value="{{$masterData['id']}}">{{$masterData['title']}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3">
                                Start with team
                                <select class="form-control form-control-lg form-control-solid form-select filter-date when_can_you_join_the_team" name="when_can_you_join_the_team" multiple>
                                    @foreach($masterDataByType['when_can_you_join_the_team'] as $masterData)
                                    <option value="{{$masterData['id']}}">{{$masterData['title']}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--begin: Datatable-->
        {!! $html->table() !!}
        <!--end: Datatable-->
    </div>
    <!--end::Body-->
</div>
<!--end::Card-->
<!-- start::Modal -->
<div class="modal fade" id="interview_modal" tabindex="-1" role="dialog" aria-labelledby="interview_modal_label" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="client_referral_modal_label">Schedule Interview</h5>
                <div class="btn btn-icon btn-sm btn-active-light-primary ms-2" data-bs-dismiss="modal" aria-label="Close">
                    <span class="svg-icon svg-icon-2x">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                            <rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="currentColor"></rect>
                            <rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="currentColor"></rect>
                        </svg>
                    </span>
                </div>
            </div>
            <div class="modal-body">
                <div class="row">
                    <form action="javascript:;" id="interview_modal_form">
                        <input type="hidden" name="applicant_id" id="applicant_id" value="" />
                        <!--begin::Group-->
                        <div class="form-group row mb-5">
                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                <label class="col-form-label text-lg-right text-left">Time</label>
                                <input type="text" name="time" class="form-control form-control-solid required bt_timepicker_3" id="time_input" value="" autocomplete="off" />
                            </div>

                        <!--end::Group-->
                        <!--begin::Group-->

                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                <label class="col-form-label text-lg-right text-left">Date</label>
                                <input type="text" name="date" class="form-control form-control-solid required datepicker" id="date_input" value="" autocomplete="off" />
                            </div>
                        </div>
                        <!--end::Group-->
                        <h4 class="mt-5">Scheduled Interviews</h4>
                        <div class="row col-md-12" id="interview_tbl"></div>
                    </form>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-hover-rise" data-bs-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary btn-hover-rise" id="submit_interview_form">Save and Email</button>
            </div>
        </div>
    </div>
</div>
<!--end::Modal-->
<!--start:: Job refferal Modal-->
<div class="modal fade" id="job_referral_modal" tabindex="-1" role="dialog"
        aria-labelledby="job_referral_modal_label" aria-hidden="true" data-bs-keyboard="false"
        data-bs-target="#job_referral_modal">
        <div class="modal-dialog" role="document" id='job_referral_modal_details'>
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="job_referral_modal_label">Send Email</h5>
                    <!--begin::Close-->
                    <div class="btn btn-icon btn-sm btn-active-light-primary ms-2" data-bs-dismiss="modal"
                        aria-label="Close">
                        <span class="svg-icon svg-icon-2x">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                fill="none">
                                <rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1"
                                    transform="rotate(-45 6 17.3137)" fill="currentColor"></rect>
                                <rect x="7.41422" y="6" width="16" height="2" rx="1"
                                    transform="rotate(45 7.41422 6)" fill="currentColor"></rect>
                            </svg>
                        </span>
                    </div>
                    <!--end::Close-->
                </div>
                <div class="modal-body">
                    <form action="javascript:;" id="email_form">
                        <input type="email" name="email_address" id="email_address" class="form-control email required"
                            value="" placeholder="Applicant Email Address" />
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-hover-rise" data-bs-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary btn-hover-rise" id="submit-email">Send</button>
                </div>
            </div>
        </div>
    </div>
<!--end::Modal-->
@endsection

{{-- Scripts Section --}}
@section('scripts')
{!! $html->scripts() !!}
<script type="text/javascript">
    $(document).on('change keyup', '.filter-date', function() {
        window.LaravelDataTables["dataTableBuilder"].ajax.reload();
    });

    $(document).ready(function() {
        // This card is lazy initialized using data-card="true" attribute. You can access to the card object as shown below and override its behavior
        // var card = new KTCard('kt_card_1');
        // var card2 = new KTCard('kt_card_2');
        var refershDone = false;
        $('#interview_modal_form').validate();
        // card2.on('afterExpand', function(card) {
        //     if (!refershDone) {
        //         KTApp.block(card2.getSelf(), {
        //             overlayColor: '#ffffff',
        //             type: 'loader',
        //             state: 'primary',
        //             opacity: 0.3,
        //             size: 'lg'
        //         });

        //         // update the content here

        //         setTimeout(function() {
        //             KTApp.unblock(card2.getSelf());
        //         }, 500);
        //         $('.select2').select2();
        //         refershDone = true;
        //     }
        // });

        // Reload event handlers
        $(document).on('click', '.resetFilter', function() {
            var target = $(this).attr('data-target');
            $(target).find('input,select').val('').trigger('change');
            window.LaravelDataTables["dataTableBuilder"].ajax.reload();
            toastr.success('Search Reset Done!');

            // showLoader(target)

            // update the content here

            setTimeout(function() {
                // hideLoader(target)
            }, 500);
        });
    })

    function applicantActions(ele, data_action) {
        var row = $(ele).parents('tr:first');
        if (row) {
            var id = row.attr('id');
            if (id && data_action == "export") {
                callAction(id, data_action);
            } else if (id && data_action == "interview") {
                initTimepicker3();
                $('#interview_modal').find('input').val('').trigger('change');
                $('#interview_modal #applicant_id').val(id);
                $('#interview_modal').modal('show');
                fetchInterviewDetails(id);
            } else if (id) {
                if (data_action == "delete") {
                    deleteAlert['text'] = "Are you sure you want to delete this applicant?";
                }
                if (data_action == "reject") {
                    deleteAlert['text'] = "Are you sure you want to reject this applicant?";
                }
                if (data_action == "pending") {
                    deleteAlert['text'] = "Are you sure you want to move this back to New Applicants?";
                }
                Swal.fire(deleteAlert).then(function(result) {
                    if (result.value) {
                        callAction(id, data_action);
                    }
                });
            }
        }
    }

    // function initTimepicker() {
    //     // $('#interview_modal .timepicker').timepicker({
    //     //     minuteStep: 15,
    //     //     defaultTime: '',
    //     //     showSeconds: true,
    //     //     showMeridian: false,
    //     //     snapToStep: true
    //     // });
    // }

    function fetchInterviewDetails(id) {
        var data_action = "get";
        var getData = $('#interview_modal_form').serialize();
        getData += "&id=" + id;
        getData += "&data_action=" + data_action;
        getData += "&_token=" + "{{ csrf_token() }}";
        $.ajax({
            type: 'POST',
            dataType: 'json',
            data: getData,
            url: "{!! route('applicants.interview') !!}",
            success: function(data) {
                if (data.status) {
                    var table = '<table class="table table-bordered">';
                    table += '<thead>';
                    table += '<th>Date</th><th>Time</th><th>Email Sent</th>';
                    table += '</thead>';
                    table += '<tbody>';
                    if (data.interviews.length) {
                        $.each(data.interviews, function(i, data) {
                            table += '<tr><td>' + data['date'] + '</td><td>' + data['time'] + '</td><td>' + data['created_at'] + '</td>';
                        });
                    } else {
                        table += '<tr><td colspan="4" class="text-center">No interview scheduled yet!</td>';
                    }
                    table += '</tbody>';
                    table += '</table>';
                    $('#interview_tbl').html(table);
                }
            }
        });
    }

    $(document).on('click', '#submit_interview_form', function() {
    blockUI = new KTBlockUI(document.querySelector('#interview_modal .modal-content'));

    var $button = $(this);
    $button.prop('disabled', true);
    if ($('#interview_modal_form').valid()) {
        var data_action = "save";
        var getData = $('#interview_modal_form').serialize();
        getData += "&data_action=" + data_action;
        getData += "&_token=" + "{{ csrf_token() }}";
        $.ajax({
            type: 'POST',
            dataType: 'json',
            data: getData,
            url: "{!! route('applicants.interview') !!}",
            beforeSend: function() {
                            blockUI.block();
                        },
            success: function(data) {
                if (data.status && data_action == "save") {
                    $('#interview_modal').modal('hide');
                    deleteSuccessAlert['text'] = "Interview details saved successfully!";
                    Swal.fire(deleteSuccessAlert);
                }
            },
            error: function() {
                $button.prop('disabled', false);
                blockUI.release();
            },
            complete: function() {
                $button.prop('disabled', false);
                blockUI.release();
            },
        });
    } else {
        $button.prop('disabled', false);
    }
});

    function callAction(id, data_action) {
        $.ajax({
            type: 'POST',
            dataType: 'json',
            data: {
                id: id,
                "_token": "{{ csrf_token() }}",
                "data_action": data_action,
                _method: 'DELETE'
            },
            url: "{!! route('applicants.destroy',1) !!}",
            success: function(data) {
                if (data.status && data_action == "delete") {
                    deleteSuccessAlert['text'] = "Record deleted successfully!";
                    Swal.fire(deleteSuccessAlert);
                    window.LaravelDataTables["dataTableBuilder"].ajax.reload();
                }
                if (data.status && data_action == "reject") {
                    // window.location = "{{route('rejected_applicants.index')}}";
                    deleteSuccessAlert['text'] = "Applicant Rejected successfully!";
                    Swal.fire(deleteSuccessAlert);
                    window.LaravelDataTables["dataTableBuilder"].ajax.reload();
                }
                if (data.status && data_action == "pending") {
                    // window.location = "{{route('applicants.index')}}";
                    deleteSuccessAlert['text'] = "Applicant moved successfully!";
                    Swal.fire(deleteSuccessAlert);
                    window.LaravelDataTables["dataTableBuilder"].ajax.reload();
                }
            }
        });
    }

    blockUI = new KTBlockUI(document.querySelector('#job_referral_modal_details'));
        $(document).ready(function() {
            $('#email_form').validate();
            $('#submit-email').on('click', function() {
                if ($('#email_form').valid()) {
                    showLoader('#job_referral_modal .modal-content')
                    $.ajax({
                        type: 'POST',
                        dataType: 'json',
                        data: {
                            email: function() {
                                return $('#email_address').val();
                            },
                            "_token": "{{ csrf_token() }}",
                        },
                        url: "{!! route('job_refferal_send_email') !!}",
                        beforeSend: function() {
                            blockUI.block();
                        },
                        success: function(data) {
                            hideLoader('#job_referral_modal .modal-content');
                            if (data.status) {
                                Swal.fire({
                                    text: "Email Sent Successfully!",
                                    icon: "success",
                                    showCancelButton: false
                                });
                                $('#email_address').val('');
                                $('#job_referral_modal').modal('hide');
                                // window.LaravelDataTables["dataTableBuilder"].ajax.reload();
                            } else {
                                Swal.fire({
                                    text: data.message,
                                    icon: "error",
                                    showCancelButton: false
                                });
                            }
                        },
                        error: function(xhr) {
                            hideLoader('#job_referral_modal .modal-content');
                            blockUI.release();
                            if (xhr.status === 400) {
                                var response = xhr.responseJSON;
                                Swal.fire({
                                    text: response.message,
                                    icon: "error",
                                    showCancelButton: false
                                });
                            } else {
                                Swal.fire({
                                    text: 'An error occurred. Please try again.',
                                    icon: "error",
                                    showCancelButton: false
                                });
                            }
                        },
                        complete: function() {
                            blockUI.release();
                        }
                    });
                }
            });
        });
</script>
@endsection