@extends('admin.layout.master')
@section('content')
@include('flash-message')
<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-header" style="padding: 0 10px">
                <div class='row'>
                    <div class='col-9 text-left' pt-2>
                        <h3>  {{__('obs.manage_salary_increment')}}</h3>
                    </div>
                    <div class='col-2 text-right' pt-2>
                        <a href="{{route('payroll.payroll.increment.list')}}" class="btn btn-md btn-info">{{__('obs.list')}}</a>
                    </div>
                    <div class='col-1 text-right' pt-2>
                        <a href="{{route('payroll.payroll.increment.report')}}" class="btn btn-md btn-warning">{{__('obs.report')}}</a>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <form action="{{route('payroll.payroll.increment.emp_search')}}" method="get">
                    <div class='row'>
                        <div class='col-md-3'>
                            <div class="form-group">
                                <label> {{__('obs.name')}}/{{__('obs.code')}}</label>
                                <select class="form-control input-sm name_code_live_search" name="emp_code" id="emp_code">
                                </select>  
                                {{-- <input type="text" class="form-control input-sm" name="emp_code" id="emp_code"> --}}
                            </div>
                        </div>
                       
                        <div class='col-md-2'>
                            <div class="form-group">
                                <label>{{__('obs.department')}}</label>
                                <select name="emp_department" id="emp_department" class="form-control select_2">
                                    <option value="">--Select--</option>
                                    @if(!empty($department_lists))
                                        @foreach($department_lists as $depart_val)
                                            <option value="{{$depart_val->id}}">{{$depart_val->name}}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                        <div class='col-md-2'>
                            <div class="form-group">
                                <label>{{__('obs.designation')}}</label>
                                <select name="emp_designation" id="emp_designation" class="form-control select_2">
                                    <option value="">--Select--</option>
                                    @if(!empty($designation_lists))
                                        @foreach($designation_lists as $design_val)
                                            <option value="{{$design_val->id}}">{{$design_val->name}}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                        <div class='col-md-2'>
                            <div class="form-group">
                                <label>{{__('obs.join_date_upto')}} </label>
                                <input type="text" class="datepicker form-control input-sm"
                                       name="join_date_from" id="join_date_from" value="{{ request()->get('join_date_from') }}">
                            </div>
                        </div>
                       
                        <div class='col-md-1 mt-4'>
                            <button class='btn btn-sm w-100 btn-danger'>{{__('obs.search')}}</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="card-box">
    <div class="card-block">
        @if (count($errors) > 0)
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <!-- Button trigger modal -->
    </div>
</div>
<hr>

    <div class="row">
        <div class="col-lg-12">
            <h3 class="text-center">
                @if(!empty(request()->get('emp_department')))
                    {{\App\Models\Payroll\Settings\PayDepartments::find(request()->get('emp_department'))->name}}
                @endif
           </h3>  
           <form action="{{route('payroll.payroll.increment.store')}}" method="post"  id="salary_increment_form" enctype="multipart/form-data">
            @csrf
            <div class='row'>
                <div class="col-3">
                    <div class="row">
                        <label class="labels col-6">{{__('obs.increment_type')}}</label>
                        <div class="col-6">
                            <select name="increment_type" id="increment_type" class="form-control select_2" required>
                                {{-- <option value="0">--Select--</option> --}}
                                @if(!empty($increment_types))
                                    @foreach($increment_types as $increment_type)
                                        <option value="{{$increment_type->id}}">{{$increment_type->name}}</option>
                                    @endforeach
                                @endif
                            </select>   
                        </div>
                    </div>
                </div>
               
                <div class="col-1"></div>
                {{--  d-flex justify-content-between align-items-center --}}
                <div class="col-4">
                    <div class="row ml-4">
                          <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="fixed_or_percent" id="fixed" value="1" checked>
                            <label class="form-check-label" for="Fixed">{{__('obs.fixed')}}</label>
                          </div>
                          <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="fixed_or_percent" id="percent" value="2">
                            <label class="form-check-label" for="Percent">{{__('obs.Percent')}}</label>
                          </div>

                    </div>
                </div>
                <div class="col-3" style="display: none" id="based_on_div">
                    <div class="row">
                        <label class="labels col-5">{{__('obs.based_on')}}</label>
                        <div class="col-7">
                            <select name="based_on" id="based_on" class="form-control input-sm">
                                <option value="1">{{__('obs.basic')}}</option>
                                <option value="2">{{__('obs.gross')}}</option>
                            </select>
                        </div>
                    </div>
                </div>
               
            </div>

            <div class='row ml-3'>
                <div class="col-3">
                    <div class="row">
                        <label class="labels col-6"> {{__('obs.increment_date')}}</label>
                        <div class="col-6">
                            <input type="text"  class="form-control input-sm datepicker" name="increment_date" id="increment_date" value="{{ request()->get('increment_date') }}" required>
                        </div>
                    </div>
                </div>
                <div class="col-3">
                    <div class="row">
                        <label class="labels col-6"> {{__('obs.effect_date')}}</label>
                        <div class="col-6">
                            <input type="text"  class="form-control input-sm datepicker" name="increment_effect_date" id="increment_effect_date" value="{{ request()->get('increment_effect_date') }}" required>
                        </div>
                    </div>
                </div>

                <div class="col-3">
                    <div class="row ml-2">
                        <label class="labels col-6">{{__('obs.value')}}</label>
                        <div class="col-6">
                            <input type="number" step="1.0" class="form-control input-sm" name="calculative_value" id="calculative_value">
                        </div>
                    </div>
                </div>
                <div class='col-1'>
                    <a class='btn btn-sm w-100 btn-primary' onclick="increment_apply()">{{__('obs.apply')}}</a>
                </div>

            </div>



            <hr>
            {{--table-responsive --}}
            <div class="" id="print">
                <table class="table table-bordered table-hover text-center">
                    <thead>
                    <tr>
                        <th>Sl#</th>
                        <th>{{__('obs.code')}}</th>
                        <th>{{__('obs.name')}}</th>
                        <th> {{__('obs.join_date')}}</th>
                        <th>{{__('obs.basic')}} </th>
                        <th>{{__('obs.gross')}}</th>
                        <th>{{__('obs.increment')}}</th>
                        <th>
                            Basic
                            <input type="number" class="form-control text-center input-sm allowance_value" name="" id="" value="" allowance_head={{0}}>
                        </th>
                        @if ($gorss_allowances)
                        @php($num=0)
                        @foreach ($gorss_allowances as $allowance )
                        @php($num++)
                        <th>
                            {{$allowance->name}}
                            <input type="number" class="form-control text-center input-sm allowance_value" name="" id="" value="" allowance_head={{$num}}>
                        </th>
                        @endforeach
                        @endif
                        <input type="hidden" name="" id="number_of_allowance" value="@if($gorss_allowances){{count($gorss_allowances)}}@endif">

                        {{-- <th>New Basic</th>
                        <th>New Gross</th> --}}
                    </tr>
                    </thead>