@extends('layouts.app')

@section('title', 'Correction Request')
@section('header', 'Attendance Correction')
@section('subheader', $correction->employee?->full_name . ' · ' . $correction->date->format('M d, Y'))

@section('content')
    <div class="row g-4">
        <div class="col-lg-8">
            <div class="card table-wrapper">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-start mb-3">
                        <h2 class="h5 mb-0">Request Details</h2>
                        <x-status-badge :status="$correction->status" />
                    </div>
                    <dl class="row mb-0">
                        <dt class="col-sm-3">Employee</dt>
                        <dd class="col-sm-9">{{ $correction->employee?->full_name }}</dd>
                        <dt class="col-sm-3">Date</dt>
                        <dd class="col-sm-9">{{ $correction->date->format('l, M d, Y') }}</dd>
                        <dt class="col-sm-3">Requested In</dt>
                        <dd class="col-sm-9">{{ $correction->requested_in?->format('H:i') ?? '—' }}</dd>
                        <dt class="col-sm-3">Requested Out</dt>
                        <dd class="col-sm-9">{{ $correction->requested_out?->format('H:i') ?? '—' }}</dd>
                        <dt class="col-sm-3">Reason</dt>
                        <dd class="col-sm-9">{{ $correction->reason }}</dd>
                        @if ($correction->reviewed_at)
                            <dt class="col-sm-3">Reviewed By</dt>
                            <dd class="col-sm-9">{{ $correction->reviewer?->name ?? '—' }}
                                <span class="text-muted small">on {{ $correction->reviewed_at->format('M d, Y H:i') }}</span></dd>
                            <dt class="col-sm-3">Comment</dt>
                            <dd class="col-sm-9">{{ $correction->review_comment ?: '—' }}</dd>
                        @endif
                    </dl>
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            @can('review', $correction)
                <div class="card stat-card">
                    <div class="card-body">
                        <h2 class="h6 mb-3">Review Request</h2>
                        <form method="POST" action="{{ route('attendance-corrections.review', $correction) }}">
                            @csrf
                            @method('PATCH')
                            <div class="mb-3">
                                <label for="review_comment" class="form-label">Comment</label>
                                <textarea id="review_comment" name="review_comment" rows="3"
                                    class="form-control @error('review_comment') is-invalid @enderror">{{ old('review_comment') }}</textarea>
                                @error('review_comment')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="d-grid gap-2">
                                <button type="submit" name="status" value="approved" class="btn btn-success"><i class="bi bi-check-lg me-1"></i>Approve</button>
                                <button type="submit" name="status" value="rejected" class="btn btn-outline-danger"><i class="bi bi-x-lg me-1"></i>Reject</button>
                            </div>
                        </form>
                    </div>
                </div>
            @endcan
            <a href="{{ route('attendance-corrections.index') }}" class="btn btn-link mt-3">&larr; Back to corrections</a>
        </div>
    </div>
@endsection