@extends('layouts.master')
@section('content')
    <!-- Main Content-->
    <div class="main-content side-content pt-0">

        <div class="main-container container-fluid">
            <div class="inner-body">

                <!-- Page Header -->
                <div class="page-header">
                    <div>
                        <h2 class="main-content-title tx-24 mg-b-5">Manage Timesheet</h2>
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="#">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Timesheet</li>
                        </ol>
                    </div>
                    <div class="d-flex">

                        <!-- <a type="button" href=''
                            class="me-2 btn btn-success d-flex justify-content-center align-items-center  btn-icon-text">
                            <i class="fe fe-file-plus"></i></a> -->
                        <!-- <a type="button" href=''
                            class="me-2 btn btn-success d-flex justify-content-center align-items-center  btn-icon-text">
                            <i class="fe fe-file"></i></a> -->
                        <a class="btn ripple btn-success" href="/createnotfication"> <i class="fe fe-plus"></i></a>&nbsp;&nbsp;

                        <a class="btn btn-success" href="{{route('fetch.holiday.report')}}" download> <i class="fe fe-download-cloud me-2"></i> Download</a>

                    </div>
                </div>
            </div>
            @if(session('message'))
            <div class="alert alert-success">
             {{ session('message') }}
             </div>
              @endif
            
            <div class="row row-sm">
                <div class="col-lg-12">
                    <div class="card custom-card overflow-hidden">
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-bordered border-bottom" id="exportexample">
                                    <thead>
                                        <tr>
                                            <th class="wd-20p">Holiday Title</th>
                                            <th class="wd-25p">From Date</th>
                                            <th class="wd-25p">To Date</th>
                                            <th class="wd-25p">Days</th>
                                            <th class="wd-25p">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if(isset($data))                               
                                        @foreach($data as $d)
                                        <tr>
                                            <td>{{$d->holiday_title ?? ''}}</td>
                                            <td>{{$d->date ? date('d-F-Y', strtotime($d->date)) : ''}}</td>
                                            <td>{{$d->to_date? date('d-F-Y',strtotime($d->to_date)):''}}</td>
                                            <td>{{$d->days??''}}</td>
                                            <td>
                                            <div class="d-flex">
                                            <a class="btn ripple btn-info" href="{{route('notify.edit',$d->id ??'')}}"><i
                                            class="fe fe-edit"></i></a>
                                            <a class="btn ripple btn-danger ms-2" href="{{route('notify.delete' ,$d->id ??'')}}"><i
                                            class="fe fe-trash"></i></a>
                                            </div>
                                            </td>
                                        </tr>
                                        @endforeach
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>






        </div>
    </div>
    </div>
@endsection