@extends('layouts.admin')

@section('title', 'Import Marks')

@section('content')
<div class="bv-page-header">
    <div>
        <x-ui.breadcrumb :items="[
            ['label' => 'Home', 'href' => route('dashboard')],
            ['label' => 'Examination', 'href' => route('examination.dashboard')],
            ['label' => 'Mark Entry', 'href' => route('examination.mark-entry.index')],
            ['label' => 'Import'],
        ]" />
        <h1 class="bv-page-header__title">Bulk Mark Import</h1>
        <p class="bv-page-header__subtitle">Upload CSV marks for an examination period.</p>
    </div>
    <div class="bv-page-header__actions">
        <x-ui.button variant="ghost" icon="bi-arrow-left" :href="route('examination.mark-entry.index')">Back to Mark Entry</x-ui.button>
    </div>
</div>

@include('institution.partials.flash')

<div class="row g-4">
    <div class="col-lg-7">
        <x-ui.card title="Upload file">
            <form method="POST" action="{{ route('examination.mark-import.upload') }}" enctype="multipart/form-data" class="bv-form">
                @csrf
                <div class="mb-3">
                    <label class="form-label" for="examination_period_id">Examination Period</label>
                    <select name="examination_period_id" id="examination_period_id" class="form-select" required>
                        <option value="">Select period</option>
                        @foreach($periods as $period)
                            <option value="{{ $period->id }}" @selected(old('examination_period_id') == $period->id)>{{ $period->name }} ({{ $period->code }})</option>
                        @endforeach
                    </select>
                    @error('examination_period_id')<div class="text-danger small">{{ $message }}</div>@enderror
                </div>
                <div class="mb-3">
                    <label class="form-label" for="file">CSV / Excel file</label>
                    <input type="file" name="file" id="file" class="form-control" accept=".csv,.txt,.xlsx,.xls" required>
                    @error('file')<div class="text-danger small">{{ $message }}</div>@enderror
                </div>
                <x-ui.button type="submit" variant="primary" icon="bi-upload">Import Marks</x-ui.button>
            </form>
        </x-ui.card>
    </div>
    <div class="col-lg-5">
        <x-ui.card title="CSV format">
            <p class="text-muted-bv small mb-2">Required columns:</p>
            <code class="d-block p-3 rounded" style="background: rgba(0,0,0,.04);">student_id, course_code, ca_score, exam_score</code>
            <p class="text-muted-bv small mt-3 mb-0">Optional: max_score, notes. First row must be headers.</p>
        </x-ui.card>
    </div>
</div>
@endsection