@extends('layouts.app')

@section('content')
    <div class="d-flex">

        <h4 class="text-start f-bold ms-5 text-p">{{ $title ?? null }}</h4>
        <div class="col-6">
            <form action="">

            <label class="py-3 fs-6 fw-bolder" for="code_type"> نوع الكود </label>

            <select onchange="$(this).closest('form').submit();" name="code_type" id="code_type" class="form-select  form-select-lg mb-3"
                aria-label=".form-select-lg example">
                                <option value="">أختر نوع الكود</option>

                <option value="exam">كود أمتحان</option>
                    <option value="buying">كود شراء</option>
            </select>
        </form>
        </div>

    </div>
    <div class="p-5 m-auto justify-content-center">

        {{ $dataTable->table() }}

    </div>
@endsection

@section('js')
    {{ $dataTable->scripts(attributes: ['type' => 'module']) }}
@endsection