@extends('layouts.master')

@section('content')
<style>
    .material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    }

    .neon-glow {
        box-shadow: 0 0 15px rgba(0, 255, 157, 0.3);
    }

    .neon-border {
        border: 1px solid rgba(0, 255, 157, 0.2);
    }

    .terminal-bg {
        background: linear-gradient(180deg, #10141a 0%, #0d1117 100%);
    }

    .bg-primary {
        background-color: #00ff9d;
    }

    .text-surface,
    .text-on-surface {
        color: #fff;
    }
</style>
<main class=" pt-16 p-12 min-h-screen">

    <h2 class="text-3xl font-bold text-primary mb-6">Create MCQ</h2>

    <form method="POST" action="{{ route('mcq.store') }}">
        @csrf

        @include('mcq._form', ['mcqs' => collect([])])

        <div class="sticky bottom-0 bg-[#0d1117] p-4">
            <button type="submit" class="w-full  text-white p-3 rounded">
                Save
            </button>
        </div>
    </form>
</main>

@endsection