@extends('layouts.app')

@section('title', isset($attendance) ? 'Edit Attendance' : 'Add Attendance')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="mb-0">
                        @if(isset($attendance))
                            Edit Attendance
                        @else
                            Add Attendance
                        @endif
                    </h5>
                    <a href="{{ route('attendance.index') }}" class="btn btn-secondary">
                        <i class="fas fa-arrow-left me-2"></i>Back to List
                    </a>
                </div>
                <div class="card-body">
                    <form action="{{ isset($attendance) ? route('attendance.update', $attendance->id) : route('attendance.store') }}" method="POST">
                        @csrf
                        @if(isset($attendance))
                            @method('PUT')
                        @endif

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="user_id" class="form-label">Employee</label>
                                    <select class="form-select" id="user_id" name="user_id" required @error('user_id') is-invalid @enderror>
                                        <option value="">Select Employee</option>
                                        @foreach($employees as $employee)
                                            <option value="{{ $employee->id }}" {{ old('user_id', $attendance->user_id ?? '') == $employee->id ? 'selected' : '' }}>
                                                {{ $employee->full_name }} ({{ $employee->profile->employee_id ?? 'N/A' }})
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('user_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="attendance_date" class="form-label">Date</label>
                                    <input type="date" class="form-control" id="attendance_date" name="attendance_date" 
                                           value="{{ old('attendance_date', $attendance->in_date?->format('Y-m-d') ?? now()->format('Y-m-d')) }}" required
                                           @error('attendance_date') is-invalid @enderror>
                                    @error('attendance_date')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="punch_in_time" class="form-label">Punch In Time</label>
                                    <input type="time" class="form-control" id="punch_in_time" name="punch_in_time" 
                                           value="{{ old('punch_in_time', $attendance->punch_in_time ? \Carbon\Carbon::parse($attendance->punch_in_time)->format('H:i') : '') }}"
                                           @error('punch_in_time') is-invalid @enderror>
                                    @error('punch_in_time')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="punch_out_time" class="form-label">Punch Out Time</label>
                                    <input type="time" class="form-control" id="punch_out_time" name="punch_out_time" 
                                           value="{{ old('punch_out_time', $attendance->punch_out_time ? \Carbon\Carbon::parse($attendance->punch_out_time)->format('H:i') : '') }}"
                                           @error('punch_out_time') is-invalid @enderror>
                                    @error('punch_out_time')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="status_id" class="form-label">Status</label>
                                    <select class="form-select" id="status_id" name="status_id" required @error('status_id') is-invalid @enderror>
                                        <option value="">Select Status</option>
                                        @foreach($statuses as $status)
                                            <option value="{{ $status->id }}" {{ old('status_id', $attendance->status_id ?? '') == $status->id ? 'selected' : '' }}>
                                                {{ $status->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('status_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="behavior" class="form-label">Behavior</label>
                                    <select class="form-select" id="behavior" name="behavior" @error('behavior') is-invalid @enderror>
                                        <option value="">Select Behavior</option>
                                        <option value="regular" {{ old('behavior', $attendance->behavior ?? '') == 'regular' ? 'selected' : '' }}>Regular</option>
                                        <option value="early" {{ old('behavior', $attendance->behavior ?? '') == 'early' ? 'selected' : '' }}>Early</option>
                                        <option value="late" {{ old('behavior', $attendance->behavior ?? '') == 'late' ? 'selected' : '' }}>Late</option>
                                    </select>
                                    @error('behavior')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="mb-3">
                            <label for="notes" class="form-label">Notes</label>
                            <textarea class="form-control" id="notes" name="notes" rows="3" @error('notes') is-invalid @enderror>{{ old('notes', $attendance->notes ?? '') }}</textarea>
                            @error('notes')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="d-flex justify-content-end">
                            <a href="{{ route('attendance.index') }}" class="btn btn-secondary me-2">Cancel</a>
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-save me-2"></i>
                                @if(isset($attendance))
                                    Update Attendance
                                @else
                                    Create Attendance
                                @endif
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection