@extends('layouts.admin')

@push('styles')
    <link rel="stylesheet" href="{{ asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/datatables-buttons/css/buttons.bootstrap4.min.css') }}">
    <style type="text/css">
        .btn_mt {
            margin-top: 31px;
        }

    #incriment  .modal-dialog {
        max-width: 600px;
      }

    #resign .modal-dialog {
        max-width: 425px;
      }
    

@media print {

  .hide_htm {
    display: none;
  }
}


</style>
@endpush

@section('content')

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid pt-2">

            <div class="col-md-12">
                <!-- general form elements -->
                <div class="card card-info">

                    <!-- form start -->
                    <form method="GET" action="{{ route('employee.index') }}">
                        <div class="card-body">

                            <div class="row">

                                <div class="col-sm-2">
                                    <div class="form-group">
                                        <label for="department_id">Department</label>

                                        <select name="department_id" id="department_id" class="department_id form-control form-control-sm select2" value=""
                                            style="width: 100%;">
                                            <option value="">Select Department</option>
                                            @foreach ($departments as $v)
                                                <option value="{{ $v->id }}"
                                                    {{ isset($department_id) && ($department_id == $v->id) ? 'selected' : '' }} >
                                                    {{ $v->department_name }}</option>
                                            @endforeach

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

                                <div class="col-sm-2">
                                    <div class="form-group">
                                        <label for="designation_id">Designation</label>

                                        <select name="designation_id" id="designation_id" class="designation_id form-control form-control-sm select2" value=""
                                            style="width: 100%;">
                                            <option value="">Select Designation</option>
                                            @foreach ($designations as $v)
                                                <option value="{{ $v->id }}"
                                                    {{ isset($designation_id) && ($designation_id == $v->id) ? 'selected' : '' }}>
                                                    {{ $v->designation }}</option>
                                            @endforeach

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

                                <div class="col-sm-2">
                                    <div class="form-group">
                                        <label for="emp_id">Employee</label>

                                        <select id="emp_id" name="emp_id" class="form-control form-control-sm select2"
                                            value="" style="width: 100%;">
                                            <option value="">Select Employee</option>
                                            @foreach ($employees as $v)
                                                <option value="{{ $v->id }}"
                                                    {{ isset($emp_id) && $emp_id == $v->id ? 'selected' : '' }}>
                                                    {{ $v->emp_name }}</option>
                                            @endforeach

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

                                <div class="col-sm-2">
                                    <div class="form-group">
                                        <label for="status">Status</label>

                                        <select id="status" name="status" class="form-control form-control-sm"
                                            value="" style="width: 100%;">
                                                <option value="">All</option>
                                                <option value="1" {{ (isset($status) && ( $status == 1)) ? 'selected' : '' }}> Active </option>
                                                <option value="2" {{ (isset($status) && ( $status == 2)) ? 'selected' : '' }}> Resige </option>

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


                                <div class="col-sm-2">
                                    <div class="form-group">
                                        <label for="search"></label>
                                        <button type="submit" class="btn btn-info btn_mt">Search</button>
                                        <a href="{{ route('employee.index') }}" class="btn btn-secondary btn_mt">Refresh</a>
                                    </div>
                                </div>

                            </div>


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

            <!-- /.card -->

            <div class="row">
                <!-- left column -->
                <div class="col-md-12">
                    <div class="card card-info">
                        <div class="card-header">
                            <h3 class="card-title">Employee List</h3>
                        </div>
                        <!-- /.card-header -->
                        <div class="card-body">
                            <div class="table-responsive">
                                <table  id="example1" class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th>SL</th>
                                            <th>Emp. ID</th>
                                            <th>Name</th>
                                            <th>Phone</th>

                                            <th>Department</th>
                                            <th>Designation</th>
                                            <th>Joining Date</th>
                                            <th>Blood Group</th>
                                            <th>Salary</th>
                                            <th>Image</th>
                                            <th>Documents</th>
                                            <th>Status</th>
                                            <th style="width:200px;" class="hide_htm">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if (count($itemList) > 0)
                                            @php
                                                $sl = 1;

                                            @endphp
                                            @foreach ($itemList as $key => $employee)

                                                @php


                                                if(!empty($employee->resign_date)){

                                                    $rstatus = 'Resigned';

                                                    $st = 'background-color: #933333;color: #fff;';

                                                }else{

                                                    $rstatus = 'Active';

                                                    $st = 'background-color: #428f42;color: #fff;';
                                                }

                                                $isResigned = !empty($employee->resign_date);

                                                @endphp


                                                @if(($status == 1) && $isResigned)

                                                    @continue

                                                @elseif(($status == 2) && !$isResigned)
                                          
                                                    @continue

                                                @endif



                                                <tr class="{{ $employee->id }}">
                                                    <td>{{ $sl++ }}</td>
                                                    <td>{{ $employee->emp_id }}</td>
                                                    <td>{{ $employee->emp_name }}</td>
                                                    <td>{{ $employee->phone }}</td>

                                                    <td>{{ $employee->department_name }}</td>
                                                    <td>{{ $employee->designation }}</td>
                                                    
                                                    <td>{{ $employee->joining_date }}</td>
                                                    <td>{{ $employee->blood_group }}</td>
                                                    <td>{{ $employee->salary }}</td>
                                                    <td>
                                                        <img src="{{ asset('uploads/employees/' . $employee->image) }}"
                                                            alt="photo" style="width: 60px">
                                                    </td>
                                                    <td>
                                                        <embed
                                                            src="{{ asset('uploads/documents/' . $employee->file_url) }}"
                                                            type="application/pdf" style="width: 60px;height:50px">
                                                    </td>
                                                    <td> <span class="badge text-bg-primary resign_text" style="{{ $st }}" >{{ $rstatus }}</span> </td>

                                                    <td class="hide_htm">

                                                    <button class="promotion btn btn-secondary btn-xs" data-empid="{{ $employee->id }}" data-toggle="modal" data-target="#promotion">Promotion</button>

                                                    <button class="increment btn btn-success btn-xs" data-empid="{{ $employee->id }}" data-toggle="modal" data-target="#incriment" >Increment</button>


                                                        <a href="{{ asset('uploads/documents/' . $employee->file_url) }}"
                                                            class="btn btn-primary btn-xs " _target="blank"
                                                            download>Download</a>

                                                        <button  class="resign_emp btn btn-warning btn-xs" data-empid="{{ $employee->id }}" data-toggle="modal" data-target="#resign" > Resign </button>


                                                        <a href="{{ route('employee.edit', $employee->id) }}"
                                                            class="btn btn-info btn-xs edit_item">Edit</a>

                                                        <a href="{{ route('employee.show', $employee->id) }}" class="btn btn-secondary btn-xs">ID Card</a> 

                                                        <a href="{{ route('employee.destroy', $employee->id) }}"
                                                            class="btn btn-danger btn-xs delete_item"
                                                            data-confirm-delete="true">Delete</a>

                                                    </td>
                                                </tr>
                                            @endforeach
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- /.content -->

 <!-- resign -->

  <div class="modal fade" id="resign">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Resign</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">

            <div class="row">

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

                    <input type="hidden" value="" id="employee_id2">

                    <p style="margin-bottom: 2px;"> <b>Employee Name : </b> <span id="employee_name2"> </span> </p>
                    <p style="margin-bottom: 2px;"> <b>Employee ID : </b> <span id="employee_number2"> </span> </p>
                    <p style="margin-bottom: 2px;"> <b> Joining Date : </b> <span id="join_date2"> </span> </p>

              </div>

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

                    <div class="form-group">

                        <label class="col-form-label" for="resign_date"> Resign Date </label>
                       
                        <input type="date" class="form-control form-control-sm" name="resign_date" id="resign_date" value="" >

                    </div>

                </div>

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

                    <div class="form-group">

                        <label class="col-form-label" for="resign_reason"> Resign Reason </label>

                        <textarea class="form-control" id="resign_reason" name="resign_reason" rows="2">   </textarea>

                    </div>

                </div>


                
            </div>

        </div>
        <div class="modal-footer justify-content-between">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          <button type="button" id="submit_resign" class="btn btn-primary"> Submit </button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>


