@extends('layouts.master')

@section('title')
    عرض المشرفين
@endsection

@section('first-css')
@endsection

@section('content-body')
    <!--**********************************
                        Content body start
                    ***********************************-->
    @include('massages')
    @section('route-path')
    <div class="container-fluid container-fluid-traning px-0">
        <div class="d-flex flex-wrap align-items-end justify-content-between  mb-3">
            <h1 >
                عرض المشرفين
            </h1>
            <div class="link">
                <span class="px-4">اضافة مشرف جديد</span>
                <a href="" class="px-4 ">عرض المشرفين </a>
            </div>
        </div>
    </div>
    @endsection
    <!-- 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">
            <button type="button" class="btn btn-secondary  me-1" data-bs-toggle="modal" data-bs-target="#importExcelTrainer">
                <i class="mdi mdi-plus-circle ms-2"></i> استيراد من أكسل
            </button>
            <button type="button" class="btn btn-primary  me-1" data-bs-toggle="modal" data-bs-target="#addTrainer">
                <i class="mdi mdi-plus-circle ms-2"></i>اضافة مشرف جديد
            </button>
        </div>
        <!--**********************************Tabs End***********************************-->
        <div class="row">
            <div class="col-xl-12 tab-content">
                @include('trainers.tables.all')
            </div>
        </div>
    </div>

    <!--**********************************
                        Content body end
            ***********************************-->

    @include('trainers.modals.new')
    @include('trainers.modals.import-excel')
    @include('trainers.modals.update')
@endsection
@section('script')
    <script src="{{ asset('/js/update/update-student.js') }}"></script>
    <script src="{{ asset('/js/update/update-trainer.js') }}"></script>
@endsection