@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.add_amount')}}  </h5>
    </div>

    <div class="card-body">
        <div class='row'>
            <div class='col-md-3'>
            <div class="form-group">
                <label for="">{{__('obs.select_employee_name')}}/{{__('obs.code')}}</label>

                    <select id="employee_id" class="name_code_live_search form-control" name="employee_id">
                        {{-- @foreach ($employes as $e)
                            <option value="{{$e->id}}">{{$e->emp_name}}-{{$e->emp_code}}</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=" " selected>{{__('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.status')}} </label>
                    <select class="form-control input-sm" name="emp_status" id="emp_status">
                        <option value="1">{{__('obs.active')}}</option>
                        <option value="2">{{__('obs.inactive')}}</option>
                    </select>
                </div>
            </div>
            <div class='col-md-2 mt-4'>
                <button onclick="searchEmpBasicinfoforAddAmount()" id="searchBtn"
                    class='btn btn-sm btn-danger'>{{__('obs.search')}} </button>
            </div>
        </div>
        <div class="table-responsive" id="print">
            <table class="table table-bordered table-hover" id="resultTable">
                <thead>
                    <tr>
                        <th>{{__('obs.sl')}}</th>
                        <th>{{__('obs.code')}}</th>
                        <th>{{__('obs.name')}}</th>
                        <th>{{__('obs.department')}}</th>
                        <th>{{__('obs.type')}}</th>
                        <th>{{__('obs.date')}}</th>
                        <th>{{__('obs.amount')}}</th>
                        <th>{{__('obs.note')}}</th>
                    </tr>
                </thead>

                <tbody>

                </tbody>

            </table>
            <div class="text-center mt-3"  id="submitBtns" style="display: none">
                <button  class="btn btn-danger btn-sm" onclick="saveaddAmount()">{{__('obs.submit')}}</button>
            </div>
        </div>
    </div>
</div>
   
@endsection



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

<script>
     $('.select_2').select2();
    $(document).ready(function() {
        $(".type").change(function() {
            if ($(this).val() == 2) {
                $(".LoanAdv").show();
                $(".forloans").show();
                $(".foradv").hide();
            } else if ($(this).val() == 1) {
                $(".LoanAdv").show();
                $(".foradv").show();
                $(".forloans").hide();
            } else if ($(this).val() == 0) {
                $(".LoanAdv").hide();
            }
        });
    });
</script>
@endsection