@extends('admin.master')
@section('title',@trans('Edit Course'))
@section('content')
<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box">
            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">@trans('Dashboard') </a>
                    </li>
                    <li class="breadcrumb-item"><a href="{{ route('admin.courses.index') }}">@trans('Courses')</a>
                    </li>
                    <li class="breadcrumb-item active">
                        {{ $course->trans->where('locale', $current_lang)->first()->title }}</li>
                </ol>
            </div>
            <h4 class="page-title">@trans('Courses') </h4>
        </div>
    </div>
</div>
<!-- end page title -->
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <div class="d-flex justify-content-center">
                    <a href="{{ route('admin.prices.create', $course->id) }}" class="btn btn-outline-success mx-1">
                        <i class="fas fa-dollar-sign"></i> @trans('Prices')
                    </a>
                    <a href="{{ route('admin.skills.create', $course->id) }}" class="btn btn-outline-primary mx-1">
                        <i class="fas fa-gem"></i> @trans('Skills')
                    </a>
                    <a href="{{ route('admin.goals.create', $course->id) }}" class="btn btn-outline-info mx-1">
                        <i class="fas fa-gem"></i> @trans('Goals')
                    </a>
                    <a href="{{ route('admin.target.create', $course->id) }}" class="btn btn-outline-warning mx-1">
                        <i class="fas fa-bullseye"></i> @trans('Target Groups')
                    </a>
                    @if ($course->type_course == 1)
                    <a href="{{ route('admin.extras-prices.create', $course->id) }}"
                        class="btn btn-outline-primary mx-1">
                        <i class="fa-solid fa-gopuram"></i> @trans('Extra Fees')
                    </a>
                    @endif

                    <a href="{{ route('admin.training-programs.create', $course->id) }}"
                        class="btn btn-outline-secondary mx-1">
                        <i class="fa-solid fa-bars-progress"></i> @trans('Main topic')
                    </a>

                    <a href="{{ route('admin.time-work.create', $course->id) }}" class="btn btn-outline-success mx-1">
                        <i class="fa-regular fa-calendar-days"></i> @trans('Daily Weekly Agenda')
                    </a>

                </div>
            </div>
            <form action="{{ route('admin.courses.update', $course->id) }}" method="POST" enctype="multipart/form-data">
                @csrf
                @method('PUT')
                <div class="card-body">
                    <input type="hidden" name="page" value="{{ $currentPage }}">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="accordion" id="accordionPanelsStayOpenExample">
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="panelsStayOpen-headingOne">
                                                <button class="accordion-button fw-medium collapsed" type="button"
                                                    data-bs-toggle="collapse"
                                                    data-bs-target="#panelsStayOpen-collapseOne" aria-expanded="false"
                                                    aria-controls="panelsStayOpen-collapseOne">
                                                    @trans('Title')
                                                </button>
                                            </h2>
                                            <div id="panelsStayOpen-collapseOne"
                                                class="accordion-collapse collapse show"
                                                aria-labelledby="panelsStayOpen-headingOne" style>
                                                <div class="accordion-body">
                                                    @php
                                                    // ترتيب اللغة العربية لتكون دائماً في البداية إذا كانت موجودة
                                                    $languages = collect($languages);
                                                    if ($languages->contains('ar')) {
                                                    $languages = $languages->sortBy(function ($locale) {
                                                    return $locale === 'ar' ? 0 : 1;
                                                    });
                                                    }
                                                    @endphp
                                                    @foreach ($languages as $index => $locale)

                                                    <div class="row mb-3">
                                                        <div class="mb-3">
                                                            <label class="form-label"
                                                                for="title{{ $index }}">@trans('Title in ')
                                                                .{{Illuminate\Support\Facades\Lang::get($locale) }}
                                                                <span class="text-danger">*</span></label>
                                                            {{-- @livewire('title-autocomplete-edit', [
                                                            'locale' => $locale,
                                                            'existingTitle' => old($locale . '.title',
                                                            optional($course->trans()->where('locale',
                                                            $locale)->first())->title)
                                                            ], key('edit-' . $locale)) --}}
                                                            <input class="form-control" type="text"
                                                                name="{{ $locale }}[title]"
                                                                value="{{ old($locale . '.title', optional($course->trans()->where('locale', $locale)->first())->title) }}"
                                                                id="title{{ $index }}">
                                                            @if ($errors->has($locale . '.title'))
                                                            <span class="text-danger">{{ $errors->first($locale .
                                                                '.title') }}</span>
                                                            @endif
                                                        </div>
                                                    </div>

                                                    <div class="row mb-3">
                                                        <div class="mb-3">
                                                            <label class="form-label"
                                                                for="title{{ $index }}">@trans('Description
                                                                in ')
                                                                .
                                                                {{ Illuminate\Support\Facades\Lang::get($locale)
                                                                }}</label>
                                                            <textarea name="{{ $locale }}[description]"
                                                                id="description{{ $index }}">{{ old($locale . '.description', optional($course->trans()->where('locale', $locale)->first())->description) }}</textarea>
                                                            @if ($errors->has($locale . '.description'))
                                                            <span class="text-danger">{{ $errors->first($locale .
                                                                '.description') }}</span>
                                                            @endif
                                                        </div>
                                                        <script type="text/javascript">
                                                            ClassicEditor
                                                                        .create(document.querySelector('#description{{ $index }}'))
                                                                        .catch(error => {
                                                                            console.error(error);
                                                                        });
                                                        </script>
                                                    </div>
                                                    <div class="row mb-3">
                                                        <div class="mb-3">
                                                            <label class="form-label"
                                                                for="title{{ $index }}">@trans('Summary
                                                                in ')
                                                                .
                                                                {{ Illuminate\Support\Facades\Lang::get($locale)
                                                                }}</label>
                                                            <textarea name="{{ $locale }}[summary]"
                                                                id="summary{{ $index }}">{{ old($locale . '.summary', optional($course->trans()->where('locale', $locale)->first())->summary) }}</textarea>
                                                            @if ($errors->has($locale . '.summary'))
                                                            <span class="text-danger">{{ $errors->first($locale .
                                                                '.summary') }}</span>
                                                            @endif
                                                        </div>
                                                        <script type="text/javascript">
                                                            ClassicEditor
                                                                        .create(document.querySelector('#summary{{ $index }}'))
                                                                        .catch(error => {
                                                                            console.error(error);
                                                                        });
                                                        </script>
                                                    </div>
                                                    @endforeach

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12 mt-2">
                                    <div class=" accordion" id="accordionPanelsStayOpenExample">
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="panelsStayOpen-headingAds">
                                                <button class="accordion-button fw-medium collapsed" type="button"
                                                    data-bs-toggle="collapse"
                                                    data-bs-target="#panelsStayOpen-collapseAds" aria-expanded="false"
                                                    aria-controls="panelsStayOpen-collapseAds">
                                                    @trans('Meta')
                                                </button>
                                            </h2>
                                            <div id="panelsStayOpen-collapseAds"
                                                class="accordion-collapse collapse show"
                                                aria-labelledby="panelsStayOpen-headingAds" style>
                                                <div class="accordion-body">
                                                    @foreach ($languages as $index => $locale)
                                                    {{--
                                                    title-------------------------------------------------------------------------------------
                                                    --}}
                                                    <div class="mb-3 row">
                                                        <div class="mb-3">
                                                            <label class="form-label"
                                                                for="meta_title{{ $index }}">@trans('Meta Title')
                                                                .
                                                                {{ Illuminate\Support\Facades\Lang::get($locale)
                                                                }}</label>
                                                            <input class="form-control" type="text"
                                                                name="{{ $locale }}[meta_title]"
                                                                value="{{ old($locale . '.meta_title', optional($course->trans()->where('locale', $locale)->first())->meta_title) }}"
                                                                id="meta_title{{ $index }}">
                                                            @if ($errors->has($locale . '.meta_title'))
                                                            <span class="missiong-spam">{{ $errors->first($locale .
                                                                '.meta_title') }}</span>
                                                            @endif
                                                        </div>
                                                        <div class="mb-3">
                                                            <label class="form-label"
                                                                for="meta_title{{ $index }}">@trans('Meta Description')
                                                                .

                                                                {{ Illuminate\Support\Facades\Lang::get($locale)
                                                                }}</label>
                                                            <textarea name="{{ $locale }}[meta_description]"
                                                                class="form-control description"
                                                                id="meta_title{{ $index }}"> {{ old($locale . '.meta_description', optional($course->trans()->where('locale', $locale)->first())->meta_description) }} </textarea>
                                                            @if ($errors->has($locale . '.meta_description'))
                                                            <span class="missiong-spam">{{ $errors->first($locale .
                                                                '.meta_description') }}</span>
                                                            @endif
                                                        </div>
                                                        <div class="mb-3">
                                                            <label class="form-label"
                                                                for="meta_key{{ $index }}">@trans('Meta Keywords')
                                                                . {{ Illuminate\Support\Facades\Lang::get($locale)
                                                                }}</label>
                                                            <textarea name="{{ $locale }}[meta_key]"
                                                                class="form-control description"
                                                                id="meta_key{{ $index }}"> {{ old($locale . '.meta_key', optional($course->trans()->where('locale', $locale)->first())->meta_key) }} </textarea>
                                                            @if ($errors->has($locale . '.meta_key'))
                                                            <span class="missiong-spam">{{ $errors->first($locale .
                                                                '.meta_key') }}</span>
                                                            @endif
                                                        </div>
                                                    </div>
                                                    @endforeach

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="row">
                                {{-- ? Courses Attachment --}}
                                <div class="col-sm-12">
                                    <div class="accordion" id="accordionPanelsStayOpenExampleTag">
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="panelsStayOpen-headingTwo">
                                                <button class="accordion-button fw-medium collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapse"
                                                    aria-expanded="false" aria-controls="panelsStayOpen-collapse">
                                                    @trans('Courses Attachment')
                                                </button>
                                            </h2>
                                            <div id="panelsStayOpen-collapse" class="accordion-collapse collapse show"
                                                aria-labelledby="panelsStayOpen-headingTwo" style>
                                                <div class="accordion-body">
                                                    <div class="row">
                                                        <div class="col-sm-12">
                                                            <div class="mb-3">
                                                                <label class="form-label" for="image">@trans('Image')
                                                                    <span class="text-danger">*</span></label>
                                                                <input type="file" class="form-control" id="image"
                                                                    name="image">
                                                                @error('image')
                                                                <span class="text-danger">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                            @if ($course->image)
                                                            <div class="mb-3">
                                                                <img src="{{ $course->image }}" class="img-fluid"
                                                                    alt="image">
                                                            </div>
                                                            @endif
                                                        </div>
                                                        <div class="col-sm-6">
                                                            <div class="mb-3">
                                                                <label class="form-label"
                                                                    for="accreditation_number">@trans('Accreditation
                                                                    Number') </label>
                                                                <input type="number" class="form-control"
                                                                    id="accreditation_number"
                                                                    name="accreditation_number"
                                                                    value="{{ old('accreditation_number', $course->accreditation_number) }}">
                                                                @error('accreditation_number')
                                                                <span class="text-danger">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-6">
                                                            <div class="mb-3">
                                                                <label class="form-label"
                                                                    for="count_hours">@trans('Count Hours')</label>
                                                                <input type="number" class="form-control"
                                                                    id="count_hours" name="count_hours"
                                                                    value="{{ old('count_hours', $course->count_hours) }}">
                                                                @error('count_hours')
                                                                <span class="text-danger">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-6">
                                                            <div class="mb-3">
                                                                <label class="form-label" for="start_date">@trans('Start
                                                                    Date')</label>
                                                                <input type="date" class="form-control" id="start_date"
                                                                    name="start_date"
                                                                    value="{{ old('start_date', $course->start_date) }}">
                                                                @error('start_date')
                                                                <span class="text-danger">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-6">
                                                            <div class="mb-3">
                                                                <label class="form-label" for="end_date">@trans('End
                                                                    Date')</label>
                                                                <input type="date" class="form-control" id="end_date"
                                                                    name="end_date"
                                                                    value="{{ old('end_date', $course->end_date) }}">
                                                                @error('end_date')
                                                                <span class="text-danger">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-12">
                                                            @livewire('update-categroy-select', ['course' => $course])
                                                        </div>
                                                        <div class="col-sm-12">
                                                            <div class="mb-3">
                                                                <label class="form-label"
                                                                    for="admin_id">@trans('Employee') <span
                                                                        class="text-danger">*</span></label>
                                                                <select class="form-control form-select" name="admin_id"
                                                                    id="admin_id">
                                                                    <option value="">@trans('Select Employee')
                                                                    </option>
                                                                    @foreach ($admin_employees as $item)
                                                                    <option value=" {{ $item->id }}" @selected($item->id
                                                                        == $course->admin_id)>
                                                                        {{ $item->name }}
                                                                    </option>
                                                                    @endforeach
                                                                </select>
                                                                @error('admin_id')
                                                                <span class="text-danger">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        {{-- <div class="col-sm-6">
                                                            <div class="mb-3">
                                                                <label class="form-label"
                                                                    for="certificate_id">@trans('Certificate Approval')
                                                                    <span class="text-danger">*</span></label>
                                                                <select class="form-control form-select"
                                                                    name="certificate_id" id="certificate_id">
                                                                    <option value="">@trans('Select Certificate
                                                                        Approval')
                                                                    </option>
                                                                    @foreach ($certificate as $item)
                                                                    <option value=" {{ $item->id }}" @selected($item->id
                                                                        == $course->certificate_id)>
                                                                        {{ $item->transLocale->first()->title }}
                                                                    </option>
                                                                    @endforeach
                                                                </select>
                                                                @error('certificate_id')
                                                                <span class="text-danger">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                        </div> --}}
                                                        <div class="col-md-12">
                                                            <label for="certificates" class="form-label">@trans('Course
                                                                certificates')</label>
                                                            <select name="certificates[]" id="certificates"
                                                                class="form-control select2-multiple"
                                                                multiple="multiple">
                                                                @foreach ($certificate as $group => $item)
                                                                <option value="{{ $item->id }}" {{ $course->
                                                                    certificatePivot->contains($item->id) ? 'selected' :
                                                                    '' }}>
                                                                    {{ $item->transLocale->first()->title }}
                                                                </option>
                                                                @endforeach
                                                            </select>
                                                            @error('certificates')
                                                            <span class="mt-1 p-1 text-danger">{{ $message }}</span>
                                                            @enderror
                                                            @error('certificates.*')
                                                            <span class="mt-1 p-1 text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                        <div class="col-md-12">
                                                            <label for="coachs"
                                                                class="form-label">@trans('Coachs')</label>
                                                            <select name="coachs[]" id="coachs"
                                                                class="form-control select2-multiple"
                                                                multiple="multiple">
                                                                @foreach ($coachs as $group => $item)
                                                                <option value="{{ $item->id }}" {{ $course->
                                                                    coachs->contains($item->id) ? 'selected' : '' }}>
                                                                    {{ $item->first_name }} {{ $item->list_name }}
                                                                </option>
                                                                @endforeach
                                                            </select>
                                                            @error('coachs')
                                                            <span class="mt-1 p-1 text-danger">{{ $message }}</span>
                                                            @enderror
                                                            @error('coachs.*')
                                                            <span class="mt-1 p-1 text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {{-- ? Courses languages --}}
                                <div class="col-sm-12">
                                    <div class="mt-2 accordion" id="accordionPanelsStayOpenExample">
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="course_languages-accordion-header">
                                                <button class="accordion-button fw-medium collapsed" type="button"
                                                    data-bs-toggle="collapse"
                                                    data-bs-target="#course_languages-accordion-content"
                                                    aria-expanded="false"
                                                    aria-controls="course_languages-accordion-content">
                                                    @trans('Course Languages')
                                                </button>
                                            </h2>
                                            <div id="course_languages-accordion-content"
                                                class="accordion-collapse collapse show"
                                                aria-labelledby="course_languages-accordion-header">
                                                <div class="accordion-body">
                                                    <div class="mb-3">

                                                        <div class="row">
                                                            @foreach ($course_languages as $item)
                                                            <div class="col-md-6">
                                                                <div class="form-check">
                                                                    <input class="form-check-input" type="checkbox"
                                                                        value="{{ $item->id }}"
                                                                        id="languages-{{ $item->id }}"
                                                                        name="languages[]" {{
                                                                        $course->courselanguage->contains('id',
                                                                    $item->id) ? 'checked' : '' }}>
                                                                    <label class="form-check-label"
                                                                        for="languages-{{ $item->id }}">
                                                                        {{ $item->trans->where('locale',
                                                                        $current_lang)->first()->title }}
                                                                    </label>
                                                                </div>
                                                            </div>
                                                            @endforeach
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                            @error('languages')
                                            <span class="mt-1 p-1 text-danger">{{ $message }}</span>
                                            @enderror
                                            @error('languages.*')
                                            <span class="mt-1 p-1 text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>

                                </div>
                                {{-- ? Courses Dependence --}}
                                <div class="col-sm-12">
                                    <div class="mt-2 accordion" id="accordionPanelsStayOpenExample">
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="dependences-accordion-header">
                                                <button class="accordion-button fw-medium collapsed" type="button"
                                                    data-bs-toggle="collapse"
                                                    data-bs-target="#dependences-accordion-content"
                                                    aria-expanded="false" aria-controls="dependences-accordion-content">
                                                    @trans('Dependence')
                                                </button>
                                            </h2>
                                            <div id="dependences-accordion-content"
                                                class="accordion-collapse collapse show"
                                                aria-labelledby="dependences-accordion-header">
                                                <div class="accordion-body">
                                                    <div class="mb-3">

                                                        <div class="row">
                                                            @foreach ($dependences as $item)
                                                            <div class="col-md-6">
                                                                <div class="form-check">
                                                                    <input class="form-check-input" type="checkbox"
                                                                        value="{{ $item->id }}"
                                                                        id="dependences-{{ $item->id }}"
                                                                        name="dependences[]" {{
                                                                        $course->dependences->contains('id', $item->id)
                                                                    ? 'checked' : '' }}>
                                                                    <label class="form-check-label"
                                                                        for="dependences-{{ $item->id }}">
                                                                        {{ @$item->trans->where('locale',
                                                                        $current_lang)->first()->title }}
                                                                    </label>
                                                                </div>
                                                            </div>
                                                            @endforeach
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                            @error('dependences')
                                            <span class="mt-1 p-1 text-danger">{{ $message }}</span>
                                            @enderror
                                            @error('dependences.*')
                                            <span class="mt-1 p-1 text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>

                                </div>
                                {{-- ? Courses Settings --}}
                                <div class="col-sm-12">
                                    <div class="mt-2 accordion" id="accordionPanelsStayOpenExample">
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="property-accordion-header">
                                                <button class="accordion-button fw-medium collapsed" type="button"
                                                    data-bs-toggle="collapse"
                                                    data-bs-target="#property-accordion-content" aria-expanded="false"
                                                    aria-controls="property-accordion-content">
                                                    @trans('Courses Settings')
                                                </button>
                                            </h2>
                                            <div id="property-accordion-content"
                                                class="accordion-collapse collapse show"
                                                aria-labelledby="property-accordion-header">
                                                <div class="accordion-body">
                                                    <div class="mb-3">
                                                        <div class="row">
                                                            <div class="mt-3 col-sm-4">
                                                                <div class="form-check form-check-inline">
                                                                    <input type="checkbox" class="form-check-input"
                                                                        id="customCheck3" name="status"
                                                                        @checked($course->status == 1)>
                                                                    <label class="form-check-label"
                                                                        for="customCheck3">@trans('Status') </label>
                                                                </div>
                                                            </div>
                                                            <div class="mt-3 col-sm-4">
                                                                <div class="form-check form-check-inline">
                                                                    <input type="checkbox" class="form-check-input"
                                                                        id="most_popular" name="most_popular"
                                                                        @checked($course->most_popular == 1)>
                                                                    <label class="form-check-label"
                                                                        for="most_popular">@trans('Most Popular')
                                                                    </label>
                                                                </div>
                                                            </div>
                                                            <div class="mt-3 col-sm-4">
                                                                <div class="form-check form-check-inline">
                                                                    <input type="checkbox" class="form-check-input"
                                                                        id="most_requested" name="most_requested"
                                                                        @checked($course->most_requested == 1)>
                                                                    <label class="form-check-label"
                                                                        for="most_requested">@trans('Most Requested')
                                                                    </label>
                                                                </div>
                                                            </div>
                                                            <div class="form-group mt-2">
                                                                <label for="type_course">@trans('Type of Course')
                                                                </label>
                                                                <div>
                                                                    <input type="radio" id="certificates"
                                                                        name="type_course" value="1" {{
                                                                        old('type_course', $course->type_course) == '1'
                                                                    ? 'checked' : '' }}>
                                                                    <label for="certificates">@trans('Professional
                                                                        certificates') </label>
                                                                </div>
                                                                <div>
                                                                    <input type="radio" id="regular_courses"
                                                                        name="type_course" value="0" {{
                                                                        old('type_course', $course->type_course) == '0'
                                                                    ? 'checked' : '' }}>
                                                                    <label
                                                                        for="regular_courses">@trans('RegularCourses')
                                                                    </label>
                                                                </div>
                                                                @error('type_course')
                                                                <div class="text-danger">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            @error('properties')
                                            <span class="mt-1 p-1 text-danger">{{ $message }}</span>
                                            @enderror
                                            @error('properties.*')
                                            <span class="mt-1 p-1 text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>

                                </div>

                            </div>

                        </div>
                    </div>
                    <div class="d-flex flex-wrap gap-2 mt-1 float-end p-2">
                        <button type="submit" class="btn btn-primary">@trans('Edit') </button>
                    </div>
                </div>
            </form>

            <!-- end card-body -->
        </div> <!-- end card-->
    </div> <!-- end col -->
</div>

@endsection
@section('script')
<script>
    $('.select2-multiple').select2({
            width: $(this).data('width') ? $(this).data('width') : $(this).hasClass('w-100') ? '100%' : 'style',
            placeholder: $(this).data('placeholder'),
            allowClear: Boolean($(this).data('allow-clear')),
        });
</script>
@endsection