@extends('layouts.app')

@section('title', 'Correct Attendance')

@section('content')
<div class="row">
    <div class="col-md-8">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="mb-0"><i class="bi bi-pencil-square me-2"></i>Correct Attendance Record</h5>
                <a href="{{ route('attendance.index') }}" class="btn btn-secondary btn-sm">
                    <i class="bi bi-arrow-left me-1"></i> Back
                </a>
            </div>
            <div class="card-body">
                <div class="alert alert-warning">
                    <i class="bi bi-exclamation-triangle me-1"></i>
                    <strong>Attendance Correction:</strong> You are correcting the attendance record for <strong>{{ $attendance->employee->name }}</strong>. 
                    This action will be logged with your name and timestamp.
                </div>

                <form action="{{ route('attendance.update', $attendance) }}" method="POST">
                    @csrf
                    @method('PUT')

                    <div class="mb-3">
                        <label for="employee_id" class="form-label">Employee</label>
                        <input type="text" class="form-control" value="{{ $attendance->employee->name }}" disabled>
                        <small class="text-muted">Employee cannot be changed. Delete and create new if needed.</small>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="attendance_date" class="form-label">Date <span class="text-danger">*</span></label>
                                <input type="date" name="attendance_date" id="attendance_date" 
                                    class="form-control @error('attendance_date') is-invalid @enderror" 
                                    value="{{ old('attendance_date', $attendance->attendance_date->format('Y-m-d')) }}" required>
                                @error('attendance_date')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="shift_id" class="form-label">Shift</label>
                                <select name="shift_id" id="shift_id" class="form-select @error('shift_id') is-invalid @enderror">
                                    <option value="">No Shift</option>
                                    @foreach($shifts as $shift)
                                        <option value="{{ $shift->id }}" 
                                            {{ old('shift_id', $attendance->shift_id) == $shift->id ? 'selected' : '' }}>
                                            {{ $shift->shift_name }} ({{ date('H:i', strtotime($shift->start_time)) }} - {{ date('H:i', strtotime($shift->end_time)) }})
                                        </option>
                                    @endforeach
                                </select>
                                @error('shift_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="clock_in" class="form-label">Clock In</label>
                                <input type="time" name="clock_in" id="clock_in" 
                                    class="form-control @error('clock_in') is-invalid @enderror" 
                                    value="{{ old('clock_in', $attendance->clock_in ? $attendance->clock_in->format('H:i') : '') }}">
                                @error('clock_in')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <small class="text-muted">Leave empty to remove clock-in</small>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="clock_out" class="form-label">Clock Out</label>
                                <input type="time" name="clock_out" id="clock_out" 
                                    class="form-control @error('clock_out') is-invalid @enderror" 
                                    value="{{ old('clock_out', $attendance->clock_out ? $attendance->clock_out->format('H:i') : '') }}">
                                @error('clock_out')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <small class="text-muted">Leave empty to remove clock-out</small>
                            </div>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="status" class="form-label">Status <span class="text-danger">*</span></label>
                        <select name="status" id="status" class="form-select @error('status') is-invalid @enderror" required>
                            <option value="present" {{ old('status', $attendance->status) == 'present' ? 'selected' : '' }}>Present</option>
                            <option value="late" {{ old('status', $attendance->status) == 'late' ? 'selected' : '' }}>Late</option>
                            <option value="leave" {{ old('status', $attendance->status) == 'leave' ? 'selected' : '' }}>Leave</option>
                            <option value="sick" {{ old('status', $attendance->status) == 'sick' ? 'selected' : '' }}>Sick</option>
                            <option value="absent" {{ old('status', $attendance->status) == 'absent' ? 'selected' : '' }}>Absent</option>
                        </select>
                        @error('status')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label for="correction_reason" class="form-label">Correction Reason <span class="text-danger">*</span></label>
                        <textarea name="correction_reason" id="correction_reason" rows="3" 
                            class="form-control @error('correction_reason') is-invalid @enderror" 
                            placeholder="Explain why this correction is needed..." required>{{ old('correction_reason') }}</textarea>
                        @error('correction_reason')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        <small class="text-danger">Required: This will be logged in the attendance notes</small>
                    </div>

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

                    @if($attendance->notes)
                    <div class="alert alert-secondary">
                        <strong>Previous Notes/Corrections:</strong><br>
                        {!! nl2br(e($attendance->notes)) !!}
                    </div>
                    @endif

                    <div class="d-flex justify-content-between">
                        <a href="{{ route('attendance.index') }}" class="btn btn-secondary">Cancel</a>
                        <button type="submit" class="btn btn-primary">
                            <i class="bi bi-check-circle me-1"></i> Save Correction
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Info Card -->
    <div class="col-md-4">
        <div class="card">
            <div class="card-header">
                <h6 class="mb-0">Original Data</h6>
            </div>
            <div class="card-body">
                <table class="table table-sm table-borderless">
                    <tr>
                        <td class="fw-bold">Employee:</td>
                        <td>{{ $attendance->employee->name }}</td>
                    </tr>
                    <tr>
                        <td class="fw-bold">Date:</td>
                        <td>{{ $attendance->attendance_date->format('d M Y') }}</td>
                    </tr>
                    <tr>
                        <td class="fw-bold">Clock In:</td>
                        <td>{{ $attendance->clock_in ? $attendance->clock_in->format('H:i') : '-' }}</td>
                    </tr>
                    <tr>
                        <td class="fw-bold">Clock Out:</td>
                        <td>{{ $attendance->clock_out ? $attendance->clock_out->format('H:i') : '-' }}</td>
                    </tr>
                    <tr>
                        <td class="fw-bold">Status:</td>
                        <td>
                            <span class="badge bg-{{ $attendance->status_color }}">
                                {{ $attendance->status_label }}
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <td class="fw-bold">Duration:</td>
                        <td>{{ $attendance->work_duration ? number_format($attendance->work_duration, 2) . ' hours' : '-' }}</td>
                    </tr>
                    @if($attendance->late_minutes)
                    <tr>
                        <td class="fw-bold">Late:</td>
                        <td class="text-danger">{{ $attendance->late_minutes }} minutes</td>
                    </tr>
                    @endif
                </table>
            </div>
        </div>

        <div class="card mt-3">
            <div class="card-header bg-danger text-white">
                <h6 class="mb-0">Danger Zone</h6>
            </div>
            <div class="card-body">
                <p class="small mb-2">Delete this attendance record permanently.</p>
                <form action="{{ route('attendance.destroy', $attendance) }}" method="POST" 
                    onsubmit="return confirm('Are you sure? This action cannot be undone!');">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger btn-sm w-100">
                        <i class="bi bi-trash me-1"></i> Delete Record
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection