@extends('layouts.app')

@section('content')
<div class="page-header">
    <h4><i class="bi bi-pencil-square me-2" style="color:#ca8a04;"></i>Edit Data Guru</h4>
    <p>Ubah informasi guru pada formulir di bawah ini sesuai data terbaru.</p>
</div>

<div class="card card-table p-4" style="border-radius: 14px; border: none; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);">

    {{-- Notifikasi Error Validasi --}}
    @if($errors->any())
    <div class="alert alert-danger py-2" style="border-radius: 8px; font-size: 0.875rem;">
        <ul class="mb-0 ps-3">
            @foreach($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif

    {{-- Form Edit Data --}}
    <form action="{{ route('guru.update', $guru->id) }}" method="POST">
        @csrf
        @method('PUT') {{-- Wajib di Laravel untuk proses Update/PUT --}}

        <div class="row g-3">
            {{-- Input NIP --}}
            <div class="col-md-6">
                <label for="nip" class="form-label small fw-semibold text-secondary">NIP</label>
                <input type="text" name="nip" id="nip" class="form-control" value="{{ old('nip', $guru->nip) }}"
                    placeholder="Contoh: 198501012010011001" required>
            </div>

            {{-- Input Nama Lengkap --}}
            <div class="col-md-6">
                <label for="nama" class="form-label small fw-semibold text-secondary">Nama Lengkap</label>
                <input type="text" name="nama" id="nama" class="form-control" value="{{ old('nama', $guru->nama) }}"
                    placeholder="Masukkan nama lengkap" required>
            </div>

            {{-- Input Mata Pelajaran --}}
            <div class="col-md-6">
                <label for="mata_pelajaran" class="form-label small fw-semibold text-secondary">Mata Pelajaran</label>
                <input type="text" name="mata_pelajaran" id="mata_pelajaran" class="form-control"
                    value="{{ old('mata_pelajaran', $guru->mata_pelajaran) }}" placeholder="Contoh: Matematika atau Bahasa Indonesia" required>
            </div>

            {{-- Input Jenis Kelamin --}}
            <div class="col-md-6">
                <label for="jenis_kelamin" class="form-label small fw-semibold text-secondary">Jenis Kelamin</label>
                <select name="jenis_kelamin" id="jenis_kelamin" class="form-select" required>
                    <option value="Laki-laki" {{ old('jenis_kelamin', $guru->jenis_kelamin) == 'Laki-laki' ? 'selected'
                        : '' }}>Laki-laki</option>
                    <option value="Perempuan" {{ old('jenis_kelamin', $guru->jenis_kelamin) == 'Perempuan' ? 'selected'
                        : '' }}>Perempuan</option>
                </select>
            </div>

            {{-- Input Alamat Rumah --}}
            <div class="col-12">
                <label for="alamat" class="form-label small fw-semibold text-secondary">Alamat Rumah Lengkap</label>
                <textarea name="alamat" id="alamat" class="form-control" rows="3"
                    placeholder="Masukkan alamat tempat tinggal..."
                    required>{{ old('alamat', $guru->alamat) }}</textarea>
            </div>
        </div>

        {{-- Tombol Aksi --}}
        <div class="mt-4 pt-3 border-top d-flex gap-2">
            <button type="submit" class="btn btn-warning text-dark fw-bold d-flex align-items-center gap-2"
                style="border-radius: 8px;">
                <i class="bi bi-check-circle"></i> Perbarui Data
            </button>
            <a href="{{ route('guru.index') }}" class="btn btn-light border" style="border-radius: 8px;">Batal</a>
        </div>
    </form>
</div>
@endsection