@extends('layouts.user_type.auth')

@section('content')
<div class="container">
    <div class="mb-3">
        <h3 class="mb-4">Daily Leave Status</h3>
        <form action="{{ route('leaves.daily-status') }}" class="mb-4">
            <div class="row align-items-end">
                <div class="col-md-4">
                    <label for="select-date" class="form-label">Select Date</label>
                    <input type="date" name="date" id="date" value="{{ $selectedDate ?? now()->toDateString() }}" class="form-control me-2"/>
                </div>
                <div class="col-md-2" style="width:auto;">
                    <button type="submit" class="btn bg-gradient-primary mb-0">Submit</button>
                </div>
                <div class="col-md-2" style="width:auto;">
                    <a href="{{ route('leaves.daily-status') }}" class="btn bg-gradient-primary mb-0">Reset</a>
                </div>
                <div class="col-md-4">
                    <a href="javascript:void(0);" 
                    onclick="downloadReport()" 
                    class="btn bg-gradient-primary mb-0" 
                    type="button">
                    Download XLS
                    </a>
                </div>
            </div>
        </form>
    </div>

    <table class="table table-bordered">
        <thead class="table-light">
            <tr>
                <th>Employee</th>
                <th>Leave Type</th>
                <th>Type</th>
                <th>Reason</th>
                <th>Approval Status</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($leaves as $leave)
            <tr class="text-center">
                <td>{{ $leave['employee_code'] }} - {{ $leave['employee_name'] }}</td>
                <td>{{ $leave['leave_type'] }}</td>
                <td>{{ $leave['type'] }}</td>
                <td>{{ $leave['reason'] }}</td>
                <td>{{ $leave['approval_status'] }}</td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
<script>
    function downloadReport() {
        const date = document.getElementById('date').value;

        if (!date) {
            alert("Please select date before downloading.");
            return;
        }

        // Build URL with both params
        const url = `{{ route('leave.downloadDailySummary', ['date' => ':date']) }}`
            .replace(':date', date);

        window.location.href = url;
    }
</script>
@endsection