@php
    $start_date = date('Y-m-1');
    $end_date = date('Y-m-t');
    $datas = App\Models\TestCandidates::whereDate('ScheduledDate', '>=', $start_date)
        ->whereDate('ScheduledDate', '<=', $end_date)
        ->orderBy('TestCandidateID', 'desc')
        ->get();
    $data_count = App\Models\TestCandidates::whereDate('ScheduledDate', '>=', $start_date)
        ->whereDate('ScheduledDate', '<=', $end_date)
        ->count();

@endphp

<div class="modal fade" tabindex="-1" id="hr_test_candidate_modal">
    <div class="modal-dialog modal-fullscreen">
        <div class="modal-content shadow-none">
            <div class="modal-header">
                <div>
                    <h5 class="modal-title">Candidates</h5>
                </div>

                <div class="d-flex">
                    <div>
                        Start Date
                        <input type="date" class="form-control" id="hr_candidate_start_date" />
                    </div>
                    <div class ="mx-4">
                        End Date
                        <input type="date" class="form-control" id="hr_candidate_end_date" />
                    </div>
                    <div>
                        <button type="button" id="hr_candidate_search_button" class="my-5 btn btn-outline-secondary"><i
                                class="bi bi-arrow-clockwise fs-1"></i></button>
                    </div>
                </div>
                <!--begin::Close-->
                <div class="btn btn-icon   btn-active-light-primary ms-2" id="hr_add_candidate_modal_button">
                    <i class=" fs-2x bi bi-person-plus-fill"></i>
                </div>
                <!--end::Close-->
            </div>

            <div class="modal-body">

                <table class='table table-row-bordered table-row-gray-300 gy-7'>

                    <thead>
                        <tr>
                            <td>CANDIDATE NAME</td>
                            <td>QUESTIONAIRE</td>
                            <td>DOWNLOAD CV </td>
                            <td>POSITION APPLIED FOR</td>
                            <td>CONTACT</td>
                            <td>EMAIL</td>
                            <td>EXPECTED SALARY</td>
                            <td style="width:50px !important">SCHEDULE DATE</td>
                            <td style="width:120px">TEST TIME</td>
                            <td>COMMENT</td>
                            <td></td>
                        </tr>
                    </thead>
                    <tbody id="hr_candidate_table_body">

                        @if ($data_count > 0)

                            @foreach ($datas as $data)
                                @php
                                    $questionaire = '';

                                    $check = App\Models\TestQuestionnaire::where('CandidateID', $data->TestCandidateID)->count();

                                    if ($check > 0) {
                                        $questionaire = "<label class='btn btn-light-primary' onclick='show_questionaire($data->TestCandidateID)'>Questionaire</label>";
                                    }
                                    $url = URL::asset("storage/$data->CV");
                                    $id = $data->TestCandidateID;
                                    $cv = "<a href='$url' download>Download Resume</a>";
                                    $date = date('Y-m-d', strtotime($data->ScheduledDate));
                                    $schedule_date = "<input type='date' class='form-control ' style='width:75% !important' id='schedule_date$id' value='$date'  />";
                                    $time = date('h:i a', strtotime($data->Time));
                                    $schedule_time = "<input type='text' value='$time' class='form-control' id='schedule_time$id' />";
                                    $comment = "<textarea  class='form-control' id='comment$id'>$data->Comment</textarea>";

                                @endphp

                                <tr>
                                    <td>{{ $data->Name }}</td>
                                    <td>{!! $questionaire !!}</td>
                                    <td>{!! $cv !!}</td>
                                    <td>{{ $data->Position }}</td>
                                    <td>{{ $data->ContactNumber }}</td>
                                    <td>{{ $data->Email }}</td>
                                    <td>{{ number_format($data->ExpectedSalary) }}</td>
                                    <td>{!! $schedule_date !!}</td>
                                    <td>{!! $schedule_time !!}</td>
                                    <td>{!! $comment !!}</td>
                                    <td><label class='btn btn-light-primary'
                                            onclick='update_candidate("{{ $id }}")'>Update</label> </td>


                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td colspan='11' style='color:red;text-align:center'>No Record Found</td>
                            </tr>
                        @endif

                    </tbody>

                </table>

            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" tabindex="-1" id="hr_test_candidate_add_modal">
    <div class="modal-dialog  ">
        <div class="modal-content  ">
            <div class="modal-header">
                <h5 class="modal-title">Add New Candidate</h5>
            </div>

            <form id="test_candidate_form" enctype="multipart/form-data">
                <div class="modal-body">


                    <div class="row mt-5">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Candidate Name</label>
                                <input type="text" id="add_candidate_name" name="name" class="form-control" />
                            </div>

                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Candidate Number</label>
                                <input type="number" id="add_candidate_number" name="number" class="form-control" />
                            </div>

                        </div>
                    </div>

                    <div class="row mt-5">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Candidate Email</label>
                                <input type="email" id="add_candidate_email" name="email" class="form-control" />
                            </div>

                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Expected Salary</label>
                                <input type="number" id="add_candidate_salary" name="salary" class="form-control" />
                            </div>

                        </div>
                    </div>

                    <div class="row mt-5">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Candidate Position</label>
                                <select class="form-control" id="add_candidate_position" name="postition">
                                    <option value="">Select A Position</option>
                                    <option value="Senior Copy Writer">Senior Copy Writer</option>
                                    <option value="Junior Copy Writer">Junior Copy Writer</option>
                                    <option value="Admin">Admin</option>
                                    <option value="Admin">IT</option>
                                    <option value="Sales And Support">Sales And Support</option>
                                    <option value="Graphics Designer">Graphics Designer</option>
                                    <option value="Front End Developer">Front End Developer</option>
                                    <option value="Back End Developer">Back End Developer</option>
                                    <option value="Editor">Editor</option>
                                </select>

                            </div>

                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Candidate Status</label>
                                <select class="form-control" id="add_candidate_status" name="status">
                                    <option value="">Select Candidate Status</option>
                                    <option value="Senior Copy Writer">Internee</option>
                                    <option value="Experienced">Experienced</option>
                                    <option value="Inexperience">Inexperience</option>

                                </select>
                            </div>

                        </div>
                    </div>

                    <div class="row  mt-5">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Scheduled Date</label>
                                <input class="form-control" placeholder="Pick a date" id="candidate_scheduled_date"
                                    name="test_date" />


                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Scheduled Time</label>
                                <input type="time" class="form-control" name="test_time"
                                    id="candidate_scheduled_time" />
                            </div>
                        </div>
                    </div>

                    <div class="row mt-5">
                        <div class="custom-file">
                            <input type="file" class="custom-file-input form-control" name="resume"
                                id="candidate_cv">
                        </div>
                        <label style="color:red;display:none" id="cv_error">*CV is required</label>
                    </div>

                </div>
            </form>

            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" id="add_candidate_button">Add</button>
            </div>
        </div>
    </div>
