@extends('layouts.student')

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

@section('content')
<div class="container mt-4">
    <div class="card shadow-sm">
        <div class="card-header bg-primary text-white">
            <h5 class="mb-0">Student Profile</h5>
        </div>

        <div class="card-body">
            @if(session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
            @endif

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

                <table class="table table-bordered">
                    <tr>
                        <th class="bg-light">Registration Number</th>
                        <td><input type="text" class="form-control" value="{{ $registrationNumber }}" readonly></td>
                    </tr>
                    <tr>
                        <th class="bg-light">First Name</th>
                        <td><input type="text" name="first_name" class="form-control" value="{{ $student->first_name }}" required></td>
                    </tr>
                    <tr>
                        <th class="bg-light">Last Name</th>
                        <td><input type="text" name="last_name" class="form-control" value="{{ $student->last_name }}" required></td>
                    </tr>
                    <tr>
                        <th class="bg-light">National ID / Passport</th>
                        <td><input type="text" name="national_id" class="form-control" value="{{ $student->national_id }}" required></td>
                    </tr>
                    <tr>
                        <th class="bg-light">Date of Birth</th>
                        <td><input type="date" name="dob" class="form-control" value="{{ $student->dob }}" required></td>
                    </tr>
                    <tr>
                        <th class="bg-light">Programme</th>
                        <td><input type="text" class="form-control" value="{{ $programme }}" readonly></td>
                    </tr>
                    <tr>
                        <th class="bg-light">Attendance Mode</th>
                        <td><input type="text" class="form-control" value="{{ $attendanceMode }}" readonly></td>
                    </tr>
                    <tr>
                        <th class="bg-light">Credits</th>
                        <td><input type="text" class="form-control" value="{{ $credits }}" readonly></td>
                    </tr>
                    <tr>
                        <th class="bg-light">Duration</th>
                        <td><input type="text" class="form-control" value="{{ is_numeric($duration) ? $duration . ' year(s)' : $duration }}" readonly></td>
                    </tr>
                    <tr>
                        <th class="bg-light">Status</th>
                        <td><input type="text" class="form-control" value="{{ $status }}" readonly></td>
                    </tr>
                </table>

                <div class="text-end">
                    <button type="submit" class="btn btn-success">Update Profile</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection