@extends('layouts.admin.app')

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

@section('page-nav-title')
    <div class="app-title">
        <div>
            <h1>{{ __('classes') }}</h1>
            <p style="margin-left: 25px;">{{ __('edit') }}</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>
            <li class="breadcrumb-item"><a
                    href="{{ route('admin.schedules.classesEdit', $class->id) }}">{{ __('edit') }}</a></li>
        </ul>
    </div>
@endsection
@section('content')
    <div class="row">
        <div class="col-lg-10 m-auto">
            <div class="tile">
                <h3 class="tile-title">{{ __('edit-classes') }}</h3>
                <div class="tile-body">
                    <form method="post" action="{{ route('admin.schedules.classesUpdate', $class->id) }}"
                        enctype="multipart/form-data">
                        @csrf
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{ __('class-en-name') }}</label>
                                    <input class="form-control @if ($errors->has('name_en')) is-invalid @endif"
                                        type="text" name="name_en" placeholder="{{ __('enter-lessons-en') }}"
                                        value="{{ $class->name_en }}">
                                </div>
                                @error('name_en')
                                    <div class="input-error">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{ __('class-ar-name') }}</label>
                                    <input class="form-control @if ($errors->has('name_ar')) is-invalid @endif"
                                        type="text" name="name_ar" placeholder="{{ __('enter-lessons-ar') }}"
                                        value="{{ $class->name_ar }}">
                                </div>
                                @error('name_ar')
                                    <div class="input-error">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{ __('select-material') }}</label>
                                    <select name="material[]" id="material0" class="form-control" multiple>
                                        @foreach ($materials as $material)
                                            <option value="{{ $material->id }}"
                                                @if (in_array($material->id, $class->materials->pluck('id')->toArray())) selected @endif>{{ $material->name_en }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                @error('material')
                                    <div class="input-error">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{ __('please-select-teacher') }}</label>
                                    <select name="users[]" id="users" class="form-control" multiple>
                                        @foreach ($users as $user)
                                            <option value="{{ $user->id }}"
                                                @if (in_array($user->id, $class->teachers->pluck('id')->toArray())) selected @endif>{{ $user->full_name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                @error('users')
                                    <div class="input-error">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                </div>
                <div class="tile-footer">
                    <button class="btn btn-primary" type="submit"><i
                            class="fa fa-fw fa-lg fa-check-circle"></i>{{ __('update') }}</button>
                </div>
                </form>
            </div>

        </div>
    </div>
    </div>
@endsection
@section('scripts')
    <script type="text/javascript">
        if (document.location.hostname == 'pratikborsadiya.in') {
            (function(i, s, o, g, r, a, m) {
                i['GoogleAnalyticsObject'] = r;
                i[r] = i[r] || function() {
                    (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date();
                a = s.createElement(o),
                    m = s.getElementsByTagName(o)[0];
                a.async = 1;
                a.src = g;
                m.parentNode.insertBefore(a, m)
            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
            ga('create', 'UA-72504830-1', 'auto');
            ga('send', 'pageview');
        }

        $("#division0").select2({
            placeholder: "{{ __('select-division') }}",
            width: "100%",
        });
        $("#departments").select2({
            placeholder: "{{ __('departments') }}",
            width: "100%",
        });
        $("#material0").select2({
            placeholder: "{{ __('select-material') }}",
            width: "100%",
        });
        $("#users").select2({
            placeholder: "{{ __('please-select-teacher') }}",
            width: "100%",
        });
    </script>
@endsection