@extends('layouts.student')

@section('title', 'Deferment Request')

@section('content')
<div class="container mt-4">
    <div class="card shadow-sm">
        <div class="card-header bg-warning text-dark">
            <h4 class="mb-0">Submit Deferment Request</h4>
        </div>

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

            {{-- Deferment Request Form --}}
            <form action="{{ route('student.deferment.store') }}" method="POST" enctype="multipart/form-data">
                @csrf

                <div class="form-group mb-3">
                    <label for="reason">Reason for Deferment <span class="text-danger">*</span></label>
                    <textarea name="reason" id="reason" rows="4" class="form-control" required>{{ old('reason') }}</textarea>
                </div>

                <div class="form-group mb-3">
                    <label for="attachment">Attach Supporting Document (Optional)</label>
                    <input type="file" name="attachment" id="attachment" class="form-control-file">
                </div>

                <button type="submit" class="btn btn-warning">
                    Submit Request
                </button>
            </form>
        </div>
    </div>

    {{-- History of Deferment Requests --}}
    @if (isset($requests) && $requests->count())
        <div class="card mt-4 shadow-sm">
            <div class="card-header bg-light">
                <h5 class="mb-0">Your Deferment Requests</h5>
            </div>

            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-striped table-bordered mb-0">
                        <thead class="table-dark">
                            <tr>
                                <th>#</th>
                                <th>Date Submitted</th>
                                <th>Reason</th>
                                <th>Status</th>
                                <th>Attachment</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($requests as $index => $req)
                                <tr>
                                    <td>{{ $index + 1 }}</td>
                                    <td>{{ \Carbon\Carbon::parse($req->created_at)->format('d M Y') }}</td>
                                    <td>{{ $req->reason }}</td>
                                    <td>
                                        @if ($req->status === 'approved')
                                            <span class="badge bg-success">Approved</span>
                                        @elseif ($req->status === 'rejected')
                                            <span class="badge bg-danger">Rejected</span>
                                        @else
                                            <span class="badge bg-secondary">Pending</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if ($req->attachment)
                                            <a href="{{ asset('storage/deferments/' . $req->attachment) }}" target="_blank">View</a>
                                        @else
                                            N/A
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    @endif
</div>
@endsection