@extends('employee.layouts.app')
@section('title',get_setting('site_name').' Advance Salary')
@section('content')
    <div class="row mt-3 mb-3">
        <div class="col-md-12 col-lg-12 col-xl-12 col-12 col-sm-12 mx-auto">
            <div class="card">
                <div class="card-header">

                    <div class="row">
                        <div class="col-12 col-md-6 col-lg-6">
                            <h5>My Advance Salary</h5>
                        </div>
                        <div class="col-12 col-md-6 col-lg-6 text-right">
                            <button class="btn btn-primary" onclick="advance_salary();"><i class="fas fa-plus"></i>Add
                                New
                            </button>
                        </div>
                    </div>
                </div>

                <div class="card-body">
                    <form action="" method="get">


                        <div class="row mb-3">

                            <div class="col-12 col-md-3">
                                <div class="form-group">
                                    <select name="year" id="" class="form-control">
                                        <option value="">Please Select Year</option>
                                        @for($i=2023;$i<=date('Y');$i++)
                                            <option value="{{$i}}"
                                                    @if(request()->year==$i) selected @endif>{{$i}}</option>
                                        @endfor
                                    </select>
                                </div>

                            </div>

                            <div class="col-12 col-md-3">
                                <div class="form-group">
                                    <select name="month" id="" class="form-control">
                                        <option value="">Please Select Month</option>
                                        @for($i=1;$i<=12;$i++)
                                            <option
                                                value="{{$i}}"
                                                @if(request()->month==$i) selected @endif>{{date("F", mktime(0, 0, 0, $i, 1))}}</option>
                                        @endfor
                                    </select>
                                </div>

                            </div>

                            <div class="col-12 col-md-3">
                                <div class="form-group">
                                    <select name="approval" id="" class="form-control">
                                        <option value="">Please Select Any one</option>

                                        <option value="1"
                                                @if(request()->approval==1) selected @endif>{{__('Approve')}}</option>
                                        <option value="0"
                                                @if(request()->approval==0) selected @endif>{{__('Not Approve')}}</option>

                                    </select>
                                </div>

                            </div>


                            <div class="col-12 col-md-2">
                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary float-right float-lg-left"><i
                                            class="fas fa-filter"></i>&nbsp;{{__('Filter')}}
                                    </button>
                                </div>

                            </div>

                        </div>


                    </form>
                    <table class="table table-responsive-lg">
                        <thead>
                        <tr>

                            <th>Apply Date</th>
                            <th>Payments Starts Form</th>
                            <th>Payment Duration</th>
                            <th>Advance Amount</th>
                            <th>Due Amount</th>
                            <th>Amount Type</th>
                            <th class="text-center">Status</th>
                            <th width="10%" class="text-center">Action</th>

                        </tr>
                        </thead>
                        @foreach($advance_salary as $salary)

                            <tr>
                                <td>{{$salary->apply_date}}</td>
                                <td>{{date("F", mktime(0, 0, 0, $salary->month, 1))}}{{__('-')}}{{$salary->year}}</td>
                                <td>{{$salary->duration}}{{__(' Month')}}</td>
                                <td>{{$salary->amount}}</td>
                                <td>
                                    @if($salary->status==1)
                                        @php $advace_salary_paid=\App\Models\advance_salary_received::where('advance_salary_id',$salary->id)->where('status',1)->sum('amount') @endphp
                                        {{$salary->amount-$advace_salary_paid}}
                                    @else
                                        {{__('0')}}
                                    @endif
                                </td>
                                <td>{{__('Advance Salary')}}</td>
                                <td class="text-center">
                                    @if($salary->status==1)
                                        <i class="fas fa-check-circle text-success fs-24"
                                           title="Approve"></i>
                                    @else
                                        <i class="fas fa-minus-circle text-info fs-24"
                                           title="Not Approve"></i>
                                    @endif
                                </td>
                                <td class="text-center">
                                    @if($salary->status==1)
                                        <a href="{{route('advance.salary.view',$salary->id)}}" target="_blank"
                                           class="btn btn-primary btn-sm"><i
                                                class="fas fa-file-pdf"></i></a>
                                    @else
                                        <a href="javascript:void(0)"
                                           class="btn btn-primary btn-sm"
                                           onclick="advance_salary_update('{{$salary->amount}}','{{$salary->payment_method}}','{{$salary->duration}}','{{$salary->month}}','{{$salary->year}}','{{$salary->reason}}','{{$salary->apply_date}}',{{$salary->id}})"><i
                                                class="fas fa-edit"></i></a>


                                        <a class="btn btn-danger btn-sm delete_modal"
                                           data-href="{{route('advance.salary.application.destroy',$salary->id)}}"
                                           href="javascript:void(0)"><i
                                                class="fas fa-trash"></i></a>

                                    @endif
                                </td>
                            </tr>
                        @endforeach

                        <tbody>
                        </tbody>
                    </table>
                    {{$advance_salary->links()}}
                </div>
            </div>
        </div>
    </div>
@endsection