<!-- increment -->

  <div class="modal fade" id="incriment">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Increment</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">

            <div class="row">

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

                    <input type="hidden" value="" id="employee_id">

                    <p style="margin-bottom: 2px;"> <b>Employee Name : </b> <span id="employee_name"> </span> </p>
                    <p style="margin-bottom: 2px;"> <b>Employee ID : </b> <span id="employee_number"> </span> </p>
                    <p style="margin-bottom: 2px;"> <b> Joining Date : </b> <span id="join_date"> </span> </p>

              </div>

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

                    <p style="margin: 0;border-bottom: 1px solid #ddd;font-size: 19px;"> Previous Increment Info: </p>

                    <table class="table table-striped">

                        <thead>

                            <tr>
                                <th>SL</th>
                                <th>Entry Date</th>
                                <th>Current Salary</th>
                                <th>Increment Salary</th>
                                <th>Apply Date</th>
                                <th>Action</th>
                            </tr>
                            
                        </thead>
                        <tbody id="prev_inc">

                           

                        </tbody>
                        
                    </table>

              </div>

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

                    <div class="form-group">
                        <label class="col-form-label" for="current_salary"> Current Gross Salary </label>
                        <input type="text" class="form-control" id="current_salary" readonly>
                    </div>

                </div>

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

                    <div class="form-group">
                        <label class="col-form-label" for="inc_salary"> Increment Salary </label>
                        <input type="text" class="form-control" id="inc_salary">
                    </div>

                </div>


            <div class="col-sm-6">
                <div class="form-group">
                    <label for="emp_id">Apply Month:</label>

                    <select class="form-control" id="app_month" name="app_month" required>

                       @php
                           
                        $monthNames = [
                            ["short" => "",   "full" => "Select Month"],
                            ["short" => "01", "full" => "January"],
                            ["short" => "02", "full" => "February"],
                            ["short" => "03", "full" => "March"],
                            ["short" => "04", "full" => "April"],
                            ["short" => "05", "full" => "May"],
                            ["short" => "06", "full" => "June"],
                            ["short" => "07", "full" => "July"],
                            ["short" => "08", "full" => "August"],
                            ["short" => "09", "full" => "September"],
                            ["short" => "10", "full" => "October"],
                            ["short" => "11", "full" => "November"],
                            ["short" => "12", "full" => "December"],
                        ];

                        @endphp

                        @foreach ($monthNames as $mon)
                            <option value="{{ $mon['short'] }}" {{ isset($month) && ($mon['short'] == $month) ? 'selected' : '' }}>
                                {{ $mon['full'] }}
                            </option>
                        @endforeach

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

            <div class="col-sm-6">
                <div class="form-group">
                    <label for="emp_id">Apply Year:</label>

                    <select class="form-control" name="app_year" id="app_year" required>
                        @php
                            $startYear = date('Y') - 2; // Change to your desired start year
                            $endYear = date('Y') + 1; // Current year
                        @endphp

                        @for ($yer = $startYear; $yer <= $endYear; $yer++)
                            <option value="{{ $yer }}" {{ isset($year) && ($yer == $year ) ? 'selected' : '' }}>
                                {{ $yer }}
                            </option>
                        @endfor
                    </select>

                </div>
            </div>

                
            </div>

        </div>
        <div class="modal-footer justify-content-between">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          <button type="button" id="submit_increment" class="btn btn-primary"> Submit </button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>

