@extends('admin.layout.master')
@section('content')
@include('flash-message')
<div class="card sina-card">
    <div class="card-header d-flex justify-content-between align-items-center ">
       <h5 class="font-weight-bold mb-0">{{__('obs.deduct_amount_list')}}  </h5>
    </div> 

    <div class="card-body">
        <div class='row'>
            <div class='col-md-3'>
                <div class="form-group">
                    <label for="">{{__('obs.name')}}/{{__('obs.code')}}</label>
                    <select class="form-control input-sm name_code_live_search" name="emp_code" id="emp_code">
                        {{-- @foreach ($employees as $employee)
                            <option value="{{$employee->id}}" selected >{{$employee->emp_name}}</option>
                            @endforeach --}}
                        </select>
                </div>
            </div>
            <div class='col-md-3'>
                <div class="form-group">
                    <label>{{__('obs.department')}} </label>
                    <select class="form-control select_2" id="department_id" name="department_id">
                        <option value="">{{__('obs.choose_one')}} </option>
                        @foreach ($departments as $department)
                            <option value="{{ $department->id }}">{{ $department->name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class='col-md-2'>
                <div class="form-group">
                    <label>{{__('obs.end_date')}}</label>
                    <input type="text" class="form-control datepicker" name="start_date" id="start_date">
                </div>
            </div>
            <div class='col-md-2'>
                <div class="form-group">
                    <label>{{__('obs.start_date')}}</label>
                    <input type="text" class="form-control datepicker" name="end_date" id="end_date">
                </div>
            </div>
            <div class='col-md-2 mt-4'>
                <div class="form-group">
                    <button onclick="SearchDeductAmount()" id="searchBtn" class='btn btn-sm btn-danger'>  {{__('obs.search')}}</button>
                </div>
            </div>
        </div>

        
        <div class="table-responsive mt-3" id="print">
            <table class="table table-bordered table-hover" id="searchresultTable"> {{-- This table all data come from view (deduct_amount_list_search)  --}}
                
            </table>
        </div>
        
    </div>
          
</div>

@endsection

@section('script')
<script src="{{ asset('payroll_assets/payroll_common.js') }}"></script>
<script src="{{ asset('/') }}payroll_assets/payroll/addDeduct/DeductAmount.js"></script>


<script>
     let start_date = $('start_date').val();
    
    $(document).ready(function() {
        $('.select_2').select2();
       
    });
</script>
@endsection