@extends('layouts.app')
@section('title', 'Result Lock / Unlock')
@section('content')
<div class="card" style="max-width:560px;">
    <h2 style="font-size:17px;color:#0b4f2c;margin-bottom:16px;">Result Lock / Unlock</h2>
    <p style="font-size:12.5px;color:#777;margin-bottom:16px;">
        Locking prevents teachers from editing scores for the selected term (optionally scoped
        to one class arm). Use this after results are approved and published.
    </p>
    <form method="POST" action="{{ url('/api/terms/lock') }}" style="margin-bottom:16px;">
        @csrf
        <label style="display:block;font-size:12px;margin-bottom:4px;">Term</label>
        <select name="term_id" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;margin-bottom:12px;">
            @foreach($terms as $term)
                <option value="{{ $term->id }}">{{ $term->name }} — {{ $term->academicSession->name }}</option>
            @endforeach
        </select>
        <label style="display:block;font-size:12px;margin-bottom:4px;">Class Arm (optional — leave blank to lock the whole term)</label>
        <select name="class_arm_id" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;margin-bottom:16px;">
            <option value="">Whole term / all classes</option>
            @foreach($classArms as $arm)
                <option value="{{ $arm->id }}">{{ $arm->schoolClass->name }} {{ $arm->name }}</option>
            @endforeach
        </select>
        <div style="display:flex;gap:10px;">
            <button type="submit" formaction="{{ url('/api/terms/lock') }}" style="background:#a33;color:#fff;border:none;padding:9px 18px;border-radius:6px;font-size:13px;cursor:pointer;">Lock Results</button>
            <button type="submit" formaction="{{ url('/api/terms/unlock') }}" style="background:#f4f6f5;color:#333;border:none;padding:9px 18px;border-radius:6px;font-size:13px;cursor:pointer;">Unlock Results</button>
        </div>
    </form>
</div>
@endsection