@extends('layouts.app_hr')
@section('title',__('hr.job_candidates'))

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb breadcrumb-style1">
            <li class="breadcrumb-item">
                <a href="#">{{__('home.home')}}</a>
            </li>
            <li class="breadcrumb-item">
                <a href="#">{{__('hr.recruitment')}}</a>
            </li>
            <li class="breadcrumb-item active">{{__('hr.job_candidates')}}</li>
        </ol>
    </nav>

</section>

<!-- Main content -->
<div class="card tw-transition-all tw-duration-200 tw-bg-white tw-shadow-sm hover:tw-shadow-md tw-rounded-xl hover:tw-translate-y-0.5 tw-ring-1 tw-ring-gray-200 no-print">
    <div class="card-widget-separator-wrapper">
        <div class="card-body card-widget-separator">
            <div class="row gy-4 gy-sm-1">
                     <div class="row" style="padding: 5px;">
                        <div class="col-sm-3   fv-plugins-icon-container ">
                            <div class="form-floating form-floating-outline">
                                 <select name="job_id" id="job_id" class="form-control select2 ">
                                    <option value="">{{__('hr.search_all')}} </option>
                                    @foreach($jobs as $job)
                                        <option value="{{$job->id}}">{{ $job->job_title }} </option>
                                    @endforeach
                                </select>
                                <label for="job_id"> {{__('hr.job_post')}}</label>
                            </div>
                        </div>
                        <div class="col-sm-3   fv-plugins-icon-container ">
                            <div class="form-floating form-floating-outline">
                                 <input type="text" name="full_name" id="full_name" class="form-control">
                                <label for="full_name"> {{__('hr.candidate_name')}}</label>
                            </div>
                        </div>
                    </div>
            </div>
        </div>
    </div>
</div>

<section class="content">

    <div class="card tw-transition-all tw-duration-200 tw-bg-white tw-shadow-sm hover:tw-shadow-md tw-rounded-xl hover:tw-translate-y-0.5 tw-ring-1 tw-ring-gray-200 no-print">

        <div class="card-body">

            <div class="table-responsive mt-4 " >
                <table class="table table-responsive " id="job_candidate_table">
                    <thead>
                        <tr>
                            <th>@lang('hr.job')</th>
                             <th>@lang('hr.candidate_name')</th>
                             <th>@lang('business.email')</th>
                             <th>@lang('hr.cv')</th>
                             <th>@lang('hr.status')</th>
                             <th>@lang('hr.apply_date')</th>

                            <th>@lang('messages.action')</th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>
    </div>
</section>
@stop

<div class="modal fade show_modal" data-bs-backdrop="static" tabindex="-1"></div>



@section('javascript')

    <script>
        $(document).ready(function(){


            var job_candidate_table = $('#job_candidate_table').DataTable({
                processing: true,
                serverSide: true,
                fixedHeader: false,
                ajax: {
                    url: '/hr/recruitment/job-candidates',
                    data: function(d) {

                        d.job_id = $('#job_id').val();
                        d.location_id = $('#location_id').val();
                        d.full_name = $('#full_name').val();

                    }
                },
                columns: [

                    {
                        data: 'job_id',
                        name: 'job_id',

                    },
                    {
                        data: 'full_name',
                        name: 'full_name',
                    },
                    {
                        data: 'email',
                        name: 'email',
                    },
                    {
                        data: 'cv',
                        name: 'cv',
                    },
                    {
                        data: 'status',
                        name: 'status',
                    },
                    {
                        data: 'created_at',
                        name: 'created_at',
                    },
                    {
                        data: 'action',
                        name: 'action',
                        orderable: false
                    }
                ],
            });


            $(document).on('click', 'button.show_button', function() {
                $('div.show_modal').load($(this).data('href'), function() {
                    $(this).modal('show');
                });
            });
            $(document).on('click', 'button.delete_button', function() {
                swal({
                    title: LANG.sure,
                    text: LANG.confirm_delete,
                    icon: 'warning',
                    buttons: true,
                    dangerMode: true,
                }).then(willDelete => {
                    if (willDelete) {
                        var href = $(this).data('href');
                        var data = $(this).serialize();

                        $.ajax({
                            method: 'DELETE',
                            url: href,
                            dataType: 'json',
                            data: data,
                            success: function(result) {
                                if (result.success == true) {
                                    toastr.success(result.msg);
                                    job_candidate_table.ajax.reload();
                                } else {
                                    toastr.error(result.msg);
                                }
                            },
                        });
                    }
                });
            });

            $(document).on('change', '#location_id,#job_id',
                function() {
                    job_candidate_table.ajax.reload();
                });
            $('#full_name').keyup(function() {
                job_candidate_table.ajax.reload();
            });

        });

    </script>
@stop