@extends('layouts.app')

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

@section('content')
    <div class="mx-auto flex max-w-2xl flex-col gap-6">
        <div>
            <h1 class="text-lg font-semibold">School Profile</h1>
            <p class="text-xs text-muted-foreground">Institutional identity details shown across reports and documents</p>
        </div>

        <form method="post" action="{{ route('settings.profile.save') }}" class="flex flex-col gap-6">
            @csrf
            <section class="flex flex-col gap-3 rounded-xl border border-border bg-card p-4">
                <h2 class="text-xs font-semibold uppercase tracking-wide text-muted-foreground">Identity</h2>
                <div class="grid grid-cols-2 gap-3">
                    <x-field label="School name" required>
                        <x-input name="school_name" value="{{ old('school_name', $settings['school_name'] ?? 'Greenville Academy') }}" required />
                    </x-field>
                    <x-field label="Short name">
                        <x-input name="short_name" value="{{ old('short_name', $settings['short_name'] ?? 'GA') }}" />
                    </x-field>
                    <x-field label="Type">
                        <x-input name="type" value="{{ old('type', $settings['type'] ?? 'Secondary School') }}" />
                    </x-field>
                    <x-field label="Motto">
                        <x-input name="motto" value="{{ old('motto', $settings['motto'] ?? '') }}" />
                    </x-field>
                    <x-field label="Address">
                        <x-input name="address" value="{{ old('address', $settings['address'] ?? 'Nairobi, Kenya') }}" />
                    </x-field>
                    <x-field label="Postal address">
                        <x-input name="postal_address" value="{{ old('postal_address', $settings['postal_address'] ?? '') }}" />
                    </x-field>
                </div>
            </section>

            <section class="flex flex-col gap-3 rounded-xl border border-border bg-card p-4">
                <h2 class="text-xs font-semibold uppercase tracking-wide text-muted-foreground">Academic & Contact</h2>
                <div class="grid grid-cols-2 gap-3">
                    <x-field label="Current term">
                        <x-input name="term" value="{{ old('term', $settings['term'] ?? 'Term 1') }}" />
                    </x-field>
                    <x-field label="Academic year">
                        <x-input type="number" name="academic_year" value="{{ old('academic_year', $settings['academic_year'] ?? '2026') }}" />
                    </x-field>
                    <x-field label="Phone">
                        <x-input name="phone" value="{{ old('phone', $settings['phone'] ?? '') }}" />
                    </x-field>
                    <x-field label="Email">
                        <x-input name="email" value="{{ old('email', $settings['email'] ?? '') }}" />
                    </x-field>
                </div>
            </section>

            <div class="flex items-center justify-between">
                <button class="rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90">Save Profile</button>
            </div>
        </form>
    </div>
@endsection