@extends('layouts.app')
@section('title', 'إضافة تصحيح حضور')

@push('styles')
<style>
    .acc-page-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:1.5rem; flex-wrap:wrap; gap:1rem; }
    .acc-page-header h1 { font-size:1.5rem; font-weight:700; color:#1B2A4A; margin:0; }
    .acc-page-header h1 i { margin-left:8px; }
    .acc-card { background:#fff; border-radius:12px; box-shadow:0 1px 3px rgba(0,0,0,0.08); padding:1.5rem; max-width:700px; }
    .acc-form-group { margin-bottom:1.25rem; }
    .acc-form-group label { display:block; font-size:0.85rem; font-weight:600; color:#374151; margin-bottom:0.4rem; }
    .acc-form-group select,
    .acc-form-group input,
    .acc-form-group textarea { width:100%; padding:0.6rem 0.75rem; border:1px solid #d1d5db; border-radius:8px; font-size:0.9rem; font-family:inherit; transition:border-color 0.15s; }
    .acc-form-group select:focus,
    .acc-form-group input:focus,
    .acc-form-group textarea:focus { outline:none; border-color:#E8502F; box-shadow:0 0 0 3px rgba(232,80,47,0.1); }
    .acc-form-group textarea { resize:vertical; min-height:80px; }
    .acc-form-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
    .acc-btn-primary { background:#E8502F; color:#fff; border:none; padding:0.6rem 1.5rem; border-radius:8px; font-size:0.9rem; font-weight:600; cursor:pointer; display:inline-flex; align-items:center; gap:0.5rem; transition:background 0.15s; }
    .acc-btn-primary:hover { background:#d4441f; }
    .acc-btn-ghost { background:transparent; color:#6b7280; border:1px solid #d1d5db; padding:0.6rem 1.25rem; border-radius:8px; font-size:0.9rem; font-weight:500; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; gap:0.5rem; transition:all 0.15s; }
    .acc-btn-ghost:hover { border-color:#9ca3af; color:#374151; }
    .acc-form-actions { display:flex; gap:0.75rem; margin-top:1.5rem; }
    @media(max-width:640px) { .acc-form-row { grid-template-columns:1fr; } }
</style>
@endpush

@section('content')
<div class="acc-page-header">
    <h1><i class="fa-solid fa-pen-to-square"></i> إضافة تصحيح حضور</h1>
</div>

<div class="acc-card">
    <form method="POST" action="/attendance-corrections">
        @csrf

        <div class="acc-form-group">
            <label>الموظف</label>
            <select name="employee_id" required>
                <option value="">اختر الموظف...</option>
                @foreach($employees as $emp)
                    <option value="{{ $emp->id }}">{{ $emp->full_name }}</option>
                @endforeach
            </select>
        </div>

        <div class="acc-form-group">
            <label>التاريخ</label>
            <input type="date" name="date" required value="{{ old('date', date('Y-m-d')) }}">
        </div>

        <div class="acc-form-row">
            <div class="acc-form-group">
                <label>وقت الحضور الأصلي</label>
                <input type="time" name="original_check_in">
            </div>
            <div class="acc-form-group">
                <label>وقت الانصراف الأصلي</label>
                <input type="time" name="original_check_out">
            </div>
        </div>

        <div class="acc-form-row">
            <div class="acc-form-group">
                <label>وقت الحضور المصحّح</label>
                <input type="time" name="check_in">
            </div>
            <div class="acc-form-group">
                <label>وقت الانصراف المصحّح</label>
                <input type="time" name="check_out">
            </div>
        </div>

        <div class="acc-form-group">
            <label>سبب التصحيح</label>
            <textarea name="reason" required placeholder="اكتب سبب طلب التصحيح...">{{ old('reason') }}</textarea>
        </div>

        <div class="acc-form-actions">
            <button type="submit" class="acc-btn-primary"><i class="fa-solid fa-check"></i> تقديم الطلب</button>
            <a href="/attendance-corrections" class="acc-btn-ghost"><i class="fa-solid fa-arrow-right"></i> رجوع</a>
        </div>
    </form>
</div>
@endsection