@extends('layouts.mainlayout')
@section('title', 'Holiday List')
@section('main')
<!-- Single item selection -->
<div class="card">
    <div class="card-header header-elements-inline">
        <h5 class="card-title icon-calculator font-weight-bold"> Holiday List</h5>
        @if(auth()->user()->can('Edit Holiday List module'))
        <a href="{{ route('holiday-list.create')}}"><button class="icon-plus2 btn btn-success">Add New</button></a>@endif
    </div>
    <div class="table-responsive">    
        <table class="table datatable-select-single ">
        <thead>
            <tr>
                <th>Holiday List Name</th>
                <th>Is Default</th>
                <th class="no-sort">Action</th>
                
            </tr>
        </thead>
        <tbody>
            @foreach ($holiday_lists as $holidayList)
                <tr>
                    <td>{{$holidayList->name}}</td>

                    <td>{{$holidayList->is_default == 1 ? 'Yes' : '---' }}</td>
                    <td><div class="row">
                        @if(auth()->user()->can('Edit Holiday List module'))
                        <a href="{{ route('holiday-list.edit',$holidayList->id) }}"><button class="icon-pencil7" style="color:#3699FF !important;"></button></a>@endif
                        @if(auth()->user()->can('Delete Holiday List module'))
                        <form method="Post" action="{{route('holiday-list.destroy',$holidayList->id)}}" onsubmit="return confirmDelete();">
                            @method('DELETE')
                            @csrf
                            &nbsp; &nbsp;<button type="submit" class="icon-bin" style="color:#dc3545 !important;"></button>
                                 
                        </form> @endif </div>
                    </td>
                    
                </tr>
            @endforeach
        </tbody>
    </table>
    </div>
</div>
<script>
function confirmDelete() {
    var r = confirm("Are you sure, you want to delete this Holiday List?");
    if (r == false) {
        return false;
    } else {
        return true;
    }
}
  </script>
<!-- /Single item selection -->
@endsection