@extends('layouts.admin')

@section('content')
<div class="container mx-auto px-4 py-6">
    <div class="flex justify-between items-center mb-6">
        <h1 class="text-3xl font-bold text-gray-800 dark:text-gray-100">Create New Question</h1>
        <x-ui.buttons.secondary href="{{ route('admin.assessments.questions.index', $assessment) }}">
            <span class="mr-1">←</span> Back to Questions
        </x-ui.buttons.secondary>
    </div>
    
    <x-ui.layout.card>
        <form action="{{ route('admin.assessments.questions.store', $assessment) }}" method="POST">
            @csrf
            
            @include('admin.questions.form')
            
            <div class="flex justify-end mt-6">
                <x-ui.buttons.secondary href="{{ route('admin.assessments.questions.index', $assessment) }}" class="mr-2">
                    Cancel
                </x-ui.buttons.secondary>
                <x-ui.buttons.primary type="submit">
                    Create Question
                </x-ui.buttons.primary>
            </div>
        </form>
    </x-ui.layout.card>
</div>
@endsection