@extends('layouts.app')
@section('title', 'Class Allocation')
@section('content')
<div class="card">
    <h2 style="font-size:17px;color:#0b4f2c;margin-bottom:16px;">Class Allocation</h2>
    <p style="font-size:12.5px;color:#777;margin-bottom:14px;">
        Bulk-move students from one class arm to another (e.g. splitting an oversized arm,
        or assigning new registrations). Select students on the target roster and submit —
        each posts to <code>PATCH /api/students/{id}</code> with the new <code>class_arm_id</code>.
    </p>
    <form method="GET">
        <select name="class_arm_id" style="padding:8px;border:1px solid #ddd;border-radius:6px;font-size:13px;margin-bottom:14px;">
            <option value="">Select a class arm to view its roster</option>
            @foreach($arms as $arm)
                <option value="{{ $arm->id }}">{{ $arm->schoolClass->name }} {{ $arm->name }}</option>
            @endforeach
        </select>
        <button type="submit" style="background:#0b4f2c;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12.5px;cursor:pointer;">Load Roster</button>
    </form>
</div>
@endsection