{{-- @dd() --}}
@extends('layout.app')
@section('title')
    {{ __('تعديل الخطة العامة') }}
@stop

@section('css')
    <!-- BEGIN: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/vendors-rtl.min.css') }}">
    <!-- END: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/forms/select/select2.min.css') }}">
    <!-- BEGIN: Theme CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/bootstrap.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/bootstrap-extended.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/colors.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/components.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/themes/dark-layout.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/themes/bordered-layout.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/themes/semi-dark-layout.css') }}">

    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/core/menu/menu-types/vertical-menu.css') }}">
    <!-- END: Page CSS-->

    <!-- BEGIN: Custom CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/custom-rtl.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/style-rtl.css') }}">
    <!-- END: Custom CSS-->
@endsection

@section('content')

    <div class="content-wrapper">
        <div class="content-body">
            <section class="form-control-repeater">
                <div class="row">
                    <!-- Invoice repeater -->
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header mb-2">
                                <h4 class="card-title">{{ __('تعديل الخطة العامة') }}</h4>
                            </div>
                            <div class="card-body">


                                <form action="{{ route('plans.update', $plan->id) }}" method="POST">
                                    @csrf
                                    @method('PUT')
                                    <div class="row">
                                        <div class="col-md-12 col-12">
                                            <div class="form-group">
                                                <label for="name">{{ __('اسم الخطة') }}</label>
                                                <input type="text" class="form-control" id="name"
                                                    value="{{ old('name', $plan->name) }}" aria-describedby="name"
                                                    name="name" />
                                            </div>
                                        </div>


                                        <div class="col-md-12 col-12">
                                            <div class="form-group">
                                                <label for="itemname">{{ __('العام الدراسي') }}</label>
                                                <select class="form-control" id="year_id" aria-describedby="year_id"
                                                    name="year_id">
                                                    @forelse (App\Models\Year::get() as $item)
                                                        <option value="{{ $item->id }}"
                                                            @if (old('year_id', $plan->year_id) == $item->id) selected @endif>
                                                            {{ $item->school_year }}</option>
                                                    @empty
                                                        <option value="">{{ __('عليك ادخال عام دراسي') }}</option>
                                                    @endforelse
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12" style="display: none;">
                                            <div class="form-group">
                                                <label for="itemname">{{ __('المجالات') }}</label>
                                                <select class="select2 form-control" multiple id="department_ids"
                                                    aria-describedby="department_ids" name="department_ids[]">
                                                    @forelse (App\Models\Department::get() as $item)
                                                        @if (old('department_ids', $departments))
                                                            <option value="{{ $item->id }}"
                                                                @if (in_array($item->id, old('department_ids', $departments))) selected @endif>
                                                                {{ $item->name }}</option>
                                                        @else
                                                            <option value="{{ $item->id }}">
                                                                {{ $item->name }}</option>
                                                        @endif
                                                    @empty
                                                        <option value="">{{ __('عليك ادخال مجالات العمل') }}</option>
                                                    @endforelse
                                                </select>
                                            </div>
                                        </div>
                                        {{-- website title --}}
                                        <div class="col-lg-12 col-md-12 col-sm-12" style="display: none;">
                                            <div class="form-group">
                                                <label for="title" class="form-label">{{ __('الرؤيا') }}</label>
                                                <textarea name="vision" id="vision" cols="30" rows="10">{{ old('vision', $plan->vision) }}</textarea>
                                            </div>
                                            <script>
                                                CKEDITOR.replace('vision');
                                            </script>
                                        </div>
                                        {{-- end website title --}}
                                        {{-- website title --}}
                                        <div class="col-lg-12 col-md-12 col-sm-12" style="display: none;">
                                            <div class="form-group">
                                                <label for="title" class="form-label">{{ __('الرسالة') }}</label>
                                                <textarea name="message" id="message" cols="30" rows="10">{{ old('message', $plan->message) }}</textarea>
                                            </div>
                                            <script>
                                                CKEDITOR.replace('message');
                                            </script>
                                        </div>
                                        {{-- end website title --}}
                                        <div class="col-lg-12 col-md-12 col-sm-12">
                                            <label for="name" class="mb-2 mt-3">{{ __('فريق العمل') }}</label>
                                            <div class="invoice-repeater">
                                                <div data-repeater-list="teams">
                                                    @forelse (old('teams') ?? [] as $old)
                                                        <div data-repeater-item>
                                                            <div class="row d-flex align-items-end">
                                                                <div class="col-md-9 col-12">
                                                                    <div class="form-group">
                                                                        <select class="form-control" id="admin_team_id"
                                                                            aria-describedby="admin_team_id"
                                                                            name="admin_team_id">
                                                                            @forelse (App\Models\AdminTeam::where('school_id', Auth()->user()->school_id)->get() as $item)
                                                                                <option value="{{ $item->id }}"
                                                                                    @if ($old['admin_team_id'] == $item->id) selected @endif>
                                                                                    {{ $item->name . ' - ' . $item->mission }}
                                                                                </option>
                                                                            @empty
                                                                                <option value="">
                                                                                    {{ __('عليك ادخال فريق الادارة') }}
                                                                                </option>
                                                                            @endforelse
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-2 col-12">
                                                                    <div class="form-group">
                                                                        <button
                                                                            class="btn btn-outline-danger text-nowrap px-1"
                                                                            data-repeater-delete type="button">
                                                                            <i data-feather="x" class="mr-25"></i>
                                                                            <span>{{ __('حذف') }}</span>
                                                                        </button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <hr />
                                                        </div>
                                                    @empty
                                                        @forelse($plan->team as $team)
                                                            <div data-repeater-item>
                                                                <div class="row d-flex align-items-end">
                                                                    <div class="col-md-9 col-12">
                                                                        <div class="form-group">
                                                                            <select class="form-control"
                                                                                id="admin_team_id"
                                                                                aria-describedby="admin_team_id"
                                                                                name="admin_team_id">
                                                                                @forelse (App\Models\AdminTeam::where('school_id', Auth()->user()->school_id)->get() as $item)
                                                                                    <option value="{{ $item->id }}"
                                                                                        @if ($item->id == $team->id) selected @endif>
                                                                                        {{ $item->name . ' - ' . $item->mission }}
                                                                                    </option>
                                                                                @empty
                                                                                    <option value="">
                                                                                        {{ __('عليك ادخال فريق الادارة') }}
                                                                                    </option>
                                                                                @endforelse
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-2 col-12">
                                                                        <div class="form-group">
                                                                            <button
                                                                                class="btn btn-outline-danger text-nowrap px-1"
                                                                                data-repeater-delete type="button">
                                                                                <i data-feather="x" class="mr-25"></i>
                                                                                <span>{{ __('حذف') }}</span>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <hr />
                                                            </div>
                                                        @empty
                                                            <div data-repeater-item>
                                                                <div class="row d-flex align-items-end">
                                                                    <div class="col-md-9 col-12">
                                                                        <div class="form-group">
                                                                            <select class="form-control"
                                                                                id="admin_team_id"
                                                                                aria-describedby="admin_team_id"
                                                                                name="admin_team_id">
                                                                                @forelse (App\Models\AdminTeam::where('school_id', Auth()->user()->school_id)->get() as $item)
                                                                                    <option value="{{ $item->id }}">
                                                                                        {{ $item->name . ' - ' . $item->mission }}
                                                                                    </option>
                                                                                @empty
                                                                                    <option value="">
                                                                                        {{ __('عليك ادخال فريق الادارة') }}
                                                                                    </option>
                                                                                @endforelse
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-2 col-12">
                                                                        <div class="form-group">
                                                                            <button
                                                                                class="btn btn-outline-danger text-nowrap px-1"
                                                                                data-repeater-delete type="button">
                                                                                <i data-feather="x" class="mr-25"></i>
                                                                                <span>{{ __('حذف') }}</span>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <hr />
                                                            </div>
                                                        @endforelse
                                                    @endforelse
                                                </div>
                                                <div class="row">
                                                    <div class="col-12">
                                                        <button class="btn btn-icon btn-primary" type="button"
                                                            data-repeater-create>
                                                            <i data-feather="plus" class="mr-25"></i>
                                                            <span>{{ __('اضافة جديد') }}</span>
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-12 col-md-12 col-sm-12 mt-1">
                                            <hr>
                                            <button class="btn btn-icon btn-success" type="submit">
                                                <i data-feather="save" class="mr-25"></i>
                                                <span>{{ __('حفظ') }}</span>
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!-- /Invoice repeater -->
                </div>
            </section>

        </div>
    </div>
@endsection

@section('js')
    <!-- BEGIN: Page Vendor JS-->
    <script src="{{ asset('app-assets/vendors/js/forms/repeater/jquery.repeater.min.js') }}"></script>
    <!-- END: Page Vendor JS-->

    <!-- BEGIN: Page JS-->
    <script src="{{ asset('app-assets/js/scripts/forms/form-repeater.js') }}"></script>
    <!-- END: Page JS-->

    <script>
        $(window).on('load', function() {
            if (feather) {
                feather.replace({
                    width: 14,
                    height: 14
                });
            }
        })
    </script>
@endsection