@extends('layouts.app')
@section('title', 'Complete Your Profile')
@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-6">
            <div class="card border-0 shadow-sm">
                <div class="card-body p-4">
                    <div class="text-center mb-4">
                        <i class="bi bi-person-vcard text-primary" style="font-size:2.5rem"></i>
                        <h5 class="mt-2 fw-bold">Complete Your Profile</h5>
                        <p class="text-muted small">Please fill in your details before proceeding.</p>
                    </div>

                    @if($errors->any())
                    <div class="alert alert-danger py-2">
                        <ul class="mb-0 ps-3">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
                    </div>
                    @endif

                    <form method="POST" action="{{ route('student.profile.setup.store') }}" enctype="multipart/form-data">
                        @csrf
                        <div class="mb-3">
                            <label class="form-label">Student ID <span class="text-danger">*</span></label>
                            <input type="text" name="student_id" class="form-control text-uppercase"
                                value="{{ old('student_id', $profile->student_id) }}" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Phone Number</label>
                            <input type="text" name="phone" class="form-control" value="{{ old('phone', $profile->phone) }}">
                        </div>
                        <div class="mb-3">
                            <label class="form-label">IC Number (MyKad)</label>
                            <input type="text" name="ic_number" class="form-control" value="{{ old('ic_number', $profile->ic_number) }}">
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Intake</label>
                            <select name="intake" class="form-select">
                                <option value="">— Select your intake —</option>
                                @foreach($intakes as $option)
                                <option value="{{ $option }}" @selected(old('intake', $profile->intake) === $option)>{{ $option }}</option>
                                @endforeach
                            </select>
                            <div class="form-text">Ask your faculty administrator if your intake is not listed.</div>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Profile Photo</label>
                            <input type="file" name="photo" class="form-control" accept="image/*">
                        </div>
                        <button type="submit" class="btn btn-primary w-100">Save & Continue</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection