@extends('layouts.app', ['title' => 'Tambah Instrumen Angket'])

@section('content')
    <div class="panel">
        <h2 class="section-title" style="font-size: 1.55rem;">Tambah Instrumen Angket</h2>
        <p class="helper">Pilih salah satu alur: buat instrumen secara manual atau buat instrumen baru dari template Excel yang sudah diisi.</p>
    </div>

    <div class="showcase-grid" style="margin-top: 20px; align-items: stretch;">
        <div class="luxury-panel">
            <h3 class="section-title" style="font-size: 1.25rem;">Buat Manual</h3>
            <p class="helper">Gunakan formulir di bawah untuk menyusun angket langsung dari sistem.</p>
            <a class="btn secondary" href="{{ route('admin.questionnaires.template') }}">Download Template Excel</a>
        </div>
        <div class="luxury-panel">
            <h3 class="section-title" style="font-size: 1.25rem;">Buat dari Template Excel</h3>
            <p class="helper">Upload template yang sudah diisi. Sistem akan membuat instrumen baru otomatis, lalu membuka halaman edit agar admin bisa memeriksa, menyimpan, dan mengaktifkan angket.</p>
            <form method="POST" action="{{ route('admin.questionnaires.import') }}" enctype="multipart/form-data">
                @csrf
                <label for="template_file">File Template Angket Terisi</label>
                <input id="template_file" name="template_file" type="file" accept=".xlsx,.xls" required>
                <div class="actions" style="margin-top: 12px;">
                    <button class="btn" type="submit">Import & Buat Instrumen Baru</button>
                </div>
            </form>
        </div>
    </div>

    <form method="POST" action="{{ route('admin.questionnaires.store') }}" style="margin-top: 20px;">
        @csrf
        @include('admin.questionnaires._form')
    </form>
@endsection