@extends('layouts.student')
@section('title','My Profile')

@section('content')
<div class="row justify-content-center">
<div class="col-lg-7">

<div class="card dashboard-card">
    <div class="card-header bg-white border-bottom py-3">
        <h6 class="fw-bold mb-0"><i class="bi bi-person-circle me-2 text-primary"></i>Complete Your Profile</h6>
    </div>
    <div class="card-body p-4">

        {{-- Reg Number display --}}
        @if($profile)
        <div class="alert alert-primary d-flex align-items-center gap-3 mb-4">
            <i class="bi bi-person-badge fs-3"></i>
            <div>
                <div class="fw-bold">Your Registration Number</div>
                <div class="fs-5 font-monospace">{{ $profile->reg_number }}</div>
            </div>
        </div>
        @endif

        <form method="POST" action="{{ route('student.profile.update') }}" enctype="multipart/form-data">
            @csrf @method('PUT')

            <div class="row g-3">
                <div class="col-md-6">
                    <label class="form-label fw-semibold">Phone Number <span class="text-danger">*</span></label>
                    <input type="text" name="phone" class="form-control @error('phone') is-invalid @enderror"
                           value="{{ old('phone', $profile?->phone) }}" placeholder="08012345678" required>
                    @error('phone')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold">Date of Birth <span class="text-danger">*</span></label>
                    <input type="date" name="date_of_birth" class="form-control @error('date_of_birth') is-invalid @enderror"
                           value="{{ old('date_of_birth', $profile?->date_of_birth?->format('Y-m-d')) }}" required>
                    @error('date_of_birth')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold">Gender <span class="text-danger">*</span></label>
                    <select name="gender" class="form-select @error('gender') is-invalid @enderror" required>
                        <option value="">-- Select --</option>
                        <option value="male"   {{ old('gender', $profile?->gender) === 'male'   ? 'selected' : '' }}>Male</option>
                        <option value="female" {{ old('gender', $profile?->gender) === 'female' ? 'selected' : '' }}>Female</option>
                    </select>
                    @error('gender')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold">State of Origin <span class="text-danger">*</span></label>
                    <select name="state_of_origin" class="form-select" required>
                        <option value="">-- Select State --</option>
                        @foreach($states as $state)
                            <option value="{{ $state }}" {{ old('state_of_origin', $profile?->state_of_origin) === $state ? 'selected' : '' }}>
                                {{ $state }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold">LGA</label>
                    <input type="text" name="lga" class="form-control"
                           value="{{ old('lga', $profile?->lga) }}" placeholder="Local Government Area">
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold">School Name</label>
                    <input type="text" name="school_name" class="form-control"
                           value="{{ old('school_name', $profile?->school_name) }}" placeholder="Your school">
                </div>
                <div class="col-12">
                    <label class="form-label fw-semibold">Passport Photo</label>
                    @if($profile?->passport_photo)
                        <div class="mb-2">
                            <img src="{{ asset('storage/'.$profile->passport_photo) }}"
                                 class="rounded border" width="80" height="80" style="object-fit:cover">
                            <small class="text-muted ms-2">Current photo. Upload new to replace.</small>
                        </div>
                    @endif
                    <input type="file" name="passport_photo" class="form-control" accept="image/*">
                    <small class="text-muted">Max 2MB. JPG or PNG.</small>
                </div>
            </div>

            <div class="mt-4">
                <button type="submit" class="btn btn-primary px-4">
                    <i class="bi bi-check-lg me-1"></i>Save Profile
                </button>
            </div>
        </form>
    </div>
</div>
</div>
</div>
@endsection