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

@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.general sitting list')}}</a>
            </li>
            <li class="breadcrumb-item active">{{__('hr.job_posts')}}</li>
        </ol>
    </nav>

</section>
<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="location_id" id="location_id" class="form-control select2 ">
                                @php
                                $locations = \App\BusinessLocation::where('business_id',auth()->user()->business_id)->get()
                                @endphp
                                <option value="">{{__('hr.search_all')}} </option>
                                @foreach($locations as $location)
                                    <option value="{{$location->id}}">{{ $location->name }} </option>
                                @endforeach
                            </select>
                            <label for="location_id"> {{__('business.location')}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3   fv-plugins-icon-container ">
                        <div class="form-floating form-floating-outline">
                            <select name="status" id="status" class="form-control select2 ">
                                <option value="">{{__('hr.search_all')}} </option>
                                <option value="1">{{__('lang_v1.active')}} </option>
                                <option value="2">{{__('lang_v1.inactive')}} </option>
                            </select>
                            <label for="status"> {{__('hr.status')}}</label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Main content -->
<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="add-new">
                <button class="btn btn-primary waves-effect waves-light" data-bs-toggle="modal" data-bs-target="#create_job_post_modal">
                    <i class="ri-add-line me-0 me-sm-1 d-inline-block d-sm-none"></i>
                    <span class="d-none d-sm-inline-block">  @lang( 'messages.add' ) </span>
                </button>
            </div>
            <div class="table-responsive mt-4 " >
                <table class="table table-responsive " id="job_post_table">
                    <thead>
                        <tr>
                            <th>@lang('hr.job_post')</th>
                            <th>@lang('business.location')</th>
                            <th>@lang('hr.job_post_date')</th>
                            <th>@lang('hr.status')</th>
                            <th>@lang('hr.closing_date')</th>
                            <th>@lang('hr.added_by')</th>
                            <th>@lang('hr.updated_by')</th>
                            <th>@lang('messages.action')</th>
                        </tr>
                    </thead>
                    <tbody>

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

@include('hr.recruitment.job_post.create')
<div class="modal fade edit_job_post_modal" id="edit_job_post_modal" data-bs-backdrop="static" tabindex="-1"></div>



@section('javascript')

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


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

                         d.location_id = $('#location_id').val();
                        d.status = $('#status').val();

                    }
                },
                columns: [
                    {
                    data:'job_title',
                    name:'job_title'
                    },
                    {
                        data:'location_id',
                        name:'location_id'
                    },
                    {
                        data:'created_at',
                        name:'created_at'
                    }, {
                        data:'active',
                        name:'active'
                    },
                    {
                        data:'closing_date',
                        name:'closing_date'
                    }, {
                        data:'added_by',
                        name:'added_by'
                    },{
                        data:'updated_by',
                        name:'updated_by'
                    },

                    {
                        data:'action',
                        name:'action'
                    },
                ],
            });


            $(document).on('submit', 'form#add_job_post_form', function(e) {
                e.preventDefault();
                var form = $(this);
                var data = form.serialize();
                 $.ajax({
                    method: 'POST',
                    url: $(this).attr('action'),
                    dataType: 'json',
                    data: data,
                    beforeSend: function(xhr) {
                        __disable_submit_button(form.find('button[type="submit"]'));
                    },
                    success: function(result) {
                        if (result.success == true) {
                            $('.create_job_post_modal').modal('hide');
                             toastr.success(result.msg);
                            form[0].reset();
                            form.find('button[type="submit"]').removeAttr('disabled');
                            if (typeof(job_post_table) != 'undefined') {
                                job_post_table.ajax.reload();
                            }


                        } else {
                            $('.create_department_modal').modal('hide');
                            form[0].reset();
                            toastr.error(result.msg);
                            form.find('button[type="submit"]').removeAttr('disabled');
                        }
                    },
                });
            });


            $(document).on('click', 'button.edit_job_post_button', function() {
                $('div.edit_job_post_modal').load($(this).data('href'), function() {
                    $(this).modal('show');

                    $('form#edit_form').submit(function(e) {
                        e.preventDefault();
                        var form = $(this);
                        var data = form.serialize();
                         $.ajax({
                            method: 'POST',
                            url: $(this).attr('action'),
                            dataType: 'json',
                            data: data,
                            beforeSend: function(xhr) {
                                __disable_submit_button(form.find('button[type="submit"]'));
                            },
                            success: function(result) {
                                if (result.success == true) {
                                    $('div.edit_job_post_modal').modal('hide');
                                    toastr.success(result.msg);
                                    form[0].reset();
                                    job_post_table.ajax.reload();
                                } else {
                                    $('div.edit_job_post_modal').modal('hide');
                                    form[0].reset();
                                    toastr.error(result.msg);
                                    form.find('button[type="submit"]').removeAttr('disabled');
                                }
                            },
                        });
                    });
                });
            });

            $(document).on('click', 'button.delete_job_post_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_post_table.ajax.reload();
                                } else {
                                    toastr.error(result.msg);
                                }
                            },
                        });
                    }
                });
            });
            $(document).on('change', '#location_id,#status',
                function() {
                    job_post_table.ajax.reload();
                });

        })


        $(function() {
            $("#add_job_post_form").validate({
                errorPlacement: function(error, element) {
                    $(element).append('<li>' + error.text() + '</li>');
                    error.appendTo($('.toast'));

                },
                errorElement: 'div',
                rules: {
                    job_title: {
                        required: true,
                    },
                    job_id: {
                        required: true,
                    },
                    employment_type_id: {
                        required: true,
                    },
                    no_of_vacancy: {
                        required: true,
                    },
                    gender: {
                        required: true,
                    }, min_experience: {
                        required: true,
                    }, closing_date: {
                        required: true,
                    }, short_description: {
                        required: true,
                    }, long_description: {
                        required: true,
                    },
                },
                messages: {
                    job_title: {
                        required: '{{__("hr.job_title") ." : " .__("messages.required")}}'
                    },
                    no_of_vacancy: {
                        required: '{{__("hr.no_of_vacancy") ." : " .__("messages.required")}}'
                    },
                    job_id: {
                        required: '{{__("hr.job") ." : " .__("messages.required")}}'
                    },
                    employment_type_id: {
                        required: '{{__("hr.employment_type") ." : " .__("messages.required")}}'
                    },
                    min_experience: {
                        required: '{{__("hr.min_experience") ." : " .__("messages.required")}}'
                    }, closing_date: {
                        required: '{{__("hr.closing_date") ." : " .__("messages.required")}}'
                    },short_description: {
                        required: '{{__("hr.short_description") ." : " .__("messages.required")}}'
                    },long_description: {
                        required: '{{__("hr.long_description") ." : " .__("messages.required")}}'
                    },gender: {
                        required: '{{__("lang_v1.gender") ." : " .__("messages.required")}}'
                    },
                }
            })
        });


    </script>
@stop