@extends('admin.layouts.app')
@section('title')
    {{ isset($courses) ? 'Edit' : 'Create' }}
@endsection
@section('content')
    <div class="container-fluid">
        @php
            $route = isset($courses) ? route('course.update', $courses->id) : route('course.store');
        @endphp
        <form class="form-horizontal" action="{{ $route }}" method="POST" enctype="multipart/form-data" id="courseForm">
            @csrf
            @if (isset($courses))
                @method('PUT')
            @endif

            <div class="card">
                <div class="card-header">
                    <div class="d-flex justify-content-between align-items-center">
                        <h4 class="card-title mb-0">
                            Course {!! isset($courses) ? "Edit <span class='badge badge-primary'>" . $courses->id . '</span>' : 'Create' !!}
                        </h4>
                        <div>
                            <a href="{{ URL::previous() }}" class="btn btn-secondary mr-2">
                                <i class="fas fa-arrow-left"></i> Back
                            </a>
                            <button type="{{ isset($courses) ? 'button' : 'submit' }}" class="btn btn-success"
                                id="{{ isset($courses) ? 'submitbtn' : 'btn' }}">
                                {!! isset($courses) ? '<i class="fas fa-sync"></i> Update' : '<i class="fas fa-save"></i> Save' !!}
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="form-group">
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                    </div>
                </div>
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <ul class="nav nav-tabs" role="tablist">
                                @php
                                    $navItems = [['id' => 'tabs-1', 'icon' => 'fas fa-school', 'label' => 'Course'], ['id' => 'tabs-2', 'icon' => 'fas fa-asterisk', 'label' => 'Exams'], ['id' => 'tabs-3', 'icon' => 'fas fa-highlighter', 'label' => 'Highlight Desc'], ['id' => 'tabs-4', 'icon' => 'fas fa-paper-plane', 'label' => 'Required'], ['id' => 'tabs-5', 'icon' => 'fas fa-lightbulb', 'label' => 'Suggestion']];
                                @endphp
                                @foreach ($navItems as $navItem)
                                    @php
                                        if ($navItem['id'] == 'tabs-5') {
                                            if (isset($courses) && $courses->suggestion_data != '') {
                                                $con = '';
                                            } else {
                                                $con = 'd-none';
                                            }
                                        } else {
                                            $con = '';
                                        }
                                    @endphp

                                    <li class="nav-item {{ $con }}">
                                        <a class="nav-link{{ $loop->first ? ' active' : '' }}" data-toggle="tab"
                                            href="#{{ $navItem['id'] }}" role="tab">
                                            <i class="{{ $navItem['icon'] }}"></i>
                                            {{ $navItem['label'] }}
                                        </a>
                                    </li>
                                @endforeach

                            </ul>
                        </div>

                        <div class="card-body tab-content">
                            <div class="card tab-pane border active" id="tabs-1" role="tabpanel">
                                <div class="card-header">
                                    Course Details
                                </div>
                                <div class="card-body">
                                    <div class="row">

                                        @php
                                            $requirements = [
                                                'name' => 'Course Name',
                                                'url' => 'Course URL',
                                                'meta_title' => 'Course Meta Title',
                                                'meta_keywords' => 'Course Meta Keywords',
                                                'Amount' => 'Course Amount',
                                                'Currency' => 'Course Currency',
                                                'InrAmount' => 'Course InrAmount',
                                                'backlog' => 'Course Backlog',
                                                'commissionAmount' => 'Commission Amount',
                                                'CommissionCurrency' => 'Commission Currency',
                                                'ApplicationFeeAmt' => 'Application Fee Amt',
                                                'Concentration' => 'Concentration',
                                                'minWorkEx' => 'Min Work Experience',
                                                'maxWorkEx' => 'Max Work Experience',
                                                'minAge' => 'Min Age',
                                                'maxAge' => 'Max Age',
                                                'kc_id' => 'Course KcId',
                                                'sid' => 'Course sid',
                                                'shiksha_url' => 'Course Shiksha Url',
                                                'admission_website' => 'Course AdmissionWebsite',
                                            ];

                                        @endphp

                                        @foreach ($requirements as $key => $label)
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label for="{{ $key }}"
                                                        class="form-label">{{ $label }}</label>
                                                    @if (in_array($key, ['Currency', 'CommissionCurrency']))
                                                        <select class="form-control" name="{{ $key }}">
                                                            <option value="">Select {{ $key }}</option>
                                                            @foreach ($Currency as $data)
                                                                <option value="{{ $data->Currency }}"
                                                                    {{ $data->Currency == old($key, isset($courses) ? $courses->{$key} : '') ? 'selected' : '' }}>
                                                                    {{ $data->name }} ({{ $data->Currency }})
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    @else
                                                        <input class="form-control {{ error($key) }}" type="text"
                                                            name="{{ $key }}" id="{{ $key }}"
                                                            placeholder="{{ $label }}"
                                                            value="{{ old($key, isset($courses) ? $courses->{$key} : '') }}" />
                                                    @endif
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>

                            <div class="card tab-pane border" id="tabs-2" role="tabpanel">
                                <div class="card-header d-flex justify-content-between">
                                    <h5>Exams</h5>
                                    <h5 class="ml-5">Requirements</h5>
                                </div>
                                <div class="card-body d-flex gap-5">
                                    <table class="table table-striped table-bordered">
                                        <thead class="thead-dark">
                                            <tr>
                                                <th scope="col">Exam Type</th>
                                                <th scope="col">Required</th>
                                                <th scope="col">Score</th>
                                                <th scope="col">Less Than</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php
                                                $exams = [
                                                    'Ielts' => [
                                                        'Required' => 'IeltsRequired',
                                                        'Score' => 'IeltsOverall',
                                                        'LessThan' => 'IeltsNoBandLessThan',
                                                    ],
                                                    'Toefl' => [
                                                        'Required' => 'ToeflRequired',
                                                        'Score' => 'ToeflScore',
                                                        'LessThan' => 'TOEFLNoSectionLessThan',
                                                    ],
                                                    'PTE' => [
                                                        'Required' => 'PteRequired',
                                                        'Score' => 'PteScore',
                                                        'LessThan' => 'PTENoSectionLessThan',
                                                    ],
                                                    'Sat' => [
                                                        'Required' => 'SatRequired',
                                                        'Score' => 'SatScore',
                                                    ],
                                                    'Gmat' => [
                                                        'Required' => 'GmatRequired',
                                                        'Score' => 'GmatScore',
                                                    ],
                                                    'Act' => [
                                                        'Required' => 'ActRequired',
                                                        'Score' => 'ActScore',
                                                    ],
                                                    'Gre' => [
                                                        'Required' => 'GreRequired',
                                                        'Score' => 'GreScore',
                                                    ],
                                                    'DET' => [
                                                        'Required' => 'DETRequired',
                                                        'Score' => 'DETScore',
                                                    ],
                                                    'Without Maths' => [
                                                        'Required' => 'WithoutMaths',
                                                    ],
                                                    'Without English Proficiency' => [
                                                        'Required' => 'WithoutEnglishProficiency',
                                                    ],
                                                ];
                                            @endphp

                                            @foreach ($exams as $key => $value)
                                                <tr>
                                                    <th class="col-1">{{ $key }}</th>
                                                    <td class="col-1 ps-5">
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="{{ $value['Required'] }}"
                                                                value="0">
                                                            <input class="form-check-input toggle-checkbox" type="checkbox"
                                                                onchange="istoggleexam(this)" role="switch"
                                                                id="{{ $value['Required'] }}"
                                                                name="{{ $value['Required'] }}" value="1"
                                                                {{ (isset($courses) && ($courses->{$value['Required']} == '1' || (isset($value['Score']) && $courses->{$value['Score']} > 0))) || old($value['Required']) ? 'checked' : '' }}>

                                                        </div>
                                                    </td>
                                                    <td class="col-1">
                                                        @if (isset($value['Score']))
                                                            <input class="form-control input-group toggle-input"
                                                                type="number" placeholder="Score"
                                                                name="{{ $value['Score'] }}" id="{{ $value['Score'] }}"
                                                                value="{{ isset($courses) ? old($value['Score'], $courses->{$value['Score']}) : old($value['Score']) }}">
                                                        @endif
                                                    </td>
                                                    <td class="col-1">
                                                        @if (isset($value['LessThan']))
                                                            <input class="form-control input-group toggle-input"
                                                                type="number" placeholder="Less Than"
                                                                name="{{ $value['LessThan'] }}"
                                                                id="{{ $value['LessThan'] }}"
                                                                value="{{ isset($courses) ? old($value['LessThan'], $courses->{$value['LessThan']}) : old($value['LessThan']) }}">
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                    <table class="table table-striped table-bordered">
                                        <thead class="thead-dark">
                                            <tr>
                                                <th scope="col">Required</th>
                                                <th scope="col">Score</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php
                                                $requirements = [
                                                    'EntryRequirementTwelfthOutOf4' => 'Twelth Out Of 4',
                                                    'EntryRequirementTwelfthOutOf5' => 'Twelth Out Of 5',
                                                    'EntryRequirementTwelfthOutOf7' => 'Twelth Out Of 7',
                                                    'EntryRequirementTwelfthOutOf10' => 'Twelth Out Of 10',
                                                    'EntryRequirementTwelfthOutOf45' => 'Twelth Out Of 45',
                                                    'EntryRequirementTwelfthOutOf100' => 'Twelth Out Of 100',
                                                    'EntryRequirementUgOutOf4' => 'UnderGraduation Out Of 4',
                                                    'EntryRequirementUgOutOf5' => 'UnderGraduation Out Of 5',
                                                    'EntryRequirementUgOutOf7' => 'UnderGraduation Out Of 7',
                                                    'EntryRequirementUgOutOf10' => 'UnderGraduation Out Of 10',
                                                    'EntryRequirementUgOutOf100' => 'UnderGraduation Out Of 100',
                                                ];
                                            @endphp
                                            @foreach ($requirements as $key => $value)
                                                <tr>
                                                    <th class="col-1">{{ $value }}</th>
                                                    <td class="col-1">
                                                        <input class="form-control" type="number" name="{{ $key }}" id="{{ $key }}" placeholder="{{ $value }}" value="{{ old($key, isset($courses) ? $courses->{$key} : '') }}"  
                                                        @if (Str::startsWith($key, 'EntryRequirementUgOutOf'))
                                                        max="{{ (int) Str::afterLast($key, 'OutOf') }}"
                                                        @endif
                                                            />
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                            <div class="card tab-pane border" id="tabs-3" role="tabpanel">
                                <div class="card-header">
                                    Academic & Course Highlights
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        @php
                                            $desc = [
                                                'highlights' => 'Highlight Description',
                                                'tenth_description' => 'Tenth Description',
                                                'twelth_description' => 'Twelth Description',
                                                'graduation_description' => 'Graduation Description',
                                                'postGraduation_description' => 'Post Graduation Description',
                                                'page_content' => 'Page Content',
                                                'internationalDescription' => 'International Description',
                                                'description' => 'Description',
                                                'meta_description' => 'Meta Description',
                                            ];
                                        @endphp

                                        @foreach ($desc as $key => $label)
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <label for="{{ $key }}">{{ $label }}</label>
                                                    <textarea id="editor{{ $loop->iteration }}" rows="3" name="{{ $key }}"
                                                        placeholder="{{ $label }}" class="form-control">{{ isset($courses) ? old($key, $courses->{$key}) : old($key) }}</textarea>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>{{ error('course_level_id') }}

                            <div class="card tab-pane border" id="tabs-4" role="tabpanel">
                                <div class="card-header">
                                    Required Details
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-9">
                                            <div class="row">
                                                <div class="form-group col-3">
                                                    <input type="hidden" name="city_id"
                                                        value="{{ isset($courses) ? $courses->city_id : '' }}"
                                                        id="city_id">
                                                    <label for="university">University</label>
                                                    <select name="university_id"
                                                        class="form-control select2bs4 {{ error('university') }}"
                                                        id="university">
                                                        <option value="{{ $courses->university_id ?? '' }}"
                                                            {{ isset($courses) ? 'selected' : '' }}>
                                                            {{ isset($courses->university) ? $courses->university->name . ' (' . $courses->university->id . ')' : 'Select university' }}
                                                        </option>
                                                    </select>
                                                    <x-forms.error name="university_id" />
                                                </div>

                                                <div class="form-group col-3">
                                                    <x-forms.label name="Course Level" />
                                                    <select name="course_level_id"
                                                        class="form-control select2bs4 {{ error('course_level_id') }}"
                                                        id="course_level_id">
                                                        <option value="">Select Course Level</option>
                                                        @foreach ($course_levels as $data)
                                                            <option
                                                                {{ $data->id == old('course_level_id', isset($courses) ? $courses->course_level_id : '') ? 'selected' : '' }}
                                                                value="{{ $data->id }}"
                                                                data-name="{{ $data->name }}">
                                                                {{ $data->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    <input type="hidden" name="course_level" id="course_level"
                                                        value="{{ old('course_level', isset($courses) ? $courses->course_level : '') }}"
                                                        readonly>
                                                    <x-forms.error name="course_level_id" />
                                                </div>

                                                {{-- <div class="form-group col-3">
                                                    <x-forms.label name="Course Categories" :required="true" />
                                                    <select name="course_categories_id"
                                                        class="form-control select2bs4 {{ error('course_categories_id') }}"
                                                        id="course_categories_id">
                                                        <option value="">Select Course Categories</option>
                                                        @foreach ($course_categories as $data)
                                                            <option value="{{ $data->id }}"
                                                                {{ $data->id == old('course_categories_id', isset($courses) ? $data->id : '') ? 'selected' : '' }}>
                                                                {{ $data->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    <x-forms.error name="course_categories_id" />
                                                </div> --}}

                                                <div class="form-group col-3">
                                                    <x-forms.label name="Education Type" />
                                                    <select name="educationType"
                                                        class="form-control {{ error('educationType') }}"
                                                        id="educationType">
                                                        <option value="" class="">Select Education Type
                                                        </option>
                                                        <option
                                                            {{ 'Full Time' == old('educationType', isset($courses) ? $courses->educationType : '') ? 'selected' : '' }}
                                                            value="Full Time">
                                                            Full Time
                                                        </option>
                                                        <option
                                                            {{ 'Part Time' == old('educationType', isset($courses) ? $courses->educationType : '') ? 'selected' : '' }}
                                                            value="Part Time">
                                                            Part Time
                                                        </option>
                                                    </select>
                                                </div>


                                                <div class="form-group col-3">
                                                    <x-forms.label name="Duration Unit" />
                                                    <select name="durationUnit"
                                                        class="form-control {{ error('durationUnit') }}"
                                                        id="durationUnit">
                                                        <option value="" class="">Select Duration Unit
                                                        </option>
                                                        <option
                                                            {{ 'weeks' == old('durationUnit', isset($courses) ? $courses->durationUnit : '') ? 'selected' : '' }}
                                                            value="weeks">
                                                            Weeks
                                                        </option>
                                                        <option
                                                            {{ 'months' == old('durationUnit', isset($courses) ? $courses->durationUnit : '') ? 'selected' : '' }}
                                                            value="months">
                                                            Months
                                                        </option>
                                                        <option
                                                            {{ 'years' == old('durationUnit', isset($courses) ? $courses->durationUnit : '') ? 'selected' : '' }}
                                                            value="years">
                                                            Years
                                                        </option>
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="row">

                                                <div class="form-group col-3">
                                                    <x-forms.label name="Duration Value" />
                                                    <x-forms.input type="number" name="durationValue"
                                                        placeholder="Duration Value"
                                                        value="{{ old('durationValue', isset($courses) ? $courses->durationValue : '') }}" />
                                                </div>

                                                <div class="form-group col-3">
                                                    <label for="commissionMode">Commission Mode</label>
                                                    <select name="commissionMode"
                                                        class="form-control {{ error('commissionMode') }}"
                                                        id="commissionMode">
                                                        <option value="P"
                                                            {{ old('commissionMode', isset($courses) && $courses->commissionMode == 'P' ? 'selected' : '') }}>
                                                            P
                                                        </option>
                                                        <option value="0"
                                                            {{ old('commissionMode', isset($courses) && $courses->commissionMode == 'L' ? 'selected' : '') }}>
                                                            L
                                                        </option>
                                                    </select>
                                                </div>

                                                <div class="form-group col-3">
                                                    <x-forms.label name="Delivery Method" />
                                                    <select name="deliveryMethod"
                                                        class="form-control {{ error('deliveryMethod') }}"
                                                        id="deliveryMethod">
                                                        <option value="" class="">Select Delivery Method
                                                        </option>
                                                        <option
                                                            {{ 'classroom' == old('deliveryMethod', isset($courses) ? $courses->deliveryMethod : '') ? 'selected' : '' }}
                                                            value="classroom">Classroom</option>
                                                        <option
                                                            {{ 'online' == old('deliveryMethod', isset($courses) ? $courses->deliveryMethod : '') ? 'selected' : '' }}
                                                            value="online">Online</option>
                                                    </select>
                                                </div>

                                                <div class="form-group col-6">
                                                    <label for="study_area_id">Study Area</label>
                                                    <select name="study_area_id[]"
                                                        class="form-control select2bs4 {{ error('study_area_id') }}"
                                                        id="study_area_id" multiple>
                                                        <option value="" disabled>Study Area</option>
                                                        @foreach ($study_area as $area)
                                                            <option value="{{ $area->id }}"
                                                                {{ isset($courses) && in_array($area->id, explode(',', $courses->study_area_id)) ? 'selected' : '' }}>
                                                                {{ $area->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    <x-forms.error name="study_area_id" />
                                                </div>

                                                <div class="form-group col-6">
                                                    <label for="study_area_sub_id">Sub Study Area</label>

                                                    <select name="study_area_sub_id[]" class="form-control select2bs4"
                                                        id="study_area_sub_id" multiple>
                                                        @if (isset($courses))
                                                            @foreach ($study_area_sub as $area)
                                                                <option value="{{ $area->id }}" selected>
                                                                    {{ $area->name }}
                                                                </option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                </div>
                                                <div class="form-group col-6">
                                                    <label for="Intakes">Intakes</label>
                                                    <select name="Intakes[]" class="form-control select2bs4"
                                                        id="Intakes" multiple>
                                                        @php
                                                            $allMonths = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
                                                            $selectedMonths = isset($courses) ? explode(',', $courses->Intakes) : [];
                                                        @endphp

                                                        @foreach ($allMonths as $month)
                                                            <option value="{{ $month }}"
                                                                {{ in_array(trim($month), $selectedMonths) ? 'selected' : '' }}>
                                                                {{ $month }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-3">
                                            <table class="table table-striped table-bordered">
                                                <thead class="thead-dark">
                                                    <tr>
                                                        <th scope="col">Basic Required</th>
                                                        <th scope="col">Status (Y/N)</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @php
                                                        $exams = [
                                                            'IsDeadlinePassed' => 'IsDeadlinePassed',
                                                            'AppFeeWaiverAvailable' => 'Application Fees Wavier',
                                                            'IsExtraChoicesOfPrograms' => 'Is Extra Choices Of Programs',
                                                            'IsOnlineCourse' => 'Online Course',
                                                            'ScholarshipAvailable' => 'Scholarship',
                                                            'FifteenYearsEducation' => 'Fifteen Years Education',
                                                            'status' => 'Status',
                                                        ];
                                                    @endphp
                                                    @foreach ($exams as $key => $value)
                                                        <tr>
                                                            <th
                                                                class="form-group {{ $key == 'status' ? 'bg-success' : '' }}">
                                                                <label
                                                                    for="{{ $key }}">{{ $value }}</label>
                                                            </th>
                                                            <td class="ps-5">
                                                                <div class="form-check form-switch">
                                                                    <input type="hidden" name="{{ $key }}"
                                                                        value="0">
                                                                    <input class="form-check-input" type="checkbox"
                                                                        role="switch" id="{{ $key }}"
                                                                        name="{{ $key }}" value="1"
                                                                        {{ (isset($courses) ? ($courses->{$key} == '1' ? 'checked' : '') : old($key)) ? 'checked' : '' }}>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            @isset($courses->suggestion_data)
                                <div class="card tab-pane border" id="tabs-5" role="tabpanel">
                                    <div class="card-header">
                                        Suggestion
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-12">
                                                <table class="table table-striped table-bordered">
                                                    <thead class="thead-dark">
                                                        <tr>
                                                            <th scope="col">Id</th>
                                                            <th scope="col">User Name</th>
                                                            <th scope="col">Date</th>
                                                            <th scope="col">Message</th>
                                                            <th scope="col">Action Button</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @php
                                                            $json_data = $courses->suggestion_data;
                                                            $suggestion_data = json_decode($json_data, true);

                                                        @endphp
                                                        @foreach ($suggestion_data as $value)
                                                            <tr id="suggestion-{{ $value['id'] }}">
                                                                @php
                                                                    $user = \App\Models\Admin::find($value['admin_id']);
                                                                    $user_name = $user ? $user->name : 'User not found';
                                                                @endphp

                                                                <td>{{ $value['id'] }}</td>
                                                                <td>{{ $user_name }}</td>
                                                                <td>{{ $value['timestamp'] }}</td>
                                                                <td>{{ $value['suggestion_text'] }}</td>
                                                                <td>
                                                                    <a herf="javascript:void(0)" type="button"
                                                                        class="delete-btn"
                                                                        data-suggestion-id="{{ $value['id'] }}">
                                                                        <i class="fa fa-trash"></i> Delete
                                                                    </a>
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endisset
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection

@section('style')
    <link href="https://cdn.jsdelivr.net/npm/@sweetalert2/theme-dark@4/dark.css" rel="stylesheet">
    <link rel="stylesheet" href="{{ asset('backend') }}/plugins/select2/css/select2.min.css">
    <link rel="stylesheet" href="{{ asset('backend') }}/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css">
    <link rel="stylesheet" href="{{ asset('frontend') }}/secondary-theme/assets/css/bootstrap-datepicker.min.css">
    <style>
        .ck-editor__editable_inline {
            min-height: 400px;
        }

        .select2-results__option[aria-selected=true] {
            display: none;
        }

        .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
            color: #fff;
            border: 1px solid #fff;
            background: #007bff;
            border-radius: 30px;
        }

        .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
            color: #fff;
        }
    </style>
    <x-map.leaflet.map_links />
    <x-map.leaflet.autocomplete_links />
    @include('map::links')
@endsection

@section('script')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.js"></script>
    <script src="{{ asset('frontend/secondary-theme/assets/js/bootstrap-datepicker.min.js') }}"></script>
    <script src="{{ asset('backend/plugins/select2/js/select2.full.min.js') }}"></script>
    <script>
        $(document).ready(function() {

            $('input[type="number"]').on('keyup', function () {
                var input = $(this);
                var maxValue = input.attr('max');
                var value = input.val();

                if (value > maxValue) {
                    input.addClass('is-invalid');
                    input.next('.invalid-feedback').text(input.data('max-error'));
                } else {
                    input.removeClass('is-invalid');
                    input.next('.invalid-feedback').text('');
                }
            });
            
            $('.delete-btn').click(function() {
                var suggestionId = $(this).data('suggestion-id');
                var url = `{{ route('course.suggestionId') }}?suggestionId=${suggestionId}&courseId=${courseId}`;
                var courseId = {!! json_encode(@$courses->id) !!};
                $.ajax({
                    url: url,
                    type: "GET",
                    success: function(result) {
                        $(`#suggestion-${suggestionId}`).remove();
                    },
                    error: function(error) {
                        console.error(error);
                    }
                });

            });

            $('.toggle-checkbox').each(function() {
                istoggleexam(this);
            });
            $('#name').on('keyup', function() {
                var formattedValue = $('#name').val().replace(/[^\w\s]/gi, '').replace(/\s+/g, '-');
                formattedValue = formattedValue.replace(/-+/g, '-');
                $('#url').val(formattedValue.toLowerCase());
            });

            for (i = 0; i < 11; i++) {
                ClassicEditor.create($(`#editor${i}`)[0]).catch(error => {
                    console.error(error);
                });
            }

            $('.select2bs4').select2({
                theme: 'bootstrap4'
            })

            $('#course_level_id').on('change', function() {
                var selectedOption = $(this).find(':selected');
                var courseLevel = selectedOption.data('name');
                $('#course_level').val(courseLevel);
            });

            $("#university").select2({
                theme: "bootstrap4",
                ajax: {
                    url: "{{ route('course.getUniversityId') }}",
                    type: "GET",
                    data: function(params) {
                        return {
                            term: params.term,
                        };
                    },
                    processResults: function(data) {
                        return {
                            results: $.map(data, function(item) {
                                return {
                                    id: item.id,
                                    text: `${item.name} (${item.id})`,
                                    city_id: item.city_id,
                                };
                            }),
                        };
                    },
                },
            }).on("select2:select", function(e) {
                var selectedData = e.params.data;
                $("#city_id").val(selectedData.city_id);
            });

            $('#submitbtn').on('click', function() {
                Swal.fire({
                    title: "Do you want to save the changes?",
                    showDenyButton: true,
                    showCancelButton: true,
                    confirmButtonText: "Save",
                    denyButtonText: `Don't save`
                }).then((result) => {
                    if (result.isConfirmed) {
                        // If the user confirms, submit the form
                        $('#courseForm').submit();
                    } else if (result.isDenied) {
                        // Handle the case where the user chooses not to save
                        Swal.fire("Changes are not saved", "", "info");
                    }
                });
            });

        });


        $('#study_area_id').on('change', function() {
            var study_area_id = $('#study_area_id').val();

            if (study_area_id == '') {
                $('#study_area_sub_id').val('');
                return;
            }
            $.ajax({
                url: "{{ route('course.getSubStudyId') }}",
                type: "POST",
                data: {
                    study_area_id: study_area_id,
                    _token: '{{ csrf_token() }}'
                },
                success: function(result) {
                    $.each(result.data, function(key, value) {
                        $("#study_area_sub_id").append('<option value="' + value.id + '">' +
                            value.name + '</option>');
                    });
                },
                error: function(error) {
                    console.error(error);
                }
            });
        });


        function istoggleexam(e) {
            var isChecked = $(e).prop('checked');
            var row = $(e).closest('tr');
            row.find('.toggle-input').prop('readonly', !isChecked);

            if (!isChecked) {
                row.find('.toggle-input').val(0);
            }
        }
    </script>
@endsection