@section('modal')
    @include('modals.delete_modal')
    <div class="modal fade" id="advance_salary_modal">
        <form action="{{route('employee.advance.salary')}}" method="POST">
            @csrf
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{__('Advance Salary Application')}}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <div class="row mb-3">
                            <div class="col-12 col-md-12 col-lg-12 text-right">
                                <h5>Apply Date: {{date('d-m-Y')}}</h5>
                            </div>
                        </div>

                        <div class="row">

                            <input class="form-control" type="hidden" name="staff_id" id="staff_id"
                                   value="{{auth()->user()->staff->id}}">

                            <div class="col-12 col-md-6 col-lg-6">
                                <div class="form-group">
                                    <input class="form-control" placeholder="Advance Salary Amount" type="text"
                                           name="amount" id="" required>
                                </div>

                            </div>
                            <div class="col-12 col-md-6 col-lg-6">
                                <div class="form-group">
                                    <select name="payment_method" id="" class="form-control"
                                            data-live-search="true" required>
                                        <option value="">Select Payment Method</option>
                                        <option value="salary_deduction">Salary Deduction</option>
                                        <option value="cash">By Cash</option>

                                    </select>
                                </div>

                            </div>
                        </div>

                        {{--                        <input type="text" name="" value="" id="holiday_id">--}}
                        <div class="row">
                            <div class="col-12 col-md-4 col-lg-4">
                                <div class="form-group">
                                    <input class="form-control" placeholder="Payment Duration (Months)" type="text"
                                           name="duration"
                                           id="" required>
                                </div>

                            </div>
                            <div class="col-12 col-md-4 col-lg-4">
                                <div class="form-group">
                                    <select name="month" id="" class="form-control">
                                        <option value="">Payment Start From</option>
                                        @for($i=1;$i<=12;$i++)
                                            <option
                                                value="{{$i}}">{{date("F", mktime(0, 0, 0, $i, 1))}}</option>
                                        @endfor
                                    </select>
                                </div>


                            </div>
                            <div class="col-12 col-md-4 col-lg-4">
                                <div class="form-group">
                                    <select name="year" id="" class="form-control">
                                        <option value="">Please Select Year</option>
                                        @for($i=date('Y');$i<=date('Y')+2;$i++)
                                            <option value="{{$i}}">{{$i}}</option>
                                        @endfor
                                    </select>
                                </div>
                            </div>
                        </div>


                        <div class="row mb-3">
                            <div class="col-12 col-md-12 col-lg-12">
 <textarea name="reason" id="" cols="30" rows="3" class="form-control "
           placeholder="Type Your Reason" required></textarea>
                            </div>

                        </div>


                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{__('Cancel')}}</button>
                        <button data-toggle="tooltip" data-placement="top" type="submit" id="saveBtn"
                                class="btn btn-primary">{{__('Save')}}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="advance_salary_modal_update">
        <form action="{{route('employee.advance.salary.update')}}" method="POST">
            @csrf
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{__('Advance Salary Application Update')}}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <div class="row  mb-3">
                            <div class="col-12 col-md-12 col-lg-12 text-right">
                                <h5 id="">Apply Date: <span id="apply_date"></span></h5>
                            </div>
                        </div>

                        <div class="row">
                            <input type="hidden" name="apply_date" id="apply_dates">
                            <input type="hidden" name="id" id="id">
                            <input class="form-control" type="hidden" name="staff_id" id="staff_id"
                                   value="{{auth()->user()->staff->id}}">

                            <div class="col-12 col-md-6 col-lg-6">
                                <div class="form-group">
                                    <input class="form-control" placeholder="Advance Salary Amount" type="text"
                                           name="amount" id="amount" required>
                                </div>

                            </div>
                            <div class="col-12 col-md-6 col-lg-6">
                                <div class="form-group">
                                    <select name="payment_method" id="payment_method"
                                            class="form-control aiz-selectpicker"
                                            data-live-search="true" required>
                                        <option value="">Select Payment Method</option>
                                        <option value="salary_deduction">Salary Deduction</option>
                                        <option value="cash">By Cash</option>

                                    </select>
                                </div>

                            </div>
                        </div>

                        {{--                        <input type="text" name="" value="" id="holiday_id">--}}
                        <div class="row">
                            <div class="col-12 col-md-4 col-lg-4">
                                <div class="form-group">
                                    <input class="form-control" placeholder="Payment Duration (Months)" type="text"
                                           name="duration"
                                           id="duration" required>
                                </div>

                            </div>
                            <div class="col-12 col-md-4 col-lg-4">
                                <div class="form-group">
                                    <select name="month" id="month" class="form-control">
                                        <option value="">Payment Start From</option>
                                        @for($i=1;$i<=12;$i++)
                                            <option
                                                value="{{$i}}">{{date("F", mktime(0, 0, 0, $i, 1))}}</option>
                                        @endfor
                                    </select>
                                </div>


                            </div>
                            <div class="col-12 col-md-4 col-lg-4">
                                <div class="form-group">
                                    <select name="year" id="year" class="form-control">
                                        <option value="">Please Select Year</option>
                                        @for($i=date('Y');$i<=date('Y')+2;$i++)
                                            <option value="{{$i}}">{{$i}}</option>
                                        @endfor
                                    </select>
                                </div>
                            </div>
                        </div>


                        <div class="row mb-3">
                            <div class="col-12 col-md-12 col-lg-12">
 <textarea name="reason" id="reason" cols="30" rows="3" class="form-control "
           placeholder="Type Your Reason" required></textarea>
                            </div>

                        </div>


                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{__('Cancel')}}</button>
                        <button data-toggle="tooltip" data-placement="top" type="submit" id="saveBtn"
                                class="btn btn-primary">{{__('Update')}}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection

@section('script')
    <script !src="">
        function advance_salary() {
            $('#advance_salary_modal').modal('show');
        }

        function advance_salary_update(amount, payment, duration, month, year, reason, apply_date, id) {
            $('#payment_method').val(payment);
            $('#duration').val(duration);
            $('#amount').val(amount);
            $('#month').val(month);
            $('#year').val(year);
            $('#reason').val(reason);
            $('#apply_date').html(apply_date);
            $('#apply_dates').val(apply_date);
            $('#id').val(id);
            $('#advance_salary_modal_update').modal('show');
        }
    </script>
@endsection