@extends('layout.layout')

@section('content')
    <div class="container mt-5">
        <div class="card shadow-lg border-0 rounded-3">
            <div class="card-header py-3">
                <div class="mb-0"><i class="fas fa-eye me-2"></i>Leave Request Details</div>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Staff Name</label>
                        <p>{{ $leave_request->staff->full_name }}</p>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Status</label>
                        <p>
                            <span
                                class="badge {{ $leave_request->approve_status == 'P' ? 'bg-warning' : ($leave_request->approve_status == 'A' ? 'bg-success' : 'bg-danger') }}">
                                {{ $leave_request->approve_status_text }}
                            </span>
                        </p>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Leave Type</label>
                        <p>{{ $leave_request->type->type }}</p>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Apply Date</label>
                        <p>{{ $leave_request->apply_date ?? 'Not aplied yet' }}</p>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Leave From</label>
                        <p>{{ $leave_request->leave_from }}</p>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Leave To</label>
                        <p>{{ $leave_request->leave_to }}</p>
                    </div>
                  
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Reason</label>
                        <p>{{ $leave_request->reason }}</p>
                    </div>
                </div>
                <div class="mt-4">
                    <a href="{{ route('leave_requests.index') }}" class="btn btn-secondary"><i
                            class="fas fa-arrow-left me-2"></i>Back</a>
                </div>
            </div>
        </div>
    </div>
@endsection