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

@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.salaries')}}</a>
                </li>
                <li class="breadcrumb-item active">{{__('hr.employee_main_salary_record_details') .' '.  $finance_cln_periods_data['month']->name .' '.$finance_cln_periods_data['finance_year'] }}</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">

              <form method="POST" action="{{ route('main-salary-record.print_search') }}" target="_blank">
                 @csrf
             <input type="hidden" id="financial_period_id" name="financial_period_id" value="{{ $finance_cln_periods_data['id']  }}" >
                  <div class="row gy-4 gy-sm-4">
                 <div class="col-md-3 "  >
                    <div class="form-floating form-floating-outline">
                       <select name="employee_code" id="employee_code_search" class="form-control select2 ">
                          <option value="all">{{__('hr.search_all')}} </option>
                          @if (@isset($other['employees']) && !@empty($other['employees']))
                          @foreach ($other['employees'] as $info )
                          <option  value="{{ $info->employee_code }}" > {{ $info->first_name }}({{ $info->employee_code }}) </option>
                          @endforeach
                          @endif
                       </select>
                        <label>{{__('hr.employees')}}</label>

                    </div>
                 </div>
                 <div class="col-md-3">
                    <div class="form-floating form-floating-outline">
                       <select name="location_id" id="location_id_search" class="form-control select2 ">
                          <option value="all"> {{__('hr.search_all')}}</option>
                          @if (@isset($other['branches']) && !@empty($other['branches']))
                          @foreach ($other['branches'] as $info )
                          <option  value="{{ $info->id }}"> {{ $info->name }} </option>
                          @endforeach
                          @endif
                       </select>
                        <label> {{__('business.location')}} </label>

                    </div>
                 </div>
                 <div class="col-md-3">
                    <div class="form-floating form-floating-outline">
                       <select name="department_id" id="department_id_search" class="form-control select2 ">
                          <option value="all"> {{__('hr.search_all')}}</option>
                          @if (@isset($other['departements']) && !@empty($other['departements']))
                          @foreach ($other['departements'] as $info )
                          <option  value="{{ $info->id }}"> {{ $info->name }} </option>
                          @endforeach
                          @endif
                       </select>
                        <label> {{__('hr.department')}}</label>

                    </div>
                 </div>
                 <div class="col-md-3">
                    <div class="form-floating form-floating-outline">
                       <select name="job_id" id="job_id_search" class="form-control select2 ">
                          <option value="all"> {{__('hr.search_all')}}</option>
                          @if (@isset($other['jobs']) && !@empty($other['jobs']))
                          @foreach ($other['jobs'] as $info )
                          <option value="{{ $info->id }}"> {{ $info->name }} </option>
                          @endforeach
                          @endif
                       </select>
                        <label>{{__('hr.job')}}</label>

                    </div>
                 </div>


                 <div class="col-md-3">
                    <div class="form-floating form-floating-outline">
                       <select  name="employment_status" id="employment_status_search" class="form-control">
                          <option value="all"> {{__('hr.search_all')}}</option>
                          <option value="1">{{__('hr.in_work')}}</option>
                          <option value="0">{{__('hr.out_work')}}</option>
                       </select>
                        <label>{{__('hr.employment_status')}}</label>

                    </div>
                 </div>
                 <div class="col-md-3">
                     <div class="form-floating form-floating-outline">
                        <select  name="salary_cash_or_visa" id="salary_cash_or_visa_search" class="form-control">
                          <option value="all"> {{__('hr.search_all')}}</option>
                          <option    value="1">{{__('hr.cash')}}</option>
                          <option    value="2">{{__('hr.visa')}}</option>
                       </select>
                         <label >{{__('hr.sal_cash_or_visa')}}</label>
                    </div>
                 </div>
                 <div class="col-md-3">
                    <div class="form-floating form-floating-outline">
                       <select  name="is_stopped" id="is_stopped_search" class="form-control select2">
                           <option value="all"> {{__('hr.search_all')}}</option>
                           <option    value="0"> {{__('hr.not_stopped')}}</option>
                          <option    value="1">{{__('hr.stopped')}}</option>
                       </select>
                        <label> {{__('hr.stopped_status')}}</label>
                    </div>
                 </div>
                 <div class="col-md-3">
                    <div class="form-floating form-floating-outline">
                       <select  name="is_archived" id="is_archived_search" class="form-control select2">
                           <option value="all"> {{__('hr.search_all')}}</option>
                           <option    value="1">{{__('hr.archived')}}</option>
                          <option    value="0">{{__('hr.opened')}}</option>
                       </select>
                        <label> {{__('hr.archive_status')}}</label>
                    </div>
                 </div>
                 <div class="col-md-12">
                    <div class="form-group text-center">
                         <button type="post" class="btn btn-sm  btn-label-info " name="submit_button" value="indetails" >
                             {{__('hr.print_search_details')}}</button>
                         <button type="post" class="btn btn-sm  btn-label-success " name="submit_button" value="intotal" >{{__('hr.print_search_total')}}</button>

                    </div>
                 </div>
              </div>
              </form>
                <table   class="table table-bordered table-hover"  >
                    <tr class="table-info">
                        <th> {{__('hr.salary_count')}}</th>
                        <th> {{__('hr.salary_count_waiting_archive')}}</th>
                        <th> {{__('hr.salary_count_archived')}}</th>
                        <th> {{__('hr.salary_count_stopped')}}</th>
                    </tr>
                    <tr class="table-active">
                        <td>{{ $other['counter_salaries']*1 }}</td>
                        <td>{{ $other['counter_salaries_wating_archive']*1 }}</td>
                        <td>{{ $other['counter_salaries_done_archive']*1 }}</td>
                        <td>{{ $other['counter_salaries_stopped']*1 }}</td>
                    </tr>

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

    <section class="content">

        <div class="card tw-transition-all tw-duration-200 tw-bg-white tw-shadow-sm hover:tw-shadow-md tw-rounded-xl hover:tw-translate-y-0.5 tw-ring-1 tw-ring-gray-200 no-print">
            <div class="card-widget-separator-wrapper">
                <div class="card-body card-widget-separator">
                        @if($finance_cln_periods_data['is_open']==1)
                            <div class="add-new">
                                    <button  class="btn  btn-sm btn-primary" data-toggle="modal" data-target="#AddModal">اضافة راتب يدوي</button>
                            </div>
                        @endif

                    <div  id="ajax_responce_serachDiv " >
                        <div   class=" table-responsive mt-4">
                         @if(@isset($data) and !@empty($data) and count($data)>0 )
                            <table id="example2" class="table table-bordered table-hover">
                                <thead class="custom_thead">
                                <th> {{__('hr.employee_code')}}</th>
                                <th> {{__('hr.first_name')}}</th>
                                <th> {{__('business.location')}}</th>
                                <th> {{__('hr.department')}}</th>
                                <th> {{__('hr.job')}}</th>
                                <th> {{__('hr.archive_status')}}</th>
                                <th> {{__('hr.emp_photo')}}</th>


                                <th></th>
                                <th></th>
                                </thead>
                                <tbody>
                                @foreach ( $data as $info )
                                    <tr>
                                        <td> {{ $info->employee_code  }} </td>
                                        <td> {{ $info->first_name }} </td>
                                        <td> {{ $info->branch_name }} </td>
                                        <td> {{ $info->Departments_name }} </td>
                                        <td> {{ $info->job_name }} </td>
                                        <td> @if($info->is_archived==1) مؤرشف @else  مفتوح @endif </td>
                                        <td>
                                            @if(!@empty($info->emp_photo))
                                                <img  src="{{ asset('assets/admin/uploads').'/'.$emp_photo }}"  style=" border-radius: 50%; width:80px; height:80px;" class="rounded-circle" alt="لوجو الموظف">
                                            @else

                                                @if($info->gender==1)
                                                    <img  src="{{ asset('assets/admin/imgs/avatar-man.png') }}" style=" border-radius: 50%; width:80px; height:80px;" class="rounded-circle"  alt="لوجو الموظف">
                                                @elseif($info->gender==2)
                                                    <img  src="{{ asset('assets/admin/imgs/avatar-woman.png') }}" style=" border-radius: 50%; width:80px; height:80px;" class="rounded-circle"  alt="لوجو الموظف">
                                                @else
                                                    <img  src="{{ asset('assets/admin/imgs/not-selected.jpg') }}" style=" border-radius: 50%; width:80px; height:80px;" class="rounded-circle"  alt="لوجو الموظف">

                                                @endif

                                            @endif


                                        </td>
                                        <td>
                                            @if($info->is_archived==0)
                                                <button data-id="{{ $info->id }}" data-id="{{ $info->id  }}"  class="btn   delete_this_row btn-label-danger btn-sm">حذف</button>
                                            @endif
                                            <a href="{{ route('main-salary-record.ShowSalaryDetails',$info->id) }}" class="btn  btn-label-info btn-sm">  التفاصيل </a>
                                            <a target="_blank" class="btn btn-label-success btn-sm" href="{{ route('main-salary-record.print_salary',$info->id) }}" >  طباعة  </a>

                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                            <br>
                            <div class="col-md-12 text-center">
                                {{ $data->links('pagination::bootstrap-5') }}
                            </div>
                        @else
                            <p class="bg-danger text-center"> عفوا لاتوجد بيانات لعرضها</p>
                        @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>

