{{View::make('layout.header')}}
<!-- Toastr CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">

<style>
    /* Make toastr text white for all types */
#toast-container > .toast {
    color: white !important;
}

/* Optional: Make sure close button is visible */
#toast-container > .toast .toast-close-button {
    color: white !important;
}

/* Optional: Change background colors for better contrast */
#toast-container > .toast-success {
    background-color: #28a745 !important; /* Green */
}

#toast-container > .toast-error {
    background-color: #dc3545 !important; /* Red */
}

#toast-container > .toast-info {
    background-color: #17a2b8 !important; /* Blue */
}

#toast-container > .toast-warning {
    background-color: #ffc107 !important; /* Yellow */
    color: black !important; /* Black text looks better on yellow */
}
</style>

<div class="app-content content ">

    <div class="content-overlay"></div>

    <div class="header-navbar-shadow"></div>

    <div class="content-wrapper">

        <div class="content-header row">

            <div class="content-header-left col-md-9 col-12 mb-2">

                <div class="row breadcrumbs-top">

                    <div class="col-12">

                        <div class="breadcrumb-wrapper">

                            <ol class="breadcrumb">

                                <li class="breadcrumb-item">HR

                                </li>

                                <li class="breadcrumb-item"><a href="{{route('settings')}}">Settings</a>

                                </li>

                                <li class="breadcrumb-item active"><a href="#">User</a>

                                </li>

                            </ol>

                        </div>

                    </div>

                </div>

            </div>

        </div>

        <div class="content-body">

            <!-- Dashboard Ecommerce Starts -->

            <section id="multiple-column-form">





                <div class="row">

                    <div class="col-12 col-md-12">

                        <div class="card">

                            <div class="card-header" style=" padding-bottom: 0px;">

                                <h4 class="card-title">User</h4>

                                <!--<div class="d-sm-flex justify-content-between align-items-center" style="margin: 0px 0;">-->

                                <!--    <div class="d-flex align-items-right">-->

                                <!--        <div class="btn-group btn-align-right MiniRightnav">-->

                                <!--            <form id="leave-form">-->

                                                <!--<a onclick="exportpdf()" class="text-danger" ><i class="fa fa-file-pdf-o report-download-btn" style="font-size:25px;"></i><span>Download PDF</span></a>-->

                                                <!--&nbsp;&nbsp;-->

                                <!--                 </form>-->

                                <!--        </div>-->

                                <!--    </div>    -->

                                <!--</div>-->

                                <div class="btn-group">

                                    <div class="">

                                        <button onclick="more_filter()" class="btn btn-primary waves-effect waves-float waves-light" style="float:right">Filter</button>

                                    </div>&nbsp;&nbsp;

                                    <span style="float:right" id="permission"></span>

                                    

                                </div>



                            </div>

                             <div class="card-header" >

                                <h4 class="card-title"></h4>

                                <div class="d-sm-flex justify-content-between align-items-center" style="margin: 0px 0;">

                                    <div class="d-flex align-items-right">

                                        <div class="btn-group btn-align-right MiniRightnav">

                                            <form id="leave-form">

                                                 <a onclick="exportpdf()" class="text-danger" ><i class="fa fa-file-pdf-o report-download-btn" style="font-size:25px;"></i><span>Download PDF</span></a>

                                                            &nbsp;&nbsp;

                                                <a  onclick="exportexcel()" class="text-success"><i class="fa fa-file-excel-o report-download-btn" style="font-size:25px;"></i><span>Download Excel</span></a>

                                            </form>

                                        </div>

                                    </div>    

                                </div>

                                <!--<div class="btn-group">-->

                                <!--    <div class="">-->

                                <!--        <button onclick="more_filter()" class="btn btn-primary waves-effect waves-float waves-light" style="float:right">Filter</button>-->

                                <!--    </div>&nbsp;&nbsp;-->

                                <!--    <span style="float:right" id="permission"></span>-->

                                    

                                <!--</div>-->



                            </div>



                            <div class="card-body">













                                <div class="card activity filter-container" style="margin: 10px 15px; background-color:#e6e5e5; padding:10px 20px 20px 20px; display:none !important;" id="empleavetoday">

                                    <div class="row">

                                        <div class="col-md-12" style="padding:0px;">

                                            <button id="spanclose" onclick="more_filter()" style="float:right;border:0px;background-color:transparent;color:white;padding: 3px 8px 5px;">

                                                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x cursor-pointer font-large-1" data-repeater-delete="">

                                                    <line x1="18" y1="6" x2="6" y2="18"></line>

                                                    <line x1="6" y1="6" x2="18" y2="18"></line>

                                                </svg>

                                            </button>

                                        </div>

                                    </div>

                                    <div class="row">

                                        <div class="col-sm-4 filter-form-group mb-1">

                                            Branch &nbsp;:<span class="red">*</span>&nbsp;

                                            <select name="branch" id="branch" class="form-control" style=" border-radius:3px;">

                                                <option value="">Branch</option>

                                                @foreach($branches as $branch)

                                                <option value="{{ $branch->id }}">{{ $branch->name }}</option>

                                                @endforeach

                                            </select>

                                        </div>



                                        <div class="col-sm-4 filter-form-group mb-1">

                                            Department &nbsp;:<span class="red">*</span>&nbsp;

                                            <select name="department" id="department" class=" form-control" style="border-width: 3px;">

                                                <option value="">Department</option>

                                                @foreach($departments as $department)

                                                <option value="{{ $department->id }}">{{ $department->name }}</option>

                                                @endforeach

                                            </select>

                                        </div>

                                        <div class="col-sm-4 filter-form-group mb-1">

                                            Category &nbsp;:<span class="red">*</span>&nbsp;

                                            <select name="category" id="category" class=" form-control" style=" border-radius:3px;">

                                                <option value="">Category</option>

                                                @foreach($categories as $category)

                                                <option value="{{ $category->id }}">{{ $category->name }}</option>

                                                @endforeach

                                            </select>

                                        </div>



                                    </div>



                                    <div class="row">





                                        <div class="col-sm-4 filter-form-group mb-1">

                                            Pay Status &nbsp;:<span class="red">*</span>&nbsp;

                                            <select name="pay_status" id="pay_status" class=" form-control" style=" border-radius:3px;">

                                                <option value="">Pay Status</option>



                                                <option value="1"> Active </option>

                                                <option value="0"> Not Active </option>

                                            </select>

                                        </div>



                                        <div class="col-sm-4 filter-form-group mb-1">

                                            Leave category &nbsp;:<span class="red">*</span>&nbsp;

                                            <select name="leave_entitle_category" id="leave_entitle_category" class=" form-control" style=" border-radius:3px;">

                                                <option value="">Leave category</option>



                                                @foreach($entitle_category as $ecat)

                                                <option value="{{$ecat->id}}">{{$ecat->name}}</option>

                                                @endforeach



                                            </select>

                                        </div>

                                        <div class="col-sm-4 filter-form-group mb-1">

                                            Rest Day&nbsp;:<span class="red">*</span>&nbsp;

                                            <select name="rest_day_group" id="rest_day_group" class=" form-control" style=" border-radius:3px;">

                                                <option value="">Rest Day</option>

                                                @foreach($rest_day_category as $rest_day_category)

                                                <option value="{{ $rest_day_category->id }}">{{ $rest_day_category->category }}</option>

                                                @endforeach

                                            </select>



                                        </div>





                                    </div>





                                    <div class="row">

                                        <div class="col-sm-12 filter-form-group mb-1">

                                            Role&nbsp;:<span class="red">*</span>

                                            <select name="role" id="role" class=" form-control" style=" border-radius:3px;">

                                                <option value="">Role</option>

                                                @foreach($permission_group as $permission_group)

                                                <option value="{{ $permission_group->id }}">{{ $permission_group->group_name }}</option>

                                                @endforeach

                                            </select>

                                        </div>

                                    </div>





                                    <div class="col-sm-6 filter-form-group" style="margin-top:5px;">

                                        <input type="button" value="Apply" onclick="getfilterdata();" class="filter-apply btn btn-info" />

                                    </div>

                                </div>









                                <div class="table-responsive table-list" style="overflow-x:scroll;">



                                    <div id="emp-dlt-msg"></div>

                                    <table class="table table-striped  my-leave-summary-entitle" id="example11" style="font-size:12px;">

                                        <thead>

                                            <tr>













                                                <th style="text-transform: capitalize;">Username</th>

                                                <th width="10%" style="text-transform: capitalize;">Name</th>

                                                <th width="3%" style="text-transform: capitalize;">Email</th>

                                                <th width="7%" style="text-transform: capitalize;">Commence</th>

                                                <th width="7%" style="text-transform: capitalize;">Confirmed</th>

                                                <th width="5%" style="text-transform: capitalize;">Role</th>

                                                <th width="7%" style="text-transform: capitalize;">Department</th>

                                                <th width="10%" style="text-transform: capitalize;">Branch</th>

                                                <th width="5%" style="text-transform: capitalize;">Category</th>

                                                <th width="10%" style="text-transform: capitalize;">Leave Category</th>

                                                <th width="10%" style="text-transform: capitalize;">Rest Day</th>

                                                <th width="7%" style="text-transform: capitalize;">Pay Status</th>



                                                <th width="5%" style="text-align:center;text-transform: capitalize;white-space: nowrap;">Action</th>


                                                    <th width="5%" style="text-align:center;text-transform: capitalize;white-space: nowrap;">Block
                                            <input type="checkbox" style="margin-left:3px;padding-top:1px" id="checkAllBlock">
                                        </th>


                                                


                                            </tr>

                                        </thead>

                                        <tbody>



                                        </tbody>

                                    </table>

                                </div>

                            </div>

                        </div>

                    </div>



                </div>

            </section>

            <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">

                <div class="modal-dialog" role="document">

                    <div class="modal-content">

                        <div class="modal-header">



                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">

                                <span aria-hidden="true">&times;</span>

                            </button>

                        </div>

                        <div class="modal-body">

                            <h5 class="modal-title" id="exampleModalLabel">Are you sure want to delete this eclaim approver mapping?</h5>

                            <div id="delete-modal">

                            </div>

                        </div>

                        <div class="modal-footer">

                            <button type="button" class="btn btn-primary yes-btn">Yes</button>

                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>

                        </div>

                    </div>

                </div>

            </div>



            <div class="modal fade" id="exampleModal1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">

                <div class="modal-dialog" role="document">

                    <div class="modal-content">

                        <div class="modal-header">



                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">

                                <span aria-hidden="true">&times;</span>

                            </button>

                        </div>

                        <div class="modal-body">

                            <h5 class="modal-title" id="exampleModalLabel">Are you sure want to delete this approver mapping?</h5>

                            <div id="delete-modal1">

                            </div>

                        </div>

                        <div class="modal-footer">

                            <button type="button" class="btn btn-primary yes-btn1">Yes</button>

                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>

                        </div>

                    </div>

                </div>

            </div>



        </div>

    </div>









    <!-- END: Content-->

    {{View::make('layout.footer')}}

    <!-- /// select employees javascript starts///-->

