@extends('employee.employee-layouts.master')

@section('content')
    <div class="container-fluid">


        <div class="card shadow mb-4">
            <div class="card-header py-3 bg-primary d-flex" style="justify-content: space-between">
                <h4 class="m-0 text-white">Employees leave list</h4>

            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                        <thead>
                            <tr>
                                <th>{{ __('Employee Name') }}</th>
                                <th>{{ __('Leave Type') }} </th>
                                <th>{{ __('Leave From') }}</th>
                                <th>{{ __('Leave To') }}</th>
                                <th>{{ __('Reason') }}</th>
                            </tr>
                        </thead>

                        <tbody>
                            @foreach ($leaves as $leave)
                                <tr>
                                    <td>
                                        {{ $leave->employee }}
                                    </td>
                                    <td>{{ $leave->type }}</td>
                                    <td>{{ $leave->leavefrom }}</td>
                                    <td>{{ $leave->leaveto }}</td>
                                    <td>{{ $leave->reason }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>
@endsection