@extends('adminlte::page')

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

@section('content_header')
    <h1 class="mb-3"><i class="fas fa-user-graduate"></i> Edit Student</h1>
@stop

@section('content')
<div class="card shadow">
    <div class="card-body">
        <form action="{{ route('students.update', $student->id) }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')

            <div class="row mb-3">
                <div class="col-md-4">
                    <label for="admission_no" class="form-label">Admission No</label>
                    <input type="text" name="admission_no" class="form-control @error('admission_no') is-invalid @enderror" value="{{ old('admission_no', $student->admission_no) }}">
                    @error('admission_no') <span class="invalid-feedback">{{ $message }}</span> @enderror
                </div>

                <div class="col-md-4">
                    <label for="first_name" class="form-label">First Name</label>
                    <input type="text" name="first_name" class="form-control @error('first_name') is-invalid @enderror" value="{{ old('first_name', $student->first_name) }}">
                    @error('first_name') <span class="invalid-feedback">{{ $message }}</span> @enderror
                </div>

                <div class="col-md-4">
                    <label for="last_name" class="form-label">Last Name</label>
                    <input type="text" name="last_name" class="form-control @error('last_name') is-invalid @enderror" value="{{ old('last_name', $student->last_name) }}">
                    @error('last_name') <span class="invalid-feedback">{{ $message }}</span> @enderror
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-md-3">
                    <label for="gender" class="form-label">Gender</label>
                    <select name="gender" class="form-control @error('gender') is-invalid @enderror">
                        <option value="">Select Gender</option>
                        <option value="male" {{ old('gender', $student->gender) == 'male' ? 'selected' : '' }}>Male</option>
                        <option value="female" {{ old('gender', $student->gender) == 'female' ? 'selected' : '' }}>Female</option>
                    </select>
                    @error('gender') <span class="invalid-feedback">{{ $message }}</span> @enderror
                </div>

                <div class="col-md-3">
                    <label for="date_of_birth" class="form-label">Date of Birth</label>
                    <input type="date" name="date_of_birth" class="form-control @error('date_of_birth') is-invalid @enderror" value="{{ old('date_of_birth', $student->date_of_birth) }}">
                    @error('date_of_birth') <span class="invalid-feedback">{{ $message }}</span> @enderror
                </div>

                <div class="col-md-3">
                    <label for="photo" class="form-label">Photo</label>
                    <input type="file" name="photo" class="form-control @error('photo') is-invalid @enderror" accept="image/*" onchange="previewPhoto(event)">
                    @error('photo') <span class="invalid-feedback">{{ $message }}</span> @enderror
                    @if($student->photo)
                        <img id="current-photo" src="{{ asset('storage/' . $student->photo) }}" class="img-thumbnail mt-2" style="width:100px; height:100px; object-fit:cover;">
                    @endif
                    <img id="photo-preview" src="#" alt="Photo Preview" class="img-thumbnail mt-2" style="display:none; width:100px; height:100px; object-fit:cover;">
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-md-3">
                    <label for="guardian_id" class="form-label">Guardian</label>
                    <select name="guardian_id" class="form-control @error('guardian_id') is-invalid @enderror">
                        <option value="">Select Guardian</option>
                        @foreach($guardians as $guardian)
                            <option value="{{ $guardian->id }}" {{ old('guardian_id', $student->guardian_id) == $guardian->id ? 'selected' : '' }}>
                                {{ $guardian->first_name }} {{ $guardian->last_name }}
                            </option>
                        @endforeach
                    </select>
                    @error('guardian_id') <span class="invalid-feedback">{{ $message }}</span> @enderror
                </div>

                <div class="col-md-3">
                    <label for="class_id" class="form-label">Class</label>
                    <select name="class_id" class="form-control @error('class_id') is-invalid @enderror">
                        <option value="">Select Class</option>
                        @foreach($classes as $class)
                            <option value="{{ $class->id }}" {{ old('class_id', $student->class_id) == $class->id ? 'selected' : '' }}>
                                {{ $class->name }}
                            </option>
                        @endforeach
                    </select>
                    @error('class_id') <span class="invalid-feedback">{{ $message }}</span> @enderror
                </div>

                <div class="col-md-3">
                    <label for="dormitory_id" class="form-label">Dormitory</label>
                    <select name="dormitory_id" class="form-control @error('dormitory_id') is-invalid @enderror">
                        <option value="">Select Dormitory</option>
                        @foreach($dormitories as $dorm)
                            <option value="{{ $dorm->id }}" {{ old('dormitory_id', $student->dormitory_id) == $dorm->id ? 'selected' : '' }}>
                                {{ $dorm->name }}
                            </option>
                        @endforeach
                    </select>
                    @error('dormitory_id') <span class="invalid-feedback">{{ $message }}</span> @enderror
                </div>

                <div class="col-md-3">
                    <label for="academic_session_id" class="form-label">Academic Session</label>
                    <select name="academic_session_id" class="form-control @error('academic_session_id') is-invalid @enderror">
                        <option value="">Select Session</option>
                        @foreach($sessions as $session)
                            <option value="{{ $session->id }}" {{ old('academic_session_id', $student->academic_session_id) == $session->id ? 'selected' : '' }}>
                                {{ $session->name }}
                            </option>
                        @endforeach
                    </select>
                    @error('academic_session_id') <span class="invalid-feedback">{{ $message }}</span> @enderror
                </div>
            </div>

            <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> Update Student</button>
            <a href="{{ route('students.index') }}" class="btn btn-secondary"><i class="fas fa-arrow-left"></i> Back</a>
        </form>
    </div>
</div>
@stop

@push('js')
<script>
function previewPhoto(event) {
    const output = document.getElementById('photo-preview');
    output.src = URL.createObjectURL(event.target.files[0]);
    output.style.display = 'block';
    // optionally hide current photo if exists
    const currentPhoto = document.getElementById('current-photo');
    if (currentPhoto) currentPhoto.style.display = 'none';
}
</script>
@endpush