@extends('layouts.app')

@section('content')
<div class="container-fluid py-4">
    <div class="row justify-content-center">
        <div class="col-lg-8 col-xl-7">

            {{-- 🩵 Header --}}
            <div class="card border-0 shadow-lg rounded-4 overflow-hidden mb-4">
                <div class="card-header bg-gradient text-white py-3"
                     style="background: linear-gradient(135deg, #3b82f6, #06b6d4);">
                    <div class="d-flex justify-content-between align-items-center">
                        <h4 class="mb-0 fw-semibold">
                            <i class="fas fa-pen-to-square me-2"></i> Edit Student
                        </h4>
                        <a href="{{ route('students.index') }}" class="btn btn-light btn-sm rounded-pill shadow-sm">
                            <i class="fas fa-arrow-left me-1"></i> Back
                        </a>
                    </div>
                </div>

                <div class="card-body bg-light">
                    <form action="{{ route('students.update', $student->id) }}" method="POST" autocomplete="off">
                        @csrf
                        @method('PUT')

                        {{-- 🧑 Linked User Dropdown (only active student users) --}}
                        <div class="mb-3">
                            <label for="user_id" class="form-label fw-semibold text-secondary">
                                <i class="fas fa-user-graduate me-2 text-teal"></i>Linked User Account *
                            </label>
                            <select id="user_id" name="user_id" class="form-select shadow-sm" required>
                                <option value="">Select User</option>
                                @foreach($users as $user)
                                    <option value="{{ $user->id }}" {{ $student->user_id == $user->id ? 'selected' : '' }}>
                                        {{ $user->username }} ({{ $user->email }})
                                    </option>
                                @endforeach
                            </select>
                            <small class="text-muted">Select an active user with the <strong>student</strong> role.</small>
                            @error('user_id')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                        </div>

                        {{-- 🧾 Editable Username (from linked user) --}}
                        <div class="mb-3">
                            <label for="username" class="form-label fw-semibold text-secondary">
                                <i class="fas fa-id-card me-2 text-teal"></i>Username *
                            </label>
                            <input type="text" id="username" name="username" class="form-control shadow-sm"
                                   value="{{ old('username', $student->user->username ?? '') }}" required maxlength="50">
                            <small class="text-muted">Updating this will also change the linked user’s username.</small>
                            @error('username')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                        </div>

                        {{-- ✏️ Full Name --}}
                        <div class="mb-3">
                            <label for="name" class="form-label fw-semibold text-secondary">
                                <i class="fas fa-user me-2 text-teal"></i>Full Name *
                            </label>
                            <input type="text" id="name" name="name" class="form-control shadow-sm"
                                   value="{{ old('name', $student->name) }}" required maxlength="120">
                            @error('name')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                        </div>

                        {{-- 🪪 National ID --}}
                        <div class="mb-3">
                            <label for="national_id" class="form-label fw-semibold text-secondary">
                                <i class="fas fa-id-badge me-2 text-teal"></i>National ID *
                            </label>
                            <input type="text" id="national_id" name="national_id" class="form-control shadow-sm"
                                   value="{{ old('national_id', $student->national_id) }}" required maxlength="50">
                            @error('national_id')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                        </div>

                        {{-- 👨‍👩 Father’s Name --}}
                        <div class="mb-3">
                            <label for="father_name" class="form-label fw-semibold text-secondary">
                                <i class="fas fa-user-tie me-2 text-teal"></i>Father’s Name
                            </label>
                            <input type="text" id="father_name" name="father_name" class="form-control shadow-sm"
                                   value="{{ old('father_name', $student->father_name) }}" maxlength="120">
                            @error('father_name')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                        </div>

                        {{-- ☎️ Phone --}}
                        <div class="mb-3">
                            <label for="phone" class="form-label fw-semibold text-secondary">
                                <i class="fas fa-phone me-2 text-teal"></i>Phone
                            </label>
                            <input type="text" id="phone" name="phone" class="form-control shadow-sm"
                                   value="{{ old('phone', $student->phone) }}" maxlength="30" placeholder="+1234567890">
                            @error('phone')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                        </div>

                        {{-- 🏫 Institute ID (read-only) --}}
                        <div class="mb-3">
                            <label for="institute_id" class="form-label fw-semibold text-secondary">
                                <i class="fas fa-building-columns me-2 text-teal"></i>Institute ID
                            </label>
                            <input type="text" id="institute_id" class="form-control shadow-sm bg-secondary-subtle"
                                   value="{{ $student->institute_id }}" readonly>
                            <small class="text-muted">This ID is system-assigned and cannot be changed.</small>
                        </div>

                        {{-- ⚙️ Status --}}
                        <div class="mb-3">
                            <label for="status" class="form-label fw-semibold text-secondary">
                                <i class="fas fa-signal me-2 text-teal"></i>Status
                            </label>
                            <select id="status" name="status" class="form-select shadow-sm">
                                <option value="active" {{ $student->status == 'active' ? 'selected' : '' }}>Active</option>
                                <option value="inactive" {{ $student->status == 'inactive' ? 'selected' : '' }}>Inactive</option>
                                <option value="suspended" {{ $student->status == 'suspended' ? 'selected' : '' }}>Suspended</option>
                                <option value="graduated" {{ $student->status == 'graduated' ? 'selected' : '' }}>Graduated</option>
                            </select>
                            @error('status')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                        </div>

                        {{-- 🎓 Batch --}}
                        <div class="mb-4">
                            <label for="batch_id" class="form-label fw-semibold text-secondary">
                                <i class="fas fa-layer-group me-2 text-teal"></i>Assign to Batch
                            </label>
                            <select id="batch_id" name="batch_id" class="form-select shadow-sm">
                                <option value="">Select Batch</option>
                                @foreach($batches as $batch)
                                    <option value="{{ $batch->id }}" {{ $student->batch_id == $batch->id ? 'selected' : '' }}>
                                        {{ $batch->name }}
                                    </option>
                                @endforeach
                            </select>
                            <small class="text-muted">You can reassign the student to a different batch anytime.</small>
                            @error('batch_id')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                        </div>

                        {{-- ✅ Actions --}}
                        <div class="d-flex justify-content-between mt-4">
                            <a href="{{ route('students.show', $student->id) }}" class="btn btn-outline-secondary">
                                <i class="fas fa-eye me-1"></i> View Profile
                            </a>
                            <button type="submit" class="btn btn-success">
                                <i class="fas fa-save me-1"></i> Update Student
                            </button>
                        </div>

                    </form>
                </div>
            </div>

        </div>
    </div>
</div>
@endsection