<!-- promosation -->

  <div class="modal fade" id="promotion">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Promotion</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">

            <div class="row">

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

                    <input type="hidden" value="" id="employee_id3">

                    <p style="margin-bottom: 2px;"> <b>Employee Name : </b> <span id="employee_name3"> </span> </p>
                    <p style="margin-bottom: 2px;"> <b>Employee ID : </b> <span id="employee_number3"> </span> </p>
                    <p style="margin-bottom: 2px;"> <b> Joining Date : </b> <span id="join_date3"> </span> </p>

                    <p style="margin-bottom: 2px;"> <b> Department : </b> <span id="dppname"> </span> </p>
                    <p style="margin-bottom: 2px;"> <b> Designation : </b> <span id="des_name"> </span> </p>

              </div>




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

                    <p style="margin: 0;border-bottom: 1px solid #ddd;font-size: 19px;"> Promotion History: </p>

                    <table class="table table-striped">

                        <thead>

                            <tr>
                                <th>SL</th>
                                <th>Promotion Date</th>
                                <th>Department</th>
                                <th>Designation</th>
                                <th>Action</th>
                            </tr>
                            
                        </thead>
                        <tbody id="prev_promo">

                           

                        </tbody>
                        
                    </table>

              </div>


                <div class="col-sm-4">
                    <div class="form-group">
                        <label for="department_id">Date</label>

                        <input type="date" class="form-control form-control-sm" name="entry_date" id="entry_date" value="" >

                    </div>
                </div>


                <div class="col-sm-4">
                    <div class="form-group">
                        <label for="department_id">Department</label>

                        <select name="department_id" id="department_id2" class="department_id form-control form-control-sm select2" value=""
                            style="width: 100%;">
                            <option value="">Select Department</option>
                            @foreach ($departments as $v)
                                <option value="{{ $v->id }}"
                                    {{ isset($department_id) && ($department_id == $v->id) ? 'selected' : '' }} >
                                    {{ $v->department_name }}</option>
                            @endforeach

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

                <div class="col-sm-4">
                    <div class="form-group">
                        <label for="designation_id">Designation</label>

                        <select name="designation_id" id="designation_id2" class="designation_id form-control form-control-sm select2" value=""
                            style="width: 100%;">
                            <option value="">Select Designation</option>
                            @foreach ($designations as $v)
                                <option value="{{ $v->id }}"
                                    {{ isset($designation_id) && ($designation_id == $v->id) ? 'selected' : '' }}>
                                    {{ $v->designation }}</option>
                            @endforeach

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


                <div class="col-md-12" style="display: none;">

                    <div class="form-group">

                        <label class="col-form-label" for="note"> Note </label>

                        <textarea class="form-control" id="note" name="note" rows="2">   </textarea>

                    </div>

                </div>

            </div>

        </div>
        <div class="modal-footer justify-content-between">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          <button type="button" id="submit_promotion" class="btn btn-primary"> Submit </button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>


