@extends('layouts.app')

@section('title', 'Manual Attendance Entry')

@section('breadcrumbs')
    <div class="breadcrumb">
        <a href="{{ route('dashboard') }}">Dashboard</a>
        <span class="separator">/</span>
        <a href="{{ route('attendance.dashboard') }}">Attendance</a>
        <span class="separator">/</span>
        <span class="current">Manual Entry</span>
    </div>
@endsection

@section('content')
<div class="max-w-2xl mx-auto">
    <div class="mb-6">
        <h1 class="font-display text-2xl font-semibold text-gray-900">Manual Attendance Entry</h1>
        <p class="text-sm text-gray-500 mt-1">Add or update an attendance record manually.</p>
    </div>

    <div class="card">
        <div class="card-body">
            <form action="{{ route('attendance.manual.store') }}" method="POST" class="space-y-5">
                @csrf

                {{-- Employee --}}
                <div>
                    <label for="employee_id" class="form-label">Employee <span class="text-danger-500">*</span></label>
                    <select name="employee_id" id="employee_id" class="form-select @error('employee_id') form-input-error @enderror" required>
                        <option value="">Select Employee</option>
                        @foreach($employees as $emp)
                            <option value="{{ $emp->id }}" {{ old('employee_id') == $emp->id ? 'selected' : '' }}>
                                {{ $emp->full_name }} ({{ $emp->employee_code }})
                            </option>
                        @endforeach
                    </select>
                    @error('employee_id')
                        <p class="form-error">{{ $message }}</p>
                    @enderror
                </div>

                {{-- Date --}}
                <div>
                    <label for="date" class="form-label">Date <span class="text-danger-500">*</span></label>
                    <input type="date" name="date" id="date" value="{{ old('date', now()->format('Y-m-d')) }}"
                        max="{{ now()->format('Y-m-d') }}"
                        class="form-input @error('date') form-input-error @enderror" required>
                    @error('date')
                        <p class="form-error">{{ $message }}</p>
                    @enderror
                </div>

                {{-- Clock In / Clock Out --}}
                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                    <div>
                        <label for="clock_in" class="form-label">Clock In Time</label>
                        <input type="time" name="clock_in" id="clock_in" value="{{ old('clock_in') }}"
                            class="form-input @error('clock_in') form-input-error @enderror">
                        @error('clock_in')
                            <p class="form-error">{{ $message }}</p>
                        @enderror
                    </div>
                    <div>
                        <label for="clock_out" class="form-label">Clock Out Time</label>
                        <input type="time" name="clock_out" id="clock_out" value="{{ old('clock_out') }}"
                            class="form-input @error('clock_out') form-input-error @enderror">
                        @error('clock_out')
                            <p class="form-error">{{ $message }}</p>
                        @enderror
                    </div>
                </div>

                {{-- Status --}}
                <div>
                    <label for="status" class="form-label">Status <span class="text-danger-500">*</span></label>
                    <select name="status" id="status" class="form-select @error('status') form-input-error @enderror" required>
                        <option value="present" {{ old('status') == 'present' ? 'selected' : '' }}>Present</option>
                        <option value="absent" {{ old('status') == 'absent' ? 'selected' : '' }}>Absent</option>
                        <option value="half_day" {{ old('status') == 'half_day' ? 'selected' : '' }}>Half Day</option>
                        <option value="holiday" {{ old('status') == 'holiday' ? 'selected' : '' }}>Holiday</option>
                        <option value="weekend" {{ old('status') == 'weekend' ? 'selected' : '' }}>Weekend</option>
                    </select>
                    @error('status')
                        <p class="form-error">{{ $message }}</p>
                    @enderror
                </div>

                {{-- Notes --}}
                <div>
                    <label for="notes" class="form-label">Notes</label>
                    <textarea name="notes" id="notes" rows="3"
                        class="form-input @error('notes') form-input-error @enderror"
                        placeholder="Reason for manual entry...">{{ old('notes') }}</textarea>
                    @error('notes')
                        <p class="form-error">{{ $message }}</p>
                    @enderror
                </div>

                <div class="flex items-center justify-end gap-3 pt-2">
                    <a href="{{ route('attendance.dashboard') }}" class="btn-secondary">Cancel</a>
                    <button type="submit" class="btn-primary">
                        <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
                        Save Attendance
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection