@extends('payroll.employee_frontend.layouts.employee')
@section('content')
    <section>
        <div class="col-12 mt-4">
            <h2 class="page-title text-center">Holiday Ot Request List</h2>
            <div class="mb-2 heading-border"></div>
        </div>
    </section>
    <section class="px-3  pt-3 pt-lg-5 row">

        <div class="col-12 mb-4">
            <div class="blu-card d-flex flex-wrap">
                <div class="col-12 col-md-6">
                    <h5 class="mb-3 card-in-h">
                    </h5>
                </div>
                <div class="col-12 col-md-6 text-left text-md-right">
                    <a href='{{ route('employee.holidayOtrequest.create') }}' type="button"
                        class="btn btn-primary btn-sm">Add Holiday OT Request</a>

                </div>
                <div class="col-12 table-responsive">
                    <h5 style="{{ Session::get('style') }}">{{ Session::get('message') }}</h5>
                    <table class="display datatable table table-stripped table-bordered">
                        <thead>
                            <tr>
                                <th>id</th>
                                <th><i class="fa fa-calendar mr-2 text-primary" aria-hidden="true"></i> Date</th>
                                <th>Note</th>
                                <th>status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php($i = 1)
                                @foreach ($result as $item)
                                    <tr>
                                        <td>{{ $i++ }}</td>
                                        <td>{{ $item->date }}</td>
                                        <td>{{ $item->note }}</td>
                                        <td>
                                            @if ($item->status == 1)
                                                <p style="color:green">Active</p>
                                            @elseif ($item->status ==2)
                                                <p style="color:red">Inactive</p>
                                            @endif
                                        </td>
                                        <td>
                                            <a href='{{ route('employee.holidayOtrequest.edit', ['id' => $item->id]) }}'
                                                type="button" class="btn btn-danger btn-sm">Edit</a>

                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <div class="d-flex justify-content-end">
                            {{ $result->links() }}
                        </div>
                    </div>
                </div>
            </div>

        </section>
    @endsection