@extends('layouts.mainlayout')
@section('title', 'Applied Leave')
@section('main')
<!-- Single item selection -->
<div class="card">
    <div class="card-header header-elements-inline">
        <h5 class="card-title icon-users4 font-weight-bold">  Applied Leave Report</h5>
        {{-- <a href="{{ route('apply-leave.create')}}"><button class="icon-plus2 btn btn-success">Apply Leave</button></a> --}}
    </div>
        <table class="table datatable-select-single">
        <thead>
            <tr>
                <th style="display:none;"></th>
                <th>Leave</th>
                <th>From Date</th>
                <th>To Date</th>
                <th>Leave Length</th>
                <th>Status</th>
                <th>Action</th>
            </tr>
        </thead>
        <tbody>
            @foreach($data as $leave)
                @if(Auth::user()->id == $leave->user_id)
                    <tr>
                        <td style="display:none;"></td>
                        <td><a href="#" data-toggle="tooltip" data-placement="right" title="{{$leave->reason}}">
                            {{$leave->name}}</a>
                        </td>
                        <td>{{ Carbon\Carbon::parse($leave->from_date)->format(config('settings.php_date_format')) }}</td>
                        <td>{{ Carbon\Carbon::parse($leave->to_date)->format(config('settings.php_date_format')) }}</td>
                        <td> @if($leave->half_day_type !=null)
                                {{ $leave->leave_length }} ( {{ $leave->half_day_type }} )
                            @else
                                {{ $leave->leave_length }}
                            @endif
                        </td>
                        <td>
                            @if($leave->status == "Approve")
                                <option>Approved</option>
                            @elseif($leave->status == "Reject")
                                <option>Rejected</option>
                            @else
                                {{ $leave->status }}
                            @endif
                        </td>

                        <td>
                       

                        @if($leave->status == "Approve" || $leave->status == "Pending")
                        <form action="{{ route('apply-leave.update',$leave->apply_leave_id) }}" method="POST">
                            <input type="hidden" name="_method" value="PATCH"/>
                            @csrf
                            <div class="row">
                                <div class="col-md-6">
                                    <select type="text" name="status"  class="form-control form-control-select2 userLeaveActions required" @if(isset($leaves)) value="{{$leaves->status}}" data-fouc @endif>
                                        <option disabled selected></option>
                                        <option value="Cancel">Cancel</option>
                                    </select>
                                </div>
                                <div class ="field col md-6">
                                    <div class="control">
                                        @if(Carbon\Carbon::now()->between( Carbon\Carbon::parse($leave->from_date), Carbon\Carbon::parse($leave->to_date)) || Carbon\Carbon::now() >= ( Carbon\Carbon::parse($leave->from_date)))
                                            @if(Carbon\Carbon::now()->between( Carbon\Carbon::parse($leave->from_date)->subDay(), Carbon\Carbon::parse($leave->to_date)) || Carbon\Carbon::now()->subDay() >= ( Carbon\Carbon::parse($leave->from_date)))
                                            <button type="button" class="btn bg-primary disabled" >Update</button>   
                                            @else
                                               @if($leave->status == "Approve" || $leave->status == "Reject")
                                               <button type="button" class="btn bg-primary disabled" >Update</button>   
                                               @else
                                               <button type="submit" id="updateStatus" class="btn bg-primary "  onclick="return confirm('Are you sure you want to cancel this leave?');" disabled>Update</button>
                                               @endif
                                            @endif 
                                         @else
                                            @if($leave->status == "Approve" || $leave->status == "Reject")
                                            <button type="button" class="btn bg-primary disabled" >Update</button>   
                                            @else
                                            <button type="submit" id="updateStatus" class="btn bg-primary "  onclick="return confirm('Are you sure you want to cancel this leave?');" disabled>Update</button>
                                            @endif
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </form>
                        @endif
                        @if($leave->status == "Cancel") 
                        <form method="Post" action="{{ route('apply-leave.destroy',$leave->apply_leave_id) }}">
                            @method('DELETE')
                            @csrf
                            
                            <div class ="field">
                                <div class="control">
                                    <button type="submit" class="btn btn-danger icon-bin"></button>
                                </div>
                            </div>   
                        </form>
                        @endif
                        </td>
                    </tr>
                @endif
            @endforeach
        </tbody>
    </table>
</div>
<!-- /Single item selection -->
@endsection
@section('js')
  <script>
    $(document).ready(function(){
        $('.datatable-select-single').DataTable({
            "aLengthMenu": [25, 50, 75, 100],
            "pageLength": 25,
            "destroy": true,
             buttons: {            
                dom: {
                    button: {
                        className: 'btn btn-light'
                    }
                },
                buttons: [
                    'excelHtml5',
                    'csvHtml5',
                    'pdfHtml5'
                ]
            }
        });
        $('[data-toggle="tooltip"]').tooltip();
        $('.userLeaveActions').change(function() {
          var isCancelOptionSelected = $(this).val() === "Cancel";
          $(this).closest('form').find("#updateStatus").prop("disabled", !isCancelOptionSelected);
        });
    });
  </script>
@endsection