@extends('layouts.master')

@section('title')
    عرض الإختبارات
@endsection

@section('first-css')
@endsection

@section('header-content')
    عرض الإختبارات الدراسية
@endsection

@section('content-body')
    <!--**********************************
                        Content body start
                    ***********************************-->
    @include('massages')

    <!-- row -->
    <div class="container-fluid container-fluid-traning bg-white">
        <!--**********************************Tabs Start***********************************-->
        {{-- <div class="d-flex flex-wrap align-items-start justify-content-start  mb-3">

            
        </div> --}}
        <div class="d-flex flex-wrap align-items-center mb-3">
            <div class="mb-3 ms-auto">
                <div class="card-tabs style-1 mt-3 mt-sm-0">
                    <ul class="nav nav-tabs" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link  active" href="javascript:void(0);" data-bs-toggle="tab" id="all-tab" data-bs-target="#all" role="tab">كل الاختبارات </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link " href="javascript:void(0);" data-bs-toggle="tab" id="pre-tab" data-bs-target="#pre" role="tab"> الإختبارات القبلية</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link " href="javascript:void(0);" data-bs-toggle="tab" id="post-tab" data-bs-target="#post" role="tab"> الإختبارات البعدية</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link " href="javascript:void(0);" data-bs-toggle="tab" id="pass-tab" data-bs-target="#pass" role="tab"> اختبارات الإجتياز</a>
                        </li>
                    </ul>
                </div>
            </div>
            <a href="{{route('exam_create')}}">
                <button type="button" class="btn btn-primary  me-1" data-bs-toggle="modal" data-bs-target="#addExam">
                    <i class="mdi mdi-plus-circle ms-2"></i>اضافة اختبار جديد
                </button>
            </a>
        </div>
        <!--**********************************Tabs End***********************************-->
        <div class="row">
            <div class="col-xl-12 tab-content">
                @include('exams.tables.all')
                @include('exams.tables.pre')
                @include('exams.tables.post')
                @include('exams.tables.pass')
            </div>
        </div>
    </div>

    <!--**********************************
                        Content body end
            ***********************************-->
    @include('exams.modals.update')
@endsection
@section('script')
    <script src="{{ asset('/js/update/update-exam.js') }}"></script>
@endsection