<!-- Toastr JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>

    <script type="text/javascript">

        var delper;

        var hr;

        $(document).ready(function() {

            


            
                getempdata();

            


        });

        


        var base_url = $('body').attr('data-baseurl') + '/e-leave';



        function search() {

            getfilterdata();

            document.getElementById("staff_name").value = '';



        }



        function getfilterdata() {

            var staff_name = $("#staff_name").val();

            var branch = $("#branch").val();

            var department = $("#department").val();

            var leave_entitle_category = $("#leave_entitle_category").val();

            var category = $("#category").val();

            var pay_status = $("#pay_status").val();

            var rest_day_group = $("#rest_day_group").val();

            var role = $("#role").val();

            var string_url = "getUserList?dtable=yes&branch_id=" + branch + "&department_id=" + department + "&category_id=" + category + "&leave_entitle_category=" + leave_entitle_category + "&pay_status=" + pay_status + "&rest_day_group=" + rest_day_group + "&role=" + role + "&staff_name=" + staff_name;

            $('#example11').DataTable({

                "lengthMenu": [[20, 50, 100, -1], [20, 50,100, "All"]],

                "order": [],

		        "processing": true,

                "destroy": true,

		        "serverSide": true,

		        "ajax": string_url,

               

                "columns": delper != 1 ?  [

                    

                    { data: 'username', name: 'username' },

                    { data: 'name', name: 'name' },

                    { data: 'email_id', name: 'email_id'},

                    { data: 'date_commence', name: 'date_commence',

                    "render": function (data,type,row,meta){ 

                        var ldate='';

                        if(row.date_commence != '00/00/0000') {

                            var ldate = row.date_commence;

                        }

                    

                       return ldate;                     

                    } },

                    { data: 'date_confirmed', name: 'date_confirmed',

                    "render": function (data,type,row,meta){ 

                        var cdate='';

                        if(row.date_confirmed != '00/00/0000') {

                            var cdate = row.date_confirmed;

                        }

                    

                       return cdate;                     

                    } },

                    { data: 'role', name: 'role' },

                    { data: 'department', name: 'department' },

                    { data: 'branch', name: 'branch' },

                    { data: 'category', name: 'category' },

                    { data: 'category_mapping', name: 'category_mapping'},

                    { data: 'rest_day_group', name: 'rest_day_group'},

                    { data: 'active', name: 'active',

                    "render": function (data,type,row,meta){ 

                        if (row.active == 1) {

                            var status = 'Active';

                        }else{

                            var status = 'Inactive';

                        }

                        

                        return status;                     

                        } 

                    },

                    { data: 'id', name: 'id',

                        "render": function(data, type, row, meta) {

                            var edit = '<a href="' + base_url + '/update-employee/' + row.username + '" style="color:#28c76f;"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit"><circle cx="12" cy="12" r="3"></circle><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg></a>&nbsp;';



                            return edit;

                        }

                    },

          

                ] :  [

                    

                    { data: 'username', name: 'username' },

                    { data: 'name', name: 'name' },

                    { data: 'email_id', name: 'email_id'},

                    { data: 'date_commence', name: 'date_commence',

                    "render": function (data,type,row,meta){ 

                        var ldate='';

                        if(row.date_commence != '00/00/0000') {

                            var ldate = row.date_commence;

                        }

                    

                       return ldate;                     

                    } },

                    { data: 'date_confirmed', name: 'date_confirmed',

                    "render": function (data,type,row,meta){ 

                        var cdate='';

                        if(row.date_confirmed != '00/00/0000') {

                            var cdate = row.date_confirmed;

                        }

                    

                       return cdate;                     

                    } },

                    { data: 'role', name: 'role' },

                    { data: 'department', name: 'department' },

                    { data: 'branch', name: 'branch' },

                    { data: 'category', name: 'category' },

                    { data: 'category_mapping', name: 'category_mapping'},

                    { data: 'rest_day_group', name: 'rest_day_group'},

                    { data: 'active', name: 'active',

                    "render": function (data,type,row,meta){ 

                        if (row.active == 1) {

                            var status = 'Active';

                        }else{

                            var status = 'Inactive';

                        }

                        

                        return status;                     

                        } 

                    },

                    { data: 'id', name: 'id',

                        "render": function(data, type, row, meta) {

                            var edit = '<a href="' + base_url + '/update-employee/' + row.username + '" style="color:#28c76f;"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit"><circle cx="12" cy="12" r="3"></circle><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg></a>&nbsp;';



                            return edit;

                        }

                    },

                           // Block column added here
                           {
                            "render": function(data, type, row, meta) {
                                return '<input type="checkbox" class="block-checkbox" name="block[]" data-username="' + row.username + '" ' + (row.user_block == 1 ? 'checked' : '') + '>';
                            },
                            "orderable": false
                        },

                    {

                        "render": function(data, type, row, meta) {

                            var action = '<input type="checkbox" class="action-checkbox" name="inlineRadioOptions"id="inlineRadio' + row.id + '" value="' + row.username + '"/>';





                            return action;



                        }

                    },

     

                ],

                'rowCallback': function(row, data, index){

                    

                    $(row).find('td:eq(0)').css('word-break', 'all');

                    $(row).find('td:eq(1)').css('word-break', 'all');

                    

                },

                'order': [

                    [0, 'desc'],

                ],

                'columnDefs': delper != 1 ? [{

                    "targets": [12],

                    "orderable": false

                }] :  [{

                    "targets": [12,13,14],

                    "orderable": false

                }

                ],

                "language": {

                    "paginate": {

                    // remove previous & next text from pagination

                    "previous": '&nbsp;',

                    "next": '&nbsp;'

                    }

                },

            });

        }





        function getempdata() {

            var string_url = "getUserList?dtable=yes";



            $('#example11').DataTable({

                "lengthMenu": [[20, 50, 100, -1], [20, 50,100, "All"]],

                "order": [],

		        "processing": true,

                "destroy": true,

		        "serverSide": true,

		        "ajax": string_url,

               

                "columns": delper != 1 ?  [

                    

                    { data: 'username', name: 'username' },

                    { data: 'name', name: 'name' },

                    { data: 'email_id', name: 'email_id'},

                    { data: 'date_commence', name: 'date_commence',

                    "render": function (data,type,row,meta){ 

                        var ldate='';

                        if(row.date_commence != '00/00/0000') {

                            var ldate = row.date_commence;

                        }

                    

                       return ldate;                     

                    } },

                    { data: 'date_confirmed', name: 'date_confirmed',

                    "render": function (data,type,row,meta){ 

                        var cdate='';

                        if(row.date_confirmed != '00/00/0000') {

                            var cdate = row.date_confirmed;

                        }

                    

                       return cdate;                     

                    } },

                    { data: 'role', name: 'role' },

                    { data: 'department', name: 'department' },

                    { data: 'branch', name: 'branch' },

                    { data: 'category', name: 'category' },

                    { data: 'category_mapping', name: 'category_mapping'},

                    { data: 'rest_day_group', name: 'rest_day_group'},

                    { data: 'active', name: 'active',

                    "render": function (data,type,row,meta){ 

                        if (row.active == 1) {

                            var status = 'Active';

                        }else{

                            var status = 'Inactive';

                        }

                        

                        return status;                     

                        } 

                    },

                    { data: 'id', name: 'id',

                        "render": function(data, type, row, meta) {

                            var edit = '<a href="' + base_url + '/update-employee/' + row.username + '" style="color:#28c76f;"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit"><circle cx="12" cy="12" r="3"></circle><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg></a>&nbsp;';



                            return edit;

                        }

                    },
                           // Block column added here
             

                ] :  [

                    

                    { data: 'username', name: 'username' },

                    { data: 'name', name: 'name' },

                    { data: 'email_id', name: 'email_id'},

                    { data: 'date_commence', name: 'date_commence',

                    "render": function (data,type,row,meta){ 

                        var ldate='';

                        if(row.date_commence != '00/00/0000') {

                            var ldate = row.date_commence;

                        }

                    

                       return ldate;                     

                    } },

                    { data: 'date_confirmed', name: 'date_confirmed',

                    "render": function (data,type,row,meta){ 

                        var cdate='';

                        if(row.date_confirmed != '00/00/0000') {

                            var cdate = row.date_confirmed;

                        }

                    

                       return cdate;                     

                    } },

                    { data: 'role', name: 'role' },

                    { data: 'department', name: 'department' },

                    { data: 'branch', name: 'branch' },

                    { data: 'category', name: 'category' },

                    { data: 'category_mapping', name: 'category_mapping'},

                    { data: 'rest_day_group', name: 'rest_day_group'},

                    { data: 'active', name: 'active',

                    "render": function (data,type,row,meta){ 

                        if (row.active == 1) {

                            var status = 'Active';

                        }else{

                            var status = 'Inactive';

                        }

                        

                        return status;                     

                        } 

                    },

                    { data: 'id', name: 'id',

                        "render": function(data, type, row, meta) {

                            var edit = '<a href="' + base_url + '/update-employee/' + row.username + '" style="color:#28c76f;"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit"><circle cx="12" cy="12" r="3"></circle><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg></a>&nbsp;';



                            return edit;

                        }

                    },
                           // Block column added here
                       // Block column added here
                       {
                            "render": function(data, type, row, meta) {
                                return '<input type="checkbox" class="block-checkbox" name="block[]" data-username="' + row.username + '" ' + (row.user_block == 1 ? 'checked' : '') + '>';
                            },
                            "orderable": false
                        },

                    {

                        "render": function(data, type, row, meta) {

                            var action = '<input type="checkbox" class="action-checkbox" name="inlineRadioOptions" id="inlineRadio' + row.id + '" value="' + row.username + '"/>';





                            return action;



                        }

                    },

     

                ],

                'rowCallback': function(row, data, index){

                    

                    $(row).find('td:eq(0)').css('word-break', 'all');

                    $(row).find('td:eq(1)').css('word-break', 'all');

                    

                },

                'columnDefs': delper != 1 ? [{

                    "targets": [12],

                    "orderable": false

                }] :  [{

                    "targets": [12,13,14],

                    "orderable": false

                }

                ],

                "language": {

                    "paginate": {

                    // remove previous & next text from pagination

                    "previous": '&nbsp;',

                    "next": '&nbsp;'

                    }

                },

            });

        }


        $('#checkAllBlock').on('click', function() {
            var isChecked = $(this).prop('checked');
            $('.block-checkbox').prop('checked', isChecked);
        });

        $('#example11 tbody').on('change', '.block-checkbox', function() {
            if (!$(this).prop('checked')) {
                $('#checkAllBlock').prop('checked', false);
            }
        });

    


        function countSelected() {



            var count = 0;

            var arrId = [];

            $.each($('input[name="inlineRadioOptions"]:checked'), function() {

                var str = $(this).val();



                arrId.push(str);

                count++;

            });





            return count;



        }



        function deleteSelected() {



            if (countSelected() == 0) {



                alert("No item selected");



                return;



            }



            var result = confirm("Are you sure want cancel the user(s)?");



            if (!result)



                return;



            if (result) {

                $.each($('input[name="inlineRadioOptions"]:checked'), function() {



                    $.ajax({

                        type: 'post',

                        data: {

                            _token: "{{ csrf_token() }}",

                            username: $(this).val()

                        },

                        url: '{{ route('deleteUser')}}',

                        success: function(data) {

                            var html = '<div class="alert alert-success fade in"><button class="close" data-dismiss="alert">×</button><i class="fa-fw fa fa-check"></i>Employee Successfully Deleted</div>';

                            $('#emp-dlt-msg').html(html);

                            getempdata();

                        }



                    });

                });





            }



        }



        function saveDetails() {

            var employee = $("#employee_type").val();

            if (employee == '') {

                $("#msg").empty();

                $("#msg").append('<p style="color:red;">Please Enter Employee Type</p>');

                return false;

            }

            var employeetype = document.querySelector("#all-filter11");

            var data = new FormData(employeetype);

            $.ajax({

                url: '{{route('addemployeetype')}}',

                contentType: false,

                cache: false,

                processData: false,

                method: 'POST',

                data: data,

                success: function(e) {

                    console.log(e);

                    $("#msg").empty();

                    $("#msg").append('<p style="color:green;">Employee Type Added Sucessfully</p>');

                    getempdata();



                }

            });



        }



        function updatetype() {

            $.ajax({

                type: 'get',

                data: {

                    _token: '<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function csrf_token() in /home/ecoleave/public_html/backup/v6/resources/views/settings/edit_user.blade.php:1497
Stack trace:
#0 {main}
  thrown in <b>/home/ecoleave/public_html/backup/v6/resources/views/settings/edit_user.blade.php</b> on line <b>1497</b><br />