@extends('layouts.admin.app')

@section('page-title')
    {{ __('classes') }}
@endSection

@section('page-nav-title')
    <div class="app-title">
        <div>
            <h1>{{ __('classes') }}</h1>
            <p style="margin-left: 25px;">{{ __('all-classes') }}</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard.index') }}">{{ __('Dashboard') }}</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.schedules.classes') }}">{{ __('classes') }}</a></li>
        </ul>
    </div>
@endsection

@section('content')
    {{-- @if (!auth()->user()->is_super_admin)
<div class="row">
    <div class="col-lg-12 m-auto">
        <div class="tile">
            <h3 class="tile-title">{{ __("search") }}</h3>
            <div class="tile-body">
                <form method="post" action="{{ route("admin.schedules.search") }}" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label for="exampleSelect1">{{__("classes")}}</label>
                                <select class="form-control @if ($errors->has('class')) is-invalid @endif" id="classes" name="class">
                                    <option value="">{{__("classes")}}</option>
                                    @foreach ($classes as $class)
                                        <option value="{{$class->id}}">{{app()->getLocale() == "en" ? $class->name_en : $class->name_ar}}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('class'))
                                <div class="invalid-feedback text-danger">{{ $errors->first('class') }}</div>
                                @endif
                            </div>
                        </div>

                        <div class="col-lg-6">
                            <div class="form-group">
                                <label for="exampleSelect1">{{__("division")}}</label>
                                <select class="form-control @if ($errors->has('division')) is-invalid @endif" id="division" name="division">
                                    <option value="">{{__("division")}}</option>
                                    @foreach ($divisions as $division)
                                        <option value="{{$division->id}}">{{app()->getLocale() == "en" ? $division->name_en : $division->name_ar}}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('division'))
                                <div class="invalid-feedback text-danger">{{ $errors->first('division') }}</div>
                                @endif
                            </div>
                        </div>

                        <div class="col-lg-6">
                            <div class="form-group">
                                <label class="control-label">{{ __("date-from") }}</label>
                                <input class="form-control @if ($errors->has('date_from')) is-invalid @endif" type="date" name="date_from" id="date_from0">
                                @if ($errors->has('date_from'))
                                    <div class="invalid-feedback text-danger">{{ $errors->first('date_from') }}</div>
                                @endif
                            </div>
                        </div>

                        <div class="col-lg-6">
                            <div class="form-group">
                                <label class="control-label">{{ __("date-to") }}</label>
                                <input class="form-control @if ($errors->has('date_to')) is-invalid @endif" type="date" name="date_to" id="date_to0">
                                @if ($errors->has('date_to'))
                                    <div class="invalid-feedback text-danger">{{ $errors->first('date_to') }}</div>
                                @endif
                            </div>
                        </div>

                    </div>
                    <div class="tile-footer" style="text-align: end;">
                        <button class="btn btn-primary" type="submit"><i class="fas fa-search"></i>{{ __("search") }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endif --}}
    <div class="row">
        <div class="col-md-12">
            <div class="row" style="padding: 0px 16px;">
                @if (!Auth()->user()->is_super_admin)
                    <div class="col-lg-6" style="padding: 0;">
                        <div class="buttons-group">
                            <a href="{{ route('admin.schedules.classesCreate') }}" class="btn btn-primary"><i
                                    class="fas fa-plus"></i> {{ __('create-classes') }}</a>
                        </div>
                    </div>
                @endif
            </div>
            <div class="tile">
                <div class="tile-body">
                    <div class="table-responsive" id="form_status">
                        <table class="table table-hover table-bordered" id="sampleTable">
                            <thead>
                                @if (!Auth::user()->is_super_admin)
                                    <tr>
                                        <th width="3%">{{ __('#ID') }}</th>
                                        <th width="15%">{{ __('class') }}</th>
                                        <th colspan="2" style="text-align: center">{{ __('division') }}</th>
                                        <th width="10%">{{ __('Control') }}</th>
                                    </tr>
                                @else
                                    <tr>
                                        <th>{{ __('#ID') }}</th>
                                        <th>{{ __('subscribers') }}</th>
                                        <th>{{ __('view') }}</th>
                                    </tr>
                                @endif
                            </thead>
                            <tbody>
                                @if (!Auth::user()->is_super_admin)
                                    @foreach ($classes as $key => $class)
                                        <tr>
                                            <td>{{ ++$key }}</td>
                                            <td>{{ app()->getLocale() == 'en' ? $class->name_en : $class->name_ar }}</td>
                                            <td>
                                                @if (count($class->division ) > 0 && $class->division->isNotEmpty())
                                                    <ul class="app-breadcrumb breadcrumb" style="font-size: 13.2px;">
                                                        @foreach ($class->division as $key => $division)
                                                            <li class="breadcrumb-item"><a
                                                                    href="{{ route('admin.schedules.classesDivisionEdit', ['id' => $division->id, 'class_id' => $class->id, 'lesson_schedules_id' => $lesson_schedules->id]) }}">{{ app()->getLocale() == 'en' ? $division->name_en : $division->name_ar }}</a>
                                                            </li>
                                                        @endforeach
                                                    </ul>
                                                @else
                                                    <p style="margin: 0;">{{ __('There Is No Division For This Class') }}
                                                    </p>
                                                @endif
                                            </td>
                                            <td style="text-align: center">
                                                <a href="{{ route('admin.schedules.addDivision', $class->id) }}"
                                                    class="control-link" style="padding-left: 0"
                                                    title="{{ __('create-divisions') }}">
                                                    <i class="fa fa-fw fa-lg fa-plus-circle"
                                                        style="font-size: 18px; color: green; cursor: pointer;margin-top: 10px"></i>
                                                </a>
                                            </td>
                                            <td>
                                                <a href="{{ route('admin.schedules.classesEdit', $class->id) }}"
                                                    class="control-link edit"><i class="fas fa-edit"></i></a>
                                                <form action="{{ route('admin.schedules.classesDestroy', $class->id) }}"
                                                    method="post" id="delete{{ $class->id }}" style="display: none"
                                                    data-swal-title="{{ __('Delete Property') }}"
                                                    data-swal-text="{{ __('Are Your Sure To Delete This class ?') }}"
                                                    data-yes="{{ __('Yes') }}" data-no="{{ __('No') }}"
                                                    data-success-msg="{{ __('the class has been deleted successfully') }}">
                                                    @csrf @method('delete')</form>
                                                <span href="#" class="control-link remove form-confirm"
                                                    data-form-id="#delete{{ $class->id }}"><i
                                                        class="far fa-trash-alt"></i></span>
                                            </td>
                                        </tr>
                                    @endforeach
                                @else
                                    @foreach ($subscribers as $key => $subscriber)
                                        <tr>
                                            <td>{{ ++$key }}</td>
                                            <td>{{ $subscriber->full_name }}</td>
                                            <td>
                                                <a href="{{ route('admin.schedules.showClasses', $subscriber->id) }}"
                                                    style="color:blue" class="control-link  "><i class="fa fa-eye"></i></a>
                                            </td>
                                        </tr>
                                    @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection
@section('scripts')
    <script type="text/javascript" src="{{ asset('assets/js/plugins/jquery.dataTables.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/plugins/dataTables.bootstrap.min.js') }}"></script>
    @if (app()->getLocale() == 'ar')
        <script type="text/javascript" src="{{ asset('assets/js/plugins/dataTables.lang.arabic.json') }}"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('#sampleTable').DataTable({
                    "language": {
                        "url": "{{ asset('assets/js/plugins/dataTables.lang.arabic.json') }}"
                    }
                });
            });
        </script>
    @else
        <script type="text/javascript">
            $('#sampleTable').DataTable();
        </script>
    @endif

    <script type="text/javascript">
        $("#classes").select2({
            placeholder: "{{ __('enter-classes-name') }}",
            width: "100%",
        });
        $("#division").select2({
            placeholder: "{{ __('select-divisions') }}",
            width: "100%",
        });
    </script>
@endsection