@endsection

@push('scripts')

    <script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>

    <script src="{{ asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables-buttons/js/dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables-buttons/js/buttons.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('plugins/jszip/jszip.min.js') }}"></script>
    <script src="{{ asset('plugins/pdfmake/pdfmake.min.js') }}"></script>
    <script src="{{ asset('plugins/pdfmake/vfs_fonts.js') }}"></script>
    <script src="{{ asset('plugins/datatables-buttons/js/buttons.html5.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables-buttons/js/buttons.print.min.js') }}"></script>

    <script src="{{ asset('plugins/datatables-buttons/js/buttons.colVis.min.js') }}"></script>


    <script src="{{ asset('plugins/select2/js/select2.full.min.js') }}"></script>


   <script type="text/javascript">
        $(function() {


            // $(document).on('click', '.buttons-print', function() {

            //     $(".hide_htm").html('');
            //     $(".hide_htm").remove('');
            //     $(".hide_htm").empty('');

            // });      


            $(".department_id").change(function(){

                if($(this).val()){

                    let department_id = $(this).val();

                    let route = "{{ route('emp.deptemp') }}";

                    $("#designation_id").html('');

                    $.get( route, { department_id: department_id } )
                      .done(function( data ) {

                        if(data){

                            $("#designation_id").html(data);

                        }

                    });

                }

            });


            $(".designation_id").change(function(){

                if($(this).val()){

                    let designation_id = $(this).val();

                    let route = "{{ route('emp.disemp') }}";

                    $("#emp_id").html('');

                    $.get( route, { designation_id: designation_id } )
                      .done(function( data ) {

                        if(data){

                            $("#emp_id").html(data);

                        }

                    });

                }

            });



            $(".resign_emp").click(function(){

                if($(this).data("empid")){

                $("#employee_name2").html('');
                $("#join_date2").html('');
                $("#prev_inc2").html('');
                $("#current_salary2").val('');
                $("#employee_id2").val('');
                $("#employee_number2").html('');

                    let empid2 = $(this).data("empid");

                    let url = "{{ route('salary.increment') }}";

                     $.get( url, { empid: empid2} )
                        .done(function( data ) {

                            if(data){

                                $("#employee_name2").html(data.employee_name);
                                $("#join_date2").html(data.joining_date);
                                $("#prev_inc2").html(data.row);
                                $("#current_salary2").val(data.salary);

                                $("#employee_id2").val(empid2);
                                $("#employee_number2").html(data.emp_id);

                                $("#inc_salary2").val('');
                                $("#app_month2").val('');

                            }

                    });


                }


            });


            $("#submit_resign").click(function () {

                // Validate form fields
                let employee_id2 = $("#employee_id2").val();
                let resign_date = $("#resign_date").val();
                let resign_reason = $("#resign_reason").val();

                if (!employee_id2){

                    $("#employee_id2").select();
                    $("#employee_id2").focus();

                    alert("Employee ID is required.");

                    return false;
                }

                if (!resign_date){

                    $("#resign_date").select();
                    $("#resign_date").focus();

                    alert("Resign date is required.");
                    return false;
                }

                if (!resign_reason){

                    $("#resign_reason").select();
                    $("#resign_reason").focus();

                    alert("Resign reason is required.");
                    return false;
                }

                // Prepare data for AJAX request
                let url = "{{ route('emp.resign') }}";
                let requestData = {
                    employee_id: employee_id2,
                    resign_date: resign_date,
                    resign_reason: resign_reason,
                };

                // Make AJAX request
                $.get(url, requestData)
                    .done(function (data) {
                 
                        if(data.message){

                            alert(data.message);

                            var sell = "."+employee_id2;
                            $(sell).closest("tr").find("span.resign_text").html('Resigned');

                        }

                         $('#resign').modal('hide');

                         // this.reset();

                        
                    })
                    .fail(function (xhr, status, error) {
                        console.error("Error:", error);
                    });
            });


            $("#prev_inc").on('click','.del_inc',function(){

                let inc_id = $(this).data("incid");

                if(!inc_id){

                    alert("ID is required.");
                    return false;

                }

                var seld = this;

                if(confirm('Are you sure to delete this record?')){


                    let url = "{{ route('inc.delete') }}";
                    let requestData = {
                        inc_id: inc_id,
                    };

                    // Make AJAX request
                    $.get(url, requestData)
                        .done(function (data) {
                     
                            if(data.message){

                                alert(data.message);

                                $(seld).closest('tr').remove();

                            }

                            
                        })
                        .fail(function (xhr, status, error) {
                            console.error("Error:", error);
                        });

                }


            });


            $("#prev_promo").on('click','.del_pro',function(){

                let inc_id = $(this).data("incid");

                if(!inc_id){

                    alert("ID is required.");
                    return false;

                }

                var seld = this;

                if(confirm('Are you sure to delete this record?')){

                    let url = "{{ route('promotion.delete') }}";
                    let requestData = {
                        inc_id: inc_id,
                    };

                    // Make AJAX request
                    $.get(url, requestData)
                        .done(function (data) {
                     
                            if(data.message){

                                alert(data.message);

                                $(seld).closest('tr').remove();

                            }

                            
                        })
                        .fail(function (xhr, status, error) {
                            console.error("Error:", error);
                        });

                }


            });


            $("#prev_inc").on('click','.edit_inc',function(){

                let inc_id = $(this).data("incid");


                if(!inc_id){

                    alert("ID is required.");
                    return false;

                }

                var seld = this;


                let incsalary = $(this).data("incsalary");
                let appyear = $(this).data("appyear");
                let appmonth = $(this).data("appmonth");
                let currentsalary = $(this).data("currentsalary");


                $("#current_salary").val(currentsalary);
                $("#inc_salary").val(incsalary);
                $("#app_month").val(appmonth);
                $("#app_year").val(appyear);

                
            });


            $("#submit_increment").click(function () 
            {
                // Validate form fields
                let employeeId = $("#employee_id").val();
                let currentSalary = $("#current_salary").val();
                let incSalary = $("#inc_salary").val();
                let appMonth = $("#app_month").val();
                let appYear = $("#app_year").val();

                if (!employeeId) {

                    $("#employee_id").select();
                    $("#employee_id").focus();

                    alert("Employee ID is required.");
                    return false;
                }
                if (!currentSalary) {

                    $("#current_salary").select();
                    $("#current_salary").focus();

                    alert("Current salary is required.");
                    return false;
                }
                if (!incSalary) {

                    $("#inc_salary").select();
                    $("#inc_salary").focus();

                    alert("Increment salary is required.");
                    return false;
                }
                if (!appMonth) {

                    $("#app_month").select();
                    $("#app_month").focus();

                    alert("Application month is required.");
                    return false;
                }
                if (!appYear) {

                    $("#app_year").select();
                    $("#app_year").focus();

                    alert("Application year is required.");
                    return false;
                }

                // Prepare data for AJAX request
                let url = "{{ route('inc.save') }}";
                let requestData = {
                    employee_id: employeeId,
                    current_salary: currentSalary,
                    inc_salary: incSalary,
                    app_month: appMonth,
                    app_year: appYear,
                };

                // Make AJAX request
                $.get(url, requestData)
                    .done(function (data) {
                 
                        if(data.message){

                            alert(data.message);

                        }

                         $('#incriment').modal('hide');

                         // this.reset();

                        
                    })
                    .fail(function (xhr, status, error) {
                        console.error("Error:", error);
                    });
            });

            $("#submit_promotion").click(function () 
            {
                // Validate form fields
                let employee_id3 = $("#employee_id3").val();
                let designation_id2 = $("#designation_id2").val();
                let department_id2 = $("#department_id2").val();
                let entry_date = $("#entry_date").val();

                let note = $("#note").val();

                if (!employee_id3) {

                    $("#employee_id3").select();
                    $("#employee_id3").focus();

                    alert("Employee ID is required.");
                    return false;
                }

                if (!entry_date) {

                    $("#entry_date").select();
                    $("#entry_date").focus();

                    alert("Entry Date Not Empty!");
                    return false;
                }

                if (!designation_id2) {

                    $("#designation_id2").select();
                    $("#designation_id2").focus();

                    alert("select designation!");
                    return false;
                }
                if (!department_id2) {

                    $("#department_id2").select();
                    $("#department_id2").focus();

                    alert("select department!");
                    return false;
                }


                // Prepare data for AJAX request
                let url = "{{ route('inc.promotion') }}";
                let requestData = {
                    employee_id: employee_id3,
                    designation_id: designation_id2,
                    department_id: department_id2,
                    entry_date: entry_date,
                    note: note
                };

                // Make AJAX request
                $.get(url, requestData)
                    .done(function (data) {
                 
                        if(data.message){

                            alert(data.message);

                        }

                         $('#incriment').modal('hide');

                         // this.reset();

                        
                    })
                    .fail(function (xhr, status, error) {
                        console.error("Error:", error);
                    });
            });


            $(".increment").click(function(){

                if($(this).data("empid")){

                    $("#employee_name").html('');
                    $("#join_date").html('');
                    $("#prev_inc").html('');
                    $("#current_salary").val('');
                    $("#employee_id").val('');
                    $("#employee_number").html('');

                    $("#employee_name3").html('');
                    $("#employee_number3").html('');
                    $("#join_date3").html('');
                    $("#employee_id3").val('');

                    $("#dppname").html('');
                    $("#des_name").html('');

                    let empid = $(this).data("empid");

                    let url = "{{ route('salary.increment') }}";

                     $.get( url, { empid: empid} )
                        .done(function( data ) {

                            if(data){

                                $("#employee_name").html(data.employee_name);
                                $("#join_date").html(data.joining_date);
                                $("#prev_inc").html(data.row);
                                $("#current_salary").val(data.salary);

                                $("#employee_id").val(empid);
                                $("#employee_number").html(data.emp_id);

                                $("#employee_name3").html(data.employee_name);
                                $("#employee_number3").html(data.emp_id);
                                $("#join_date3").html(data.joining_date);
                                $("#employee_id3").val(empid);

                                $("#dppname").html(data.department_name);
                                $("#des_name").html(data.designation);

                                $("#inc_salary").val('');
                                $("#app_month").val('');

                            }

                    });


                }


            });


            $(".promotion").click(function(){

                if($(this).data("empid")){

                    $("#employee_name").html('');
                    $("#join_date").html('');
                    $("#prev_promo").html('');
                    $("#current_salary").val('');
                    $("#employee_id").val('');
                    $("#employee_number").html('');

                    $("#employee_name3").html('');
                    $("#employee_number3").html('');
                    $("#join_date3").html('');
                    $("#employee_id3").val('');

                    $("#dppname").html('');
                    $("#des_name").html('');

                    let empid = $(this).data("empid");

                    let url = "{{ route('emo.promotion') }}";

                     $.get( url, { empid: empid} )
                        .done(function( data ) {

                            if(data){

                                $("#employee_name").html(data.employee_name);
                                $("#join_date").html(data.joining_date);
                                $("#prev_promo").html(data.row);
                                $("#current_salary").val(data.salary);

                                $("#employee_id").val(empid);
                                $("#employee_number").html(data.emp_id);

                                $("#employee_name3").html(data.employee_name);
                                $("#employee_number3").html(data.emp_id);
                                $("#join_date3").html(data.joining_date);
                                $("#employee_id3").val(empid);

                                $("#dppname").html(data.department_name);
                                $("#des_name").html(data.designation);

                                $("#inc_salary").val('');
                                $("#app_month").val('');

                            }

                    });


                }


            });

            // $('#resign_date').datetimepicker({

            //     format: 'DD-MM-YYYY'

            // });

            $('#incapp_date').datetimepicker({

                format: 'DD-MM-YYYY'

            });


            $("#example1").DataTable({
                "pageLength": 100,
                "responsive": true,
                "lengthChange": false,
                "autoWidth": false,
                buttons: [{
                        extend: 'excel',
                        title: 'Employee List',
                        exportOptions: {
                        columns: ':not(.hide_htm)' // Hide column index 1
                        }
                    },
                    {
                        extend: 'print',
                        text: 'Print',
                        exportOptions: {
                        columns: ':not(.hide_htm)' // Hide column index 1
                        }
                    },
                    'colvis'
                ]

            }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');

            // $('#example2').DataTable({
            //     "paging": true,
            //     "lengthChange": false,
            //     "searching": false,
            //     "ordering": true,
            //     "info": true,
            //     "autoWidth": false,
            //     "responsive": true,
            // });

        });
    </script>
@endpush