@include('hr.Main_salary_record.create')

@stop

@section('javascript')

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


      $(document).on('click','#do_add_now',function(e){
        var employee_code_Add=$("#employee_code_Add").val();
        if(employee_code_Add==""){
         alert("من فضلك اختر الموظف");
         $("#employee_code_Add").focus();
         return false;
        }

      });
   
  


      $(document).on('change','#employee_code_search',function(e){
         ajax_search();
      });
      $(document).on('change','#location_id_search',function(e){
         ajax_search();
      });
      $(document).on('change','#department_id_search',function(e){
         ajax_search();
      });
      $(document).on('change','#job_id_search',function(e){
         ajax_search();
      });

      $(document).on('change','#employment_status_search',function(e){
         ajax_search();
      });
      $(document).on('change','#salary_cash_or_visa_search',function(e){
         ajax_search();
      });

      $(document).on('change','#employment_status_search',function(e){
         ajax_search();
      });

      $(document).on('change','#is_stopped_search',function(e){
         ajax_search();
      });

      $(document).on('change','#is_archived_search',function(e){
         ajax_search();
      });


   function ajax_search(){
   var employee_code=$("#employee_code_search").val();
   var location_id=$("#location_id_search").val();
   var department_id=$("#department_id_search").val();
   var job_id=$("#job_id_search").val();
   var employment_status=$("#employment_status_search").val();
   var salary_cash_or_visa=$("#salary_cash_or_visa_search").val();
   var is_stopped=$("#is_stopped_search").val();
   var is_archived=$("#is_archived_search").val();
   var financial_period_id=$("#financial_period_id").val();
   jQuery.ajax({
   url:'{{ route('main-salary-record.ajax_search') }}',
   type:'post',
   'dataType':'html',
   cache:false,
   data:{"_token":'{{ csrf_token() }}',
   employee_code:employee_code,
   location_id:location_id,
   department_id:department_id,
   job_id:job_id,
   employment_status:employment_status,
   salary_cash_or_visa:salary_cash_or_visa,
   is_stopped:is_stopped,
   is_archived:is_archived,
   financial_period_id:financial_period_id},
   success: function(data){
   $("#ajax_responce_serachDiv").html(data);
   },
   error:function(){
   alert("عفوا لقد حدث خطأ ");
   }
   
   });
}
   $(document).on('click','#ajax_pagination_in_search a',function(e){
   e.preventDefault();
   var employee_code=$("#employee_code_search").val();
   var location_id=$("#location_id_search").val();
   var department_id=$("#department_id_search").val();
   var job_id=$("#job_id_search").val();
   var employment_status=$("#employment_status_search").val();
   var salary_cash_or_visa=$("#salary_cash_or_visa_search").val();
   var is_stopped=$("#is_stopped_search").val();
   var is_archived=$("#is_archived_search").val();
   var financial_period_id=$("#financial_period_id").val();
   var linkurl=$(this).attr("href");
   jQuery.ajax({
   url:linkurl,
   type:'post',
   'dataType':'html',
   cache:false,
   data:
   {"_token":'{{ csrf_token() }}',
   employee_code:employee_code,
   location_id:location_id,
   department_id:department_id,
   job_id:job_id,
   employment_status:employment_status,
   salary_cash_or_visa:salary_cash_or_visa,
   is_stopped:is_stopped,
   is_archived:is_archived,
   financial_period_id:financial_period_id}
   ,
   success: function(data){
   $("#ajax_responce_serachDiv").html(data);
   },
   error:function(){
   alert("عفوا لقد حدث خطأ ");
   }
   
   });
   
   });
   
   $(document).on('click', '.delete_this_row', function(e) {
         var res = confirm("هل أنت متأكد من الحذف  ؟");
         if (!res) {
             return false;
         }
         var id = $(this).data("id");
         var financial_period_id = $("#financial_period_id").val();
         $('#backup_freeze_modal').modal('show');
         jQuery.ajax({
             url: '{{ route('main-salary-record.delete_salary') }}',
             type: 'post',
             'dataType': 'json',
             cache: false,
             data: {
                 "_token": '{{ csrf_token() }}',
                 id: id,
                 financial_period_id: financial_period_id
             },
             success: function(data) {
                 ajax_search();
                 setTimeout(function() {
                     $('#backup_freeze_modal').modal('hide');
                 }, 1000);

             },
             error: function() {
                 setTimeout(function() {
                     $('#backup_freeze_modal').modal('hide');
                 }, 1000);
                 alert("عفوا لقد حدث خطأ ربما يكون سجل المرتب غير موجود او مؤرشف ");
             }

         })


     });


   

   });
   
   
</script>

@endsection