@extends('layouts/contentNavbarLayout')
@section('title', 'Employee Leaves')

@section('content')

@if(session('success'))
<div class="alert alert-success">{{ session('success') }}</div>
@endif

{{-- Button to trigger modal --}}
<div class="mb-3">
    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#leaveRequestModal">
        Request New Leave
    </button>
</div>

{{-- Leave Request Modal --}}
<div class="modal fade" id="leaveRequestModal" tabindex="-1" aria-labelledby="leaveRequestModalLabel"
    aria-hidden="true">
    <div class="modal-dialog">
        <form action="{{ route('leaves.store1') }}" method="POST" class="modal-content">
            @csrf
            <input type="hidden" name="worker_id" value="{{ $worker->id }}">
            <div class="modal-header">
                <h5 class="modal-title" id="leaveRequestModalLabel">Request Leave</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">

                <div class="mb-3">
                    <label for="leave_type" class="form-label">Leave Type</label>
                    <select name="leave_type" class="form-control" required>
                        <option value="">-- Select --</option>
                        <option value="sick">Sick Leave</option>
                        <option value="casual">Casual Leave</option>
                    </select>
                </div>

                <div class="mb-3">
                    <label class="form-label">Start Date</label>
                    <input type="date" name="start_date" class="form-control" required>
                </div>

                <div class="mb-3">
                    <label class="form-label">End Date</label>
                    <input type="date" name="end_date" class="form-control" required>
                </div>

                <div class="mb-3 form-check">
                    <input type="checkbox" name="is_half_day" value="1" class="form-check-input">
                    <label class="form-check-label">Half Day?</label>
                </div>

                <div class="mb-3">
                    <label class="form-label">Reason</label>
                    <textarea name="reason" class="form-control" rows="3"></textarea>
                </div>

            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">Submit Request</button>
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
            </div>
        </form>
    </div>
</div>

{{-- List of existing leaves --}}
<div class="card">
    <div class="card-header"><strong>Your Leave History</strong></div>
    <div class="card-body">
        @if($leaves->isEmpty())
        <p>No leave records found.</p>
        @else
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th>Leave Type</th>
                    <th>Start Date</th>
                    <th>End Date</th>
                    <th>Days</th>
                    <th>Half Day</th>
                    <th>Reason</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                @foreach($leaves as $leave)
                <tr>
                    <td>{{ ucfirst($leave->leave_type) }}</td>
                    <td>{{ $leave->start_date }}</td>
                    <td>{{ $leave->end_date }}</td>
                    <td>{{ $leave->number_of_days }}</td>
                    <td>{{ $leave->is_half_day ? 'Yes' : 'No' }}</td>
                    <td>{{ $leave->reason }}</td>
                    <td>
                        @if($leave->status == 'approved')
                        <span class="badge bg-label-success">Approved</span>
                        @elseif($leave->status == 'rejected')
                        <span class="badge bg-label-danger">Rejected</span>
                        @else
                        <span class="badge bg-label-warning">Pending</span>
                        @endif
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
        @endif
    </div>
</div>

@endsection