@extends('admin.layout.master')
@section('content')

<div class="row">
    <div class="col-lg-12">
        @include('flash-message')
    </div>
  
    <div class="col-lg-12">
        <div class="card">
            <div class="card-header" style="padding: 0 10px">
                <div class='row'>
                    <div class='col-6 text-left' pt-2>
                        <h3>{{__('obs.bulk_advance')}}</h3>
                    </div>
                    <div class='col-6 text-right' pt-2>
                        <a href="{{route('payroll.payroll.manage_loan.advance_index')}}" class="btn btn-md btn-info">{{__('obs.'advance_list)}}</a>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <form action="{{route('payroll.payroll.manage_loan.bulk_advance')}}" 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="employee_id" id="employee_id">
                                </select>  
                            </div>
                        </div>
                    
                        <div class='col-md-3'>
                            <div class="form-group">
                                <label>{{__('obs.department')}}</label>
                                <select name="department_id" id="department_id" class="form-control input-sm" required>
                                    <option value="">--Select--</option>
                                    @if(!empty($departments))
                                        @foreach($departments as $department)
                                            <option value="{{$department->id}}">{{$department->name}}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </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>
@if(count($employees) >0)
<div class="row">
    <div class="col-lg-12">
       <form action="{{route('payroll.payroll.manage_loan.bulk_advance_store')}}" method="post"  id="myForm">
        @csrf
        <hr>
        <div class="table-responsive" id="print">
            <table class="table table-bordered table-hover text-center" style="width: 100%">
                <thead>
                <tr>
                    <th style="width:5%">{{__('obs.sl')}}</th>
                    <th style="width:8%">{{__('obs.employee_code')}}</th>
                    <th style="width:12%">{{__('obs.name')}}</th>
                    <th style="width:10%">{{__('obs.designation')}}</th>
                    <th style="width:10%">{{__('obs.station')}}</th>
                    <th style="width:15%">
                        {{__('obs.date')}}
                        <input type="date" onchange="selectsamedate(this)" class="form-control"/>
                    </th>
                    <th style="width:15%">{{__('obs.amount')}}</th>
                    <th style="width:15%">
                         {{__('obs.disburse_month')}}
                        <input name="start_month" class="form-control" onchange="select_deduction_month(this)" type="month">
                    </th>
                </tr>
                </thead>
              
                    <tbody class="">
                    @php
                    $sl =1;
                    @endphp
                    @foreach($employees as $employee)
                        <tr id="{{$employee->id}}">
                            <td>{{$sl++}}</td>
                            <td>{{$employee->emp_code}}
                            <td class="text-left">{{$employee->emp_name}}
                                <input type="hidden" name="emp_id[]" id="emp_id" value="{{$employee->id}}"></td>
                                <input type="hidden" name="department_id[{{$employee->id}}]" id="" value="{{$employee->department}}"></td>
                           
                            <td class="text-center">
                                {{$employee->fetch_designation ? $employee->fetch_designation->name : null}}
                            </td>
                            <td class="text-center">
                                {{$employee->station_vehicle_no ? $employee->station_vehicle_no : null}}
                            </td>
                            <td class="text-left">
                                <input type="date" name="date[{{$employee->id}}]" id="dates_" class="form-control date-repeat"/>
                            </td>
                            
                            <td class="text-left">
                                <input type="number"  class="form-control input-sm" name="amount[{{$employee->id}}]" id="amount" value="{{ request()->get('amount') }}">
                            </td>
                            <td class="text-left">
                                <input name="disburse_month[{{$employee->id}}]" class="form-control deduction_month_repeat" type="month">
                            </td>
                        </tr>
                    @endforeach

                    <tr>
                        <td colspan="4" class="">
                            <label for="">{{__('obs.purpose')}}:</label>
                            <textarea required placeholder="Type Your Advance Reason" class="form-control"
                            name="purpose" id="" cols="30" rows="2"></textarea>
                        </td>
                        <td colspan="3" class="">
                            <label for="">{{__('obs.note')}}:</label>
                            <textarea placeholder="Type Note" class="form-control" name="note" id="" cols="30"
                            rows="2"></textarea>
                        </td>
                    </tr>
                    </tbody>
                   
                    <tfoot>
                    <tr>
                        <td colspan="15" class="text-center">
                            <button type="submit" id="submitButton" class='col-md-2 btn btn-sm w-100 btn-success'>{{__('obs.submit')}}</button>
                        </td>
                    </tr>
                    </tfoot>
            </table>
        </div>
    </form>
    </div>
</div>

@else
<div class="col-lg-12 text-center">
    <p class="text-center"> {{__('obs.no_data_found')}}</p>
 </div>
 @endif

@endsection
@section('script')
    <script>
        const selectsamedate = (v) => {
            let id = $(v).val();
            $(".date-repeat").val(id);
        };
        const select_deduction_month= (v) => {
            let id = $(v).val();
            $(".deduction_month_repeat").val(id);
        };

    </script>
   <script src="{{ asset('/') }}payroll_assets/common/js/link.js"></script>

@endsection