@extends('layouts.app')

@section('title', 'Edit Absensi')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2><i class="bi bi-pencil"></i> Edit Absensi</h2>
    <a href="{{ route('absensi.index') }}" class="btn btn-secondary">
        <i class="bi bi-arrow-left"></i> Kembali
    </a>
</div>

<div class="card">
    <div class="card-body">
        <form method="POST" action="{{ route('absensi.update', $absensi) }}">
            @csrf
            @method('PUT')
            
            <div class="row">
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="jam_masuk" class="form-label">Jam Masuk</label>
                        <input type="time" class="form-control @error('jam_masuk') is-invalid @enderror" 
                               id="jam_masuk" name="jam_masuk" 
                               value="{{ old('jam_masuk', $absensi->jam_masuk ? date('H:i', strtotime($absensi->jam_masuk)) : '') }}">
                        @error('jam_masuk')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="jam_keluar" class="form-label">Jam Keluar</label>
                        <input type="time" class="form-control @error('jam_keluar') is-invalid @enderror" 
                               id="jam_keluar" name="jam_keluar" 
                               value="{{ old('jam_keluar', $absensi->jam_keluar ? date('H:i', strtotime($absensi->jam_keluar)) : '') }}">
                        @error('jam_keluar')
                        <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" class="form-label">Status <span class="text-danger">*</span></label>
                        <select class="form-select @error('status') is-invalid @enderror" 
                                id="status" name="status" required>
                            <option value="Hadir" {{ old('status', $absensi->status) == 'Hadir' ? 'selected' : '' }}>Hadir</option>
                            <option value="Izin" {{ old('status', $absensi->status) == 'Izin' ? 'selected' : '' }}>Izin</option>
                            <option value="Sakit" {{ old('status', $absensi->status) == 'Sakit' ? 'selected' : '' }}>Sakit</option>
                            <option value="Cuti" {{ old('status', $absensi->status) == 'Cuti' ? 'selected' : '' }}>Cuti</option>
                            <option value="Alpha" {{ old('status', $absensi->status) == 'Alpha' ? 'selected' : '' }}>Alpha</option>
                            <option value="Terlambat" {{ old('status', $absensi->status) == 'Terlambat' ? 'selected' : '' }}>Terlambat</option>
                        </select>
                        @error('status')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>

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

            @if($absensi->canBeCorrected())
            <div class="alert alert-warning">
                <i class="bi bi-exclamation-triangle"></i> 
                <strong>Perhatian:</strong> Koreksi absensi hanya dapat dilakukan maksimal 7 hari setelah tanggal absensi. 
                Tanggal absensi: <strong>{{ $absensi->tanggal->format('d/m/Y') }}</strong>
            </div>
            @else
            <div class="alert alert-danger">
                <i class="bi bi-x-circle"></i> 
                <strong>Koreksi tidak dapat dilakukan:</strong> Koreksi absensi hanya dapat dilakukan maksimal 7 hari setelah tanggal absensi. 
                Tanggal absensi: <strong>{{ $absensi->tanggal->format('d/m/Y') }}</strong>
            </div>
            @endif

            <div class="mb-3">
                <label for="alasan_koreksi" class="form-label">Alasan Koreksi <span class="text-danger">*</span></label>
                <textarea class="form-control @error('alasan_koreksi') is-invalid @enderror" 
                          id="alasan_koreksi" name="alasan_koreksi" rows="3" 
                          placeholder="Wajib mengisi alasan koreksi minimal 10 karakter" required>{{ old('alasan_koreksi') }}</textarea>
                <small class="form-text text-muted">Alasan koreksi wajib diisi untuk audit trail. Minimal 10 karakter.</small>
                @error('alasan_koreksi')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="alert alert-info">
                <strong>Pegawai:</strong> {{ $absensi->pegawai->nama_lengkap }}<br>
                <strong>Tanggal:</strong> {{ $absensi->tanggal->format('d/m/Y') }}
            </div>

            <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                <a href="{{ route('absensi.index') }}" class="btn btn-secondary">Batal</a>
                <button type="submit" class="btn btn-primary">
                    <i class="bi bi-save"></i> Update
                </button>
            </div>
        </form>
    </div>
</div>
@endsection