@extends('layouts.app')

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

@section('content')
<div class="card" style="max-width:640px;">
    <h2 style="font-size:17px;color:#0b4f2c;margin-bottom:16px;">Edit {{ $student->full_name }}</h2>

    <form method="POST" action="{{ url('/api/students/' . $student->id) }}">
        @csrf
        @method('PATCH')
        <div style="display:flex;gap:10px;margin-bottom:12px;">
            <div style="flex:1;">
                <label style="display:block;font-size:12px;margin-bottom:4px;">First Name</label>
                <input type="text" name="first_name" value="{{ $student->first_name }}" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;">
            </div>
            <div style="flex:1;">
                <label style="display:block;font-size:12px;margin-bottom:4px;">Last Name</label>
                <input type="text" name="last_name" value="{{ $student->last_name }}" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;">
            </div>
        </div>

        <div style="display:flex;gap:10px;margin-bottom:12px;">
            <div style="flex:1;">
                <label style="display:block;font-size:12px;margin-bottom:4px;">Class Arm</label>
                <select name="class_arm_id" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;">
                    @foreach($classArms as $arm)
                        <option value="{{ $arm->id }}" {{ $student->class_arm_id == $arm->id ? 'selected' : '' }}>{{ $arm->schoolClass->name }} {{ $arm->name }}</option>
                    @endforeach
                </select>
            </div>
            <div style="flex:1;">
                <label style="display:block;font-size:12px;margin-bottom:4px;">Status</label>
                <select name="status" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;">
                    @foreach(['Active','Graduated','Transferred','Withdrawn'] as $status)
                        <option value="{{ $status }}" {{ $student->status === $status ? 'selected' : '' }}>{{ $status }}</option>
                    @endforeach
                </select>
            </div>
        </div>

        <div style="display:flex;gap:10px;margin-bottom:16px;">
            <div style="flex:1;">
                <label style="display:block;font-size:12px;margin-bottom:4px;">Guardian Phone</label>
                <input type="text" name="guardian_phone" value="{{ $student->guardian_phone }}" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;">
            </div>
            <div style="flex:1;">
                <label style="display:block;font-size:12px;margin-bottom:4px;">Guardian Email</label>
                <input type="email" name="guardian_email" value="{{ $student->guardian_email }}" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;">
            </div>
        </div>

        <button type="submit" style="background:#0b4f2c;color:#fff;border:none;padding:10px 22px;border-radius:6px;font-size:13px;cursor:pointer;">Save Changes</button>
    </form>
</div>
@endsection