</div>


<div class="modal fade " tabindex="-1" id="hr_test_candidate_questionaire_modal">
    <div class="modal-dialog  ">
        <div class="modal-content  "  style="    margin-left: -262px;
        width: 1000px;">
            <div class="modal-header"  >
                <h5 class="modal-title">Test Answers</h5>
            </div>

            <div class="modal-body"      >


                <!--begin::Accordion-->
                <div class="accordion">
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="kt_accordion_1_header_1">
                            <button class="accordion-button fs-4 fw-semibold" type="button"
                                data-bs-toggle="collapse" data-bs-target="#kt_accordion_1_body_1"
                                aria-expanded="true" aria-controls="kt_accordion_1_body_1">
                                Questionaire
                            </button>
                        </h2>
                        <div id="kt_accordion_1_body_1" class="accordion-collapse collapse show"
                            aria-labelledby="kt_accordion_1_header_1" data-bs-parent="#kt_accordion_1">
                            <div class="accordion-body">


                                <div class="table-responsive">
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr class="fw-bold fs-6 text-gray-800">
                                                <th>Question</th>
                                                <th>Answers</th>

                                            </tr>
                                        </thead>
                                        <tbody>
                                            
                                            <tr>
                                                <td>Candidate ID</td>
                                                <td id="candidate_questionaire_id"></td>
                                            </tr>
                                            <tr>
                                                <td>Name</td>
                                                <td id="candidate_questionaire_name"></td>
                                            </tr>
                                            <tr>
                                                <td>Gender</td>
                                                <td id="candidate_questionaire_gender"></td>
                                            </tr>
                                            <tr>
                                                <td>Date Of Birth</td>
                                                <td id="candidate_questionaire_dob"></td>

                                            </tr>
                                            <tr>
                                                <td>Education / Last Qualification </td>
                                                <td id="candidate_questionaire_education"> </td>

                                            </tr>
                                            <tr>
                                                <td>Current / Last Salary </td>
                                                <td id="candidate_questionaire_current_salary"> </td>
                                            </tr>
                                            <tr>
                                                <td>What Do You Know About Our Company (Global Clicks) </td>
                                                <td id="candidate_questionaire_about_company"></td>
                                            </tr>
                                            <tr>
                                                <td>EXPERIENCE (NO. OF YEARS WORKED AS CONTENT WRITER / BLOGGER) </td>
                                                <td id="candidate_questionaire_experience"></td>
                                            </tr>
                                            <tr>
                                                <td>Are You Available To Work Full Time / Part Time? </td>
                                                <td id="candidate_questionaire_job_type"></td>

                                            </tr>
                                            <tr>
                                                <td>Expected Salary </td>
                                                <td id="candidate_questionaire_expected_salary"> </td>

                                            </tr>
                                            <tr>
                                                <td>What Are Your Long-Term Goals Or Career Plans? </td>
                                                <td id="candidate_questionaire_goal"></td>
                                            </tr>
                                            <tr>
                                                <td>Why Did You Choose This Line of Work? </td>
                                                <td id="candidate_questionaire_reason"></td>

                                            </tr>
                                            <tr>
                                                <td>How Well Do You Work Under Pressure Or Targets</td>
                                                <td id="candidate_questionaire_under_pressure"></td>
                                            </tr>
                                            <tr>
                                                <td>What Do You Feel Your Weaknesses Are? </td>
                                                <td id="candidate_questionaire_weakness"></td>

                                            </tr>
                                            <tr>

                                                <td>What Are Five Words That Describe You? </td>
                                                <td id="candidate_questionaire_describe"></td>

                                            </tr>
                                            </tr>

                                        </tbody>
                                    </table>
                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="accordion-item">
                        <h2 class="accordion-header" id="kt_accordion_1_header_2">
                            <button class="accordion-button fs-4 fw-semibold collapsed" type="button"
                                data-bs-toggle="collapse" data-bs-target="#kt_accordion_1_body_2"
                                aria-expanded="false" aria-controls="kt_accordion_1_body_2">
                                Writer Test
                            </button>
                        </h2>
                        <div id="kt_accordion_1_body_2" class="accordion-collapse collapse"
                            aria-labelledby="kt_accordion_1_header_2" data-bs-parent="#kt_accordion_1">
                            <div class="accordion-body">
                                <div id="summernote" style="height: 500px;"></div>

                            </div>

                            <div>
                                <select class="form-control" onchange="attendance_candidate_result_update()" id="attendance_candidate_result_select" >
                                    <option value="">Select Test Status</option>
                                    <option value="Pass">Pass</option>
                                    <option value="Fail">Fail</option>
                                </select>
                            </div>
                        </div>

                      
                        
                    </div>

                    

                </div>
                <!--end::Accordion-->


            </div>


            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<script>

    function attendance_candidate_result_update(){
       
        
        Swal.fire({
            html: 'Confirm Update Test Status',
            icon: "warning",
            buttonsStyling: false,
            showCancelButton: true,

            confirmButtonText: "Yes Update Test Status!",
            cancelButtonText: 'Nope, cancel it',
            customClass: {
                confirmButton: "btn btn-primary",
                cancelButton: 'btn btn-danger'
            }
        }).then((willDelete) => {

 
            if (willDelete.isConfirmed == true) {
 show_loader();
                $.ajax({
                    url: 'hr-update-candidate-test-status',
                    method: 'POST',
                    data: {
                        CandidateID:$('#candidate_questionaire_id').html(),
                        result:$('#attendance_candidate_result_select').val(),
                        'start_date': $('#hr_candidate_start_date').val(),
                'end_date': $('#hr_candidate_end_date').val(),
                      
                    },
                    success: function(response) {

                        $('#hr_candidate_table_body').empty();
                $('#hr_candidate_table_body').append(response);
                        $('#hr_test_candidate_questionaire_modal').modal('hide');
                   
hide_loader();

                    },
                    error: function(xhr, status, error) {
                        console.log(error);

                    }
                });

            }

   


        });

    }


    $('#hr_add_candidate_modal_button').click(function() {

        $('#hr_test_candidate_add_modal').modal('show');

    });

    $("#candidate_scheduled_date").flatpickr({
        mode: "single",
        dateFormat: "Y-m-d",
        monthSelector: true,
        yearSelector: true,
        defaultDate: new Date(),
        minDate: new Date()
    });
</script>

<script>
    // Add the following code if you want the name of the file appear on select
    $(".custom-file-input").on("change", function() {
        var fileName = $(this).val().split("\\").pop();
        $(this).siblings(".custom-file-label").addClass("selected").html(fileName);
    });


    $('#add_candidate_button').click(function() {

        if ($('#add_candidate_name').val() == '') {
            $('#add_candidate_name').addClass('is-invalid');
            return;

        } else {
            $('#add_candidate_name').removeClass('is-invalid');
        }

        if ($('#add_candidate_number').val() == '') {
            $('#add_candidate_number').addClass('is-invalid');
            return;

        } else {
            $('#add_candidate_number').removeClass('is-invalid');
        }

        if ($('#add_candidate_email').val() == '') {
            $('#add_candidate_email').addClass('is-invalid');
            return;

        } else {
            $('#add_candidate_email').removeClass('is-invalid');
        }
        if ($('#add_candidate_salary').val() == '') {
            $('#add_candidate_salary').addClass('is-invalid');
            return;

        } else {
            $('#add_candidate_salary').removeClass('is-invalid');
        }
        if ($('#add_candidate_position').val() == '') {
            $('#add_candidate_position').addClass('is-invalid');
            return;

        } else {
            $('#add_candidate_position').removeClass('is-invalid');
        }
        if ($('#add_candidate_status').val() == '') {
            $('#add_candidate_status').addClass('is-invalid');
            return;

        } else {
            $('#add_candidate_status').removeClass('is-invalid');
        }
        if ($('#candidate_scheduled_date').val() == '') {
            $('#candidate_scheduled_date').addClass('is-invalid');
            return;

        } else {
            $('#candidate_scheduled_date').removeClass('is-invalid');
        }
        if ($('#candidate_scheduled_time').val() == '') {
            $('#candidate_scheduled_time').addClass('is-invalid');
            return;

        } else {
            $('#candidate_scheduled_time').removeClass('is-invalid');
        }
        if ($('#candidate_cv').get(0).files.length == 0) {
            $('#cv_error').show();
            return;

        } else {
            $('#cv_error').hide();
        }

show_loader();
        var fd = new FormData();
        fd.append('name', $('#add_candidate_name').val());
        fd.append('number', $('#add_candidate_number').val());
        fd.append('email', $('#add_candidate_email').val());
        fd.append('salary', $('#add_candidate_salary').val());
        fd.append('position', $('#add_candidate_position').val());
        fd.append('status', $('#add_candidate_status').val());
        fd.append('date', $('#candidate_scheduled_date').val());
        fd.append('time', $('#candidate_scheduled_time').val());
        fd.append('resume', $('#candidate_cv')[0].files[0]);

         $.ajax({
            url: 'hr-add-test-candidate',
            method: 'POST',
            enctype: 'multipart/form-data',
            data: fd,
            contentType: false,
            processData: false,
            success: function(response) {
                $('#hr_candidate_table_body').empty();
                $('#hr_candidate_table_body').append(response);


                $('#add_candidate_name').val('');
                $('#add_candidate_number').val('');
                $('#add_candidate_email').val('');
                $('#add_candidate_salary').val('');
                $('#add_candidate_position').val('');
                $('#add_candidate_status').val('');
                $('#candidate_scheduled_date').val('');
                $('#candidate_scheduled_time').val('');
                $('#candidate_cv')[0].files[0] = '';
                $('#hr_test_candidate_add_modal').modal('hide');
                hide_loader();
                swal.fire({
                    title: "Success",
                    text: "Candidate Added Successfully",
                    icon: "success",
                });

            },
            error: function(xhr, status, error) {
                console.log(error);

            }
        });










    });




    function update_candidate(id) {
show_loader();
        $.ajax({
            url: 'hr-update-test-candidate',
            method: 'POST',

            data: {
                'schedule_date': $('#schedule_date' + id).val(),
                'schedule_time': $('#schedule_time' + id).val(),
                'comment': $('#comment' + id).val(),
                'id': id,
                'start_date': $('#hr_candidate_start_date').val(),
                'end_date': $('#hr_candidate_end_date').val(),

            },

            success: function(response) {
                $('#hr_candidate_table_body').empty();
                $('#hr_candidate_table_body').append(response);

hide_loader();
                swal.fire({
                    title: "Success",
                    text: "Candidate Updated Successfully",
                    icon: "success",
                });

            },
            error: function(xhr, status, error) {
                console.log(error);

            }
        });


    }


    $('#hr_candidate_search_button').click(function() {
show_loader();
        $.ajax({
            url: 'hr-test-candidate-search',
            method: 'POST',

            data: {

                'start_date': $('#hr_candidate_start_date').val(),
                'end_date': $('#hr_candidate_end_date').val(),

            },

            success: function(response) {
                $('#hr_candidate_table_body').empty();
                $('#hr_candidate_table_body').append(response);
hide_loader();

                swal.fire({
                    title: "Success",
                    text: "Candidate Filtered Successfully",
                    icon: "success",
                });

            },
            error: function(xhr, status, error) {
                console.log(error);

            }
        });



    });


    function show_questionaire(id) {

        $.ajax({
            url: 'hr-test-candidate-get-questionaire',
            method: 'POST',

            data: {
        
                'CandidateID': id,
              

            },

            success: function(response) {
                $('#candidate_questionaire_id').html(response.data['CandidateID']);
                $('#candidate_questionaire_name').html(response.name);
                $('#candidate_questionaire_gender').html(response.data['Gender']);
                $('#candidate_questionaire_dob').html(response.data['DOB']);
                $('#candidate_questionaire_education').html(response.data['Education']);
                $('#candidate_questionaire_current_salary').html(response.data['CurrentSalary']);
                $('#candidate_questionaire_about_company').html(response.data['CompanyInfo']);
                $('#candidate_questionaire_experience').html(response.data['Experience']);
                $('#candidate_questionaire_job_type').html(response.data['Availability']);
                $('#candidate_questionaire_expected_salary').html(response.data['ExpectedSalary']);
                $('#candidate_questionaire_reason').html(response.data['WhyChooseThisLine']);
                $('#candidate_questionaire_under_pressure').html(response.data['WordUnderPressure']);
                $('#candidate_questionaire_weakness').html(response.data['Weakness']);
                $('#candidate_questionaire_describe').html(response.data['DescribeYou']);
                $('#candidate_questionaire_describe').html(response.data['DescribeYou']);
                $('#candidate_questionaire_goal').html(response.data['LongTermPlan']);
                $('#attendance_candidate_result_select').val(response.result)
                $("#summernote").summernote('code',response.data['FileName']);
            

            },
            error: function(xhr, status, error) {
                console.log(error);

            }
        });
        $('#hr_test_candidate_questionaire_modal').modal('show');
    }


    $(document).ready(function() {
        $('#summernote').summernote({
            toolbar: [],
            height:'230px',
                disableDragAndDrop: true,
                dialogsInBody: true,
                readOnly: true,
        });
    });



</script>

<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-bs4.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-bs4.min.js"></script>