@extends('admin.layouts.leadManagement')
@section('title')
    {{ __('edit') }}
@endsection

@section('style')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css?v={{ env('CRM_VERSION') }}"
        rel="stylesheet" />
    <link rel="stylesheet" href="{{ asset('backend') }}/lead-management/css/lead.css?v={{ env('CRM_VERSION') }}">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

    {{-- Filemanger Start --}}
    <div class="modal fade" id="fileManagerModal" tabindex="-1" role="dialog" aria-labelledby="fileManagerModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="fileManagerModalLabel">File Manager</h5>
                    <button type="button" class="close remove-all-styles" data-dismiss="modal" aria-label="Close"
                        onclick="closeFileManager()">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal"
                        onclick="closeFileManager()">Close</button>
                </div>
            </div>
        </div>
    </div>

    <style>
        .preview-filemanger {
            width: 300px;
            height: 175px;
            margin-bottom: -14px;
            overflow: hidden;
        }

        .preview-filemanger img,
        .preview-filemanger embed,
        .preview-filemanger video {
            max-width: 100%;
            height: auto;
            display: block;
            margin: 0 auto;
        }

        .remove-all-styles {
            border: none !important;
            width: auto !important;
            font-size: initial !important;
            line-height: normal !important;
            font-family: initial !important;
            outline: none !important;
        
            background: transparent !important;
            -webkit-transition: none !important;
            transition: none !important;
        }
    </style>
    <script src="{{ asset('backend/css/filemanger/filemanager.js') }}"></script>
    {{-- Filemanger end --}}
@endsection
@section('content')
    @php
        $detail_description = json_decode(@$class->description, true);
        $des_serial = 1;
        $task_description = json_decode(@$class->task_description, true);
        $study_material = json_decode(@$class->study_material, true);

        $start_with = 1;
        if ($detail_description != null) {
            $start_with = $start_with + count($detail_description);
        }
        if ($task_description != null) {
            $start_with = $start_with + count($task_description);
        }

        if ($study_material != null) {
            // dd(count($study_material));
            $start_with = $start_with + count($study_material);
        }
    @endphp

    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css?v={{ env('CRM_VERSION') }}">
    <link rel="stylesheet" href="{{ asset('backend') }}/lead-management/css/follow-up.css?v={{ env('CRM_VERSION') }}">
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css?v={{ env('CRM_VERSION') }}">
    <style>
        .loader {
            z-index: 1000;
            margin: 0;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: none;
        }

        .hide_data {
            display: inline;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            /* background:white; */
            height: 100vh;
            width: 100%;
            z-index: 1000;

        }

        #followps_show:hover {
            display: inline;
        }

        .comment:hover>.followps_show {
            display: inline;
        }

        #formSubmit {
            display: none;
        }

        #calendar {
            max-width: 1100px;
            margin: 0 auto;
        }
    </style>



    <div class="main container-fluid">
        <div class="top">
            <div class="head-detail">
                <p class="head">{{ __('edit') }} Class</p>
            </div>

            <p class="t-right">
                @if(userCan('class.view'))
                <a href="{{ route('admin.class.index')}}" class="follow-up">Back</a>
                @endif
            </p>

        </div>


        <div class="tab-list">
        </div>

        <div class="detail-list">
            <div class="row justify-content-center">
                <div class="col-md-12">
                    <form action="{{ route('admin.class.update', @$class->id) }}" method="POST"
                        enctype="multipart/form-data">
                        @csrf
                        @method('PUT')
                        <div class="card">
                            <div class="card-header fw-bold accordion-bg-light" data-toggle="collapse"
                                data-target="#collapseOne" aria-expanded="true">
                                <span class="title">Class Details</span>
                                <span class="accicon"><i class="fas fa-angle-down rotate-icon"></i></span>
                            </div>
                            <div id="collapseOne" class="collapse show" data-parent="">

                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="form-label" for="batch_id">{{ __('Select Batches') }} <small
                                                        class="text-danger">*</small></label>
                                                <select name="batch_id" id="batch_id"
                                                    class="form-control {{ error('batch_id') }}">
                                                    <option value="">Select Batches</option>
                                                    @foreach ($batches as $val)
                                                        <option value="{{ $val->id }}"
                                                            {{ old('batch_id', @$class->batch_id) == $val->id ? 'selected' : '' }}>
                                                            {{ $val->batch_name ?? $val->id }}
                                                            ({{ $val->batch_code ?? '--' }})
                                                        </option>
                                                    @endforeach
                                                </select>
                                                @error('status')
                                                    <span class="invalid-feedback" role="alert">{{ __(@$message) }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="form-label"
                                                    for="start_date">{{ __('Start Date and Time') }}<small
                                                        class="text-danger">*</small></label>
                                                <input class="form-control @error('start_date') is-invalid @enderror"
                                                    type="datetime-local" id="start_date" name="start_date"
                                                    value="{{ !empty($class->start_date) ? date('Y-m-d\TH:i', strtotime($class->start_date)) : '' }}"
                                                    placeholder="{{ __('Select a Start Date and Time') }}">
                                                @error('start_date')
                                                    <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                                @enderror
                                            </div>
                                        </div>



                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="form-label" for="class_name">{{ __('Class Name') }}
                                                    <small class="text-danger">*</small></label>
                                                <input type="text" id="class_name" name="class_name"
                                                    value="{{ old('class_name', @$class->class_name) }}"
                                                    class="form-control @error('class_name') is-invalid @enderror"
                                                    placeholder="{{ __('Enter Class Name') }}">
                                                @error('class_name')
                                                    <span class="invalid-feedback" role="alert">{{ __(@$message) }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="form-label" for="class_code">{{ __('Class Code') }}
                                                    <small class="text-danger">*</small></label>
                                                <input type="text" id="class_code" name="class_code"
                                                    value="{{ old('class_code', @$class->class_code) }}"
                                                    class="form-control @error('class_code') is-invalid @enderror"
                                                    placeholder="{{ __('Enter Class Code') }}">
                                                @error('class_code')
                                                    <span class="invalid-feedback" role="alert">{{ __(@$message) }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="form-label" for="class_mode">{{ __('Select Class Mode') }}
                                                    <small class="text-danger">*</small></label>
                                                <select name="class_mode" class="form-control {{ error('class_mode') }}"
                                                    id="class_mode">
                                                    <option {!! old('class_mode', @$class->class_mode) == '0' ? 'selected' : '' !!} value="0">{{ __('Offline') }}
                                                    </option>
                                                    <option {!! old('class_mode', @$class->class_mode) == '1' ? 'selected' : '' !!} value="1">{{ __('Online') }}
                                                    </option>

                                                </select>
                                                @error('class_mode')
                                                    <span class="invalid-feedback" role="alert">{{ __(@$message) }}</span>
                                                @enderror
                                            </div>
                                        </div>


                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="form-label" for="status">{{ __('Select Status') }} <small
                                                        class="text-danger">*</small></label>
                                                <select class="form-control {{ error('status') }}" name="status">
                                                    <option value="0" {!! old('status', @$class->status) == '0' ? 'selected' : '' !!}>{{ __('inactive') }}
                                                    </option>
                                                    <option value="1" {!! old('status', @$class->status) == '1' ? 'selected' : '' !!}>{{ __('active') }}
                                                    </option>
                                                </select>
                                                @error('status')
                                                    <span class="invalid-feedback" role="alert">{{ __(@$message) }}</span>
                                                @enderror
                                            </div>
                                        </div>



                                        {{-- <div class="col-md-6">
                                      <div class="form-group">
                                          <label class="form-label" for="start_date">{{ __('Start Date') }}<small
                                              class="text-danger">*</small></label>
                                          <input class="form-control @error('start_date') is-invalid @enderror" type="date" id="start_date" name="start_date"
                                          @if (!empty($class->start_date))
                                          value="{{ (date('Y-m-d',strtotime($class->start_date)))}}"
                                          @endif placeholder="{{ __('Select a Start Date') }}"> 
                                          @error('start_date')
                                          <span class="invalid-feedback" role="alert">{{ __(@$message) }}</span>
                                          @enderror
                                      </div>
                                  </div> --}}



                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="form-label" for="tutor_id">{{ __('Select Tutor') }} <small
                                                        class="text-danger">*</small></label>
                                                <select name="tutor_id" id="tutor_id"
                                                    class="form-control {{ error('tutor_id') }}">
                                                    <option value="">Select Tutor</option>
                                                    @foreach (array_filter($admin_list_tutor, function ($item) {
            return $item['status'] == 1;
        }) as $option)
                                                        @if (!empty($option))
                                                            <option value="{{ $option['id'] }}"
                                                                {{ old('tutor_id', @$class->tutor_id) == $option['id'] ? 'selected' : '' }}>
                                                                {{ $option['name'] }}
                                                            </option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                                @error('tutor_id')
                                                    <span class="invalid-feedback" role="alert">{{ __(@$message) }}</span>
                                                @enderror
                                            </div>
                                        </div>



                                        {{-- <div class="col-md-6">
                                      <div class="form-group">
                                          <label class="form-label" for="link">{{ __('Class link') }}
                                             <small
                                                  class="text-danger">*</small></label>
                                          <input type="text" id="link" name="link" value="{{ old('link', @$class->link) }}"
                                              class="form-control @error('link') is-invalid @enderror"
                                              placeholder="{{ __('Enter link') }}">
                                          @error('link')
                                              <span class="invalid-feedback" role="alert">{{ __(@$message) }}</span>
                                          @enderror
                                      </div>
                                  </div> --}}


                                        {{-- <div class="col-md-6 mt-2">
                                      <div class="form-group">
                                          <label class="form-label" for="notes">{{ __('notes') }}
                                            <small
                                                  class="text-danger">*</small></label>
                                          <textarea id="editor1" rows="10" cols="5" name="notes" placeholder="{{ __('enter') }} {{ __('notes') }}" value="{{ old('notes', @$class->notes) }}" class="form-control @error('notes') is-invalid @enderror"> {{ old('notes') }}</textarea>
                                          @error('notes')
                                              <span class="invalid-feedback" role="alert">{{ __(@$message) }}</span>
                                          @enderror
                                      </div>
                                  </div> --}}


                                        {{-- <div class="col-md-6 mt-2">
                                    <div class="form-group">
                                        <label class="form-label" for="description">{{ __('description') }}
                                        <small
                                                class="text-danger">*</small></label>
                                        <textarea id="editor1" rows="10" cols="5" name="description" placeholder="{{ __('Enter Description') }}" class="form-control @error('description') is-invalid @enderror">{!! old('description', @$class->description) !!}</textarea>
                                        @error('description')
                                        <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div> --}}



                                        {{-- <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-label" for="document_links">{{ __('Document Links') }}
                                           <small
                                                class="text-danger">*</small></label>
                                        <input type="text" id="document_links" name="document_links" value="{{ old('document_links', @$class->document_links) }}"
                                            class="form-control @error('document_links') is-invalid @enderror"
                                            placeholder="{{ __('Enter Document Links') }}">
                                        @error('document_links')
                                            <span class="invalid-feedback" role="alert">{{ __(@$message) }}</span>
                                        @enderror
                                    </div>
                                </div>  --}}

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="form-label"
                                                    for="class_duration">{{ __('Class Duration In minutes') }}
                                                    <small class="text-danger">*</small></label>
                                                <input type="number" min="1" max="100000" id="class_duration"
                                                    name="class_duration"
                                                    value="{{ old('class_duration', @$class->class_duration) }}"
                                                    class="form-control @error('class_duration') is-invalid @enderror"
                                                    placeholder="{{ __('Enter Class Duration In minutes EX: 30') }}"
                                                    readonly>
                                                @error('class_duration')
                                                    <span class="invalid-feedback" role="alert">{{ __(@$message) }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="form-label" for="module_name">{{ __('Module Name') }}
                                                    <small class="text-danger">*</small></label>
                                                <input type="text" id="module_name" name="module_name"
                                                    value="{{ old('module_name', @$class->module_name) }}"
                                                    class="form-control @error('module_name') is-invalid @enderror"
                                                    placeholder="{{ __('Enter Module Name') }}">
                                                @error('module_name')
                                                    <span class="invalid-feedback" role="alert">{{ __(@$message) }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="form-label"
                                                    for="recording_status">{{ __('Select Recording Status') }}
                                                    <small class="text-danger">*</small></label>
                                                <select class="form-control {{ error('recording_status') }}"
                                                    name="recording_status">
                                                    <option value="0" {!! old('recording_status', @$class->recording_status) == '0' ? 'selected' : '' !!}>{{ __('NO') }}
                                                    </option>
                                                    <option value="1" {!! old('recording_status', @$class->recording_status) == '1' ? 'selected' : '' !!}>{{ __('Yes') }}
                                                    </option>
                                                </select>
                                                @error('recording_status')
                                                    <span class="invalid-feedback" role="alert">{{ __(@$message) }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </br>
                        <div class="card">
                            <div class="card-header collapsed fw-bold accordion-bg-light" data-toggle="collapse"
                                data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                                <span class="title">Additional Details (optional)</span>
                                <span class="accicon"><i class="fas fa-angle-down rotate-icon"></i></span>
                            </div>
                            <div id="collapseFive" class="collapse" data-parent="">
                                <div class="card-body">
                                    <div class="card">
                                        <div class="card-header collapsed fw-bold accordion-bg-light"
                                            data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true"
                                            aria-controls="collapseTwo">
                                            <span class="title">Description</span>
                                            <span class="accicon"><i class="fas fa-angle-down rotate-icon"></i></span>
                                        </div>
                                        <div id="collapseTwo" class="collapse show" data-parent="">
                                            <div class="card-body">

                                                <div class="form-group col-12 col-md-12 col-lg-12 col-xl-12">
                                                   
                                                    <div class=""
                                                        style="border: 1px solid rgb(218, 207, 207); border-radius:10px;">

                                                        <table id="class_des{{ $class->id }}" class="table">
                                                            <thead>
                                                                <tr>
                                                                    <th scope="col">Type</th>
                                                                    <th scope="col"> Task Name</th>
                                                                    <th scope="col">Duration</th>
                                                                    <th scope="col">link</th>
                                                                    <th scope="col">Action</th>
                                                                </tr>
                                                                <tr>
                                                                    <td colspan="5">
                                                                        <p class="btn btn-primary add-row p-1"
                                                                            data-table="class_des{{ $class->id }}">Add
                                                                            Row
                                                                        </p>
                                                                    </td>

                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                @if ($detail_description === null)
                                                                @else
                                                                    @foreach ($detail_description as $description)
                                                                        <tr>
                                                                            <td>
                                                                                <select class="form-control"
                                                                                    name="class_des{{ @$class->id }}[{{ $des_serial }}][type]"
                                                                                    id="type_class_des{{ @$class->id }}_{{ @$des_serial }}"
                                                                                    onchange="select_mock_test(
                                                        'class_des{{ $class->id }}[{{ $des_serial }}]',
                                                        'type_class_des{{ $class->id }}_{{ $des_serial }}',
                                                        'class_des{{ $class->id }}_{{ $des_serial }}')
                                                        ">
                                                                                    <option value="Simple task"
                                                                                        {{ @$description['type'] == 'Simple task' ? 'selected' : '' }}>
                                                                                        Simple task</option>

                                                                                </select>

                                                                            </td>

                                                                            @if (@$description['type'] == 'Simple task')
                                                                                <td
                                                                                    id="name_tdclass_des{{ $class->id }}_{{ $des_serial }}">
                                                                                    <input type="text"
                                                                                        class="form-control"
                                                                                        placeholder="Write Text"
                                                                                        name="class_des{{ $class->id }}[{{ $des_serial }}][name]"
                                                                                        value="{{ @$description['name'] }}">
                                                                                </td>

                                                                                <td
                                                                                    id="duration_tdclass_des{{ $class->id }}_{{ $des_serial }}">
                                                                                    <input type="text"
                                                                                        class="form-control"
                                                                                        placeholder="Enter duration"
                                                                                        name="class_des{{ $class->id }}[{{ $des_serial }}][duration]"
                                                                                        value="{{ @$description['duration'] }}">
                                                                                </td>

                                                                                <td
                                                                                    id="link_tdclass_des{{ $class->id }}_{{ $des_serial }}">
                                                                                    <input type="text"
                                                                                        class="form-control"
                                                                                        placeholder="Enter link"
                                                                                        name="class_des{{ $class->id }}[{{ $des_serial }}][link]"
                                                                                        value="{{ @$description['link'] }}">
                                                                                </td>

                                                                                <td>
                                                                                    <p class='btn btn-danger delete-row'>
                                                                                        Delete
                                                                                    </p>
                                                                                </td>
                                                                            @elseif(@$description['type'] == 'Mock test')
                                                                                <td
                                                                                    id="name_tdclass_des{{ $class->id }}_{{ $des_serial }}">
                                                                                    <select class="form-control"
                                                                                        name="${prefix_name}[name]"
                                                                                        id="${first_td_id}">
                                                                                        @foreach ($mock_test_list as $item)
                                                                                            <option
                                                                                                value="{{ $item['id'] }}"
                                                                                                {{ @$description['name'] == $item['id'] ? 'selected' : '' }}>
                                                                                                Mock
                                                                                                Test{{ $item['id'] }}
                                                                                            </option>
                                                                                        @endforeach
                                                                                    </select>
                                                                                </td>

                                                                                <td
                                                                                    id="duration_tdclass_des{{ $class->id }}_{{ $des_serial }}">
                                                                                    <select class="form-control"
                                                                                        name="${prefix_name}[duration]"
                                                                                        id="${second_td_id}">
                                                                                        <option value="">All</option>
                                                                                        @foreach ($mock_test_list_category as $item)
                                                                                            <option
                                                                                                value="{{ $item['id'] }}"
                                                                                                {{ @$description['duration'] == $item['id'] ? 'selected' : '' }}>
                                                                                                {{ $item['name'] }}
                                                                                            </option>
                                                                                        @endforeach
                                                                                    </select>
                                                                                </td>
                                                                                <td
                                                                                    id="link_tdclass_des{{ $class->id }}_{{ $des_serial }}">
                                                                                    <input type="text"
                                                                                        class="form-control"
                                                                                        placeholder="Enter link"
                                                                                        name="class_des{{ $class->id }}[{{ $des_serial }}][link]"
                                                                                        value="{{ @$description['link'] }}">
                                                                                </td>

                                                                                <td>
                                                                                    <p class='btn btn-danger delete-row'>
                                                                                        Delete
                                                                                    </p>
                                                                                </td>
                                                                            @elseif(@$description['type'] == 'Link task')
                                                                                <td
                                                                                    id="name_tdclass_des{{ $class->id }}_{{ $des_serial }}">
                                                                                    <input type="text"
                                                                                        class="form-control"
                                                                                        placeholder="Write Text"
                                                                                        name="class_des{{ $class->id }}[{{ $des_serial }}][name]"
                                                                                        value="{{ @$description['name'] }}">
                                                                                </td>

                                                                                <td
                                                                                    id="duration_tdclass_des{{ $class->id }}_{{ $des_serial }}">
                                                                                    <input type="text"
                                                                                        class="form-control"
                                                                                        placeholder="Enter duration"
                                                                                        name="class_des{{ $class->id }}[{{ $des_serial }}][duration]"
                                                                                        value="{{ @$description['duration'] }}">
                                                                                </td>

                                                                                <td
                                                                                    id="link_tdclass_des{{ $class->id }}_{{ $des_serial }}">
                                                                                    <input type="text"
                                                                                        class="form-control"
                                                                                        placeholder="Enter link"
                                                                                        name="class_des{{ $class->id }}[{{ $des_serial }}][link]"
                                                                                        value="{{ @$description['link'] }}">
                                                                                </td>

                                                                                <td>
                                                                                    <p class='btn btn-danger delete-row'>
                                                                                        Delete
                                                                                    </p>
                                                                                </td>
                                                                            @endif
                                                                        </tr>
                                                                        @php $des_serial++; @endphp
                                                                    @endforeach
                                                                @endif


                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                    </br>
                                    <div class="card">
                                        <div class="card-header collapsed fw-bold accordion-bg-light"
                                            data-toggle="collapse" data-target="#collapseThree" aria-expanded="false"
                                            aria-controls="collapseThree">
                                            <span class="title"> Task Description</span>
                                            <span class="accicon"><i class="fas fa-angle-down rotate-icon"></i></span>
                                        </div>
                                        <div id="collapseThree" class="collapse" data-parent="">
                                            <div class="card-body">
                                            
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label class="form-label"
                                                                for="task_module">{{ __('Task Module') }}
                                                                <small class="text-danger">*</small></label>
                                                            <input type="text" id="task_module" name="task_module"
                                                                value="{{ old('task_module', @$class->task_module) }}"
                                                                class="form-control @error('task_module') is-invalid @enderror"
                                                                placeholder="{{ __('Enter Task Module') }}">
                                                            @error('task_module')
                                                                <span class="invalid-feedback"
                                                                    role="alert">{{ __(@$message) }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>

                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label class="form-label"
                                                                for="task_name">{{ __('Task Name') }}
                                                                <small class="text-danger">*</small></label>
                                                            <input type="text" id="task_name" name="task_name"
                                                                value="{{ old('task_name', @$class->task_name) }}"
                                                                class="form-control @error('task_name') is-invalid @enderror"
                                                                placeholder="{{ __('Enter Task Name') }}">
                                                            @error('task_name')
                                                                <span class="invalid-feedback"
                                                                    role="alert">{{ __(@$message) }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>

                                                </br>

                                                    {{-- <div class="col-md-6">
                        <div class="form-group">
                            <label class="form-label" for="task_links">{{ __('Task Links') }}
                               <small
                                    class="text-danger">*</small></label>
                            <input type="text" id="task_links" name="task_links" value="{{ old('task_links', @$class->task_links) }}"
                                class="form-control @error('task_links') is-invalid @enderror"
                                placeholder="{{ __('Enter Task Links') }}">
                            @error('task_links')
                                <span class="invalid-feedback" role="alert">{{ __(@$message) }}</span>
                            @enderror
                        </div>
                    </div>  --}}

                                                    <div class="form-group col-12 col-md-12 col-lg-12 col-xl-12">
                                                        
                                                        <div class=""
                                                            style="border: 1px solid rgb(218, 207, 207); border-radius:10px;">

                                                            <table id="task_des{{ $class->id }}" class="table">
                                                                <thead>
                                                                    <tr>
                                                                        <th scope="col">Type</th>
                                                                        <th scope="col"> Task Name</th>
                                                                        <th scope="col"> Test Type</th>
                                                                        <th scope="col"> Mock Test / Practice Test</th>
                                                                        <th scope="col"> Practice Test Type</th>
                                                                        <th scope="col">Duration</th>
                                                                        <th scope="col">link</th>
                                                                        <th scope="col">Action</th>
                                                                    </tr>
                                                                    <tr>
                                                                        <td colspan="20">
                                                                            <p class="btn btn-primary add-row p-1"
                                                                                data-table="task_des{{ $class->id }}">
                                                                                Add Row</p>
                                                                        </td>

                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    @if ($task_description === null)
                                                                    @else
                                                                        @foreach ($task_description as $description)
                                                                            <tr>
                                                                                <td>
                                                                                    <select class="form-control"
                                                                                        name="task_des{{ @$class->id }}[{{ $des_serial }}][type]"
                                                                                        id="type_task_des{{ @$class->id }}_{{ @$des_serial }}"
                                                                                        onchange="select_mock_test(
                                                            'task_des{{ $class->id }}[{{ $des_serial }}]',
                                                            'type_task_des{{ $class->id }}_{{ $des_serial }}',
                                                            'task_des{{ $class->id }}_{{ $des_serial }}')
                                                            ">
                                                                                        <option value="Simple task"
                                                                                            {{ @$description['type'] == 'Simple task' ? 'selected' : '' }}>
                                                                                            Simple task</option>
                                                                                        <option value="Mock test"
                                                                                            {{ @$description['type'] == 'Mock test' ? 'selected' : '' }}>
                                                                                            MockTest Task</option>
                                                                                        <option value="Practice test"
                                                                                            {{ @$description['type'] == 'Practice test' ? 'selected' : '' }}>
                                                                                            Practice test</option>
                                                                                        <option value="Link task"
                                                                                            {{ @$description['type'] == 'Link task' ? 'selected' : '' }}>
                                                                                            Link Task</option>
                                                                                    </select>
                                                                                </td>
                                                                                <td
                                                                                    id="name_tdtask_des{{ $class->id }}_{{ $des_serial }}">
                                                                                    <input type="text"
                                                                                        class="form-control"
                                                                                        placeholder="Write Text"
                                                                                        name="task_des{{ $class->id }}[{{ $des_serial }}][name]"
                                                                                        value="{{ @$description['name'] }}">
                                                                                </td>

                                                                                <td
                                                                                    id="test_tdtask_des{{ $class->id }}_{{ $des_serial }}">
                                                                                    @if (@$description['type'] == 'Mock test' || @$description['type'] == 'Practice test')
                                                                                        <select class="form-control"
                                                                                            @if (@$description['type'] == 'Mock test') onchange="get_test_by_category('mock',this.value,'task_des{{ $class->id }}_{{ $des_serial }}','task_des{{ $class->id }}[{{ $des_serial }}]')"
                                                        @elseif(@$description['type'] == 'Practice test')
                                                        onchange="get_test_by_category('mock',this.value,'task_des{{ $class->id }}_{{ $des_serial }}','task_des{{ $class->id }}[{{ $des_serial }}]')"
                                                        @else @endif
                                                                                            name="task_des{{ @$class->id }}[{{ $des_serial }}][test_type]">
                                                                                            <option value=""
                                                                                                {{ @$description['test_type'] == '' ? 'selected' : '' }}>
                                                                                                Select Test
                                                                                            </option>
                                                                                            <option value="1"
                                                                                                {{ @$description['test_type'] == 1 ? 'selected' : '' }}>
                                                                                                Accademic Test
                                                                                            </option>
                                                                                            <option value="2"
                                                                                                {{ @$description['test_type'] == 2 ? 'selected' : '' }}>
                                                                                                General Test
                                                                                            </option>
                                                                                        </select>
                                                                                    @endif
                                                                                </td>

                                                                                <td
                                                                                    id="mock_tdtask_des{{ $class->id }}_{{ $des_serial }}">
                                                                                    @if (@$description['type'] == 'Mock test')
                                                                                        <select class="form-control"
                                                                                            name="task_des{{ @$class->id }}[{{ $des_serial }}][mock_test]">
                                                                                            @foreach ($mock_test_list as $item)
                                                                                                <option
                                                                                                    value="{{ $item['id'] }}"
                                                                                                    {{ @$description['mock_test'] == $item['id'] ? 'selected' : '' }}>
                                                                                                    Mock
                                                                                                    Test{{ $item['id'] }}
                                                                                                </option>
                                                                                            @endforeach
                                                                                        </select>
                                                                                    @endif
                                                                                </td>

                                                                                <td
                                                                                    id="mock_type_tdtask_des{{ $class->id }}_{{ $des_serial }}">
                                                                                    @if (@$description['type'] == 'Mock test')
                                                                                        <select class="form-control"
                                                                                            name="task_des{{ @$class->id }}[{{ $des_serial }}][mock_test_type]">
                                                                                            <option value="">All
                                                                                            </option>
                                                                                            @foreach ($mock_test_list_category as $item)
                                                                                                <option
                                                                                                    value="{{ $item['id'] }}"
                                                                                                    {{ @$description['mock_test_type'] == $item['id'] ? 'selected' : '' }}>
                                                                                                    {{ $item['name'] }}
                                                                                                </option>
                                                                                            @endforeach
                                                                                        </select>
                                                                                    @endif
                                                                                </td>

                                                                                <td
                                                                                    id="duration_tdtask_des{{ $class->id }}_{{ $des_serial }}">
                                                                                    <input type="text"
                                                                                        class="form-control"
                                                                                        placeholder="Enter duration"
                                                                                        name="task_des{{ $class->id }}[{{ $des_serial }}][duration]"
                                                                                        value="{{ @$description['duration'] }}">
                                                                                </td>

                                                                                <td
                                                                                    id="link_tdtask_des{{ $class->id }}_{{ $des_serial }}">
                                                                                    <input type="text"
                                                                                        class="form-control"
                                                                                        placeholder="Enter link"
                                                                                        name="task_des{{ $class->id }}[{{ $des_serial }}][link]"
                                                                                        value="{{ @$description['link'] }}">
                                                                                </td>

                                                                                <td>
                                                                                    <p class='btn btn-danger delete-row'>
                                                                                        Delete</p>
                                                                                </td>
                                                                            </tr>
                                                                            @php $des_serial++; @endphp
                                                                        @endforeach
                                                                    @endif
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>



                                            </div>
                                        </div>
                                    </div>
                                    </br>
                                    <div class="card">
                                        <div class="card-header collapsed fw-bold accordion-bg-light"
                                            data-toggle="collapse" data-target="#collapseFour" aria-expanded="false"
                                            aria-controls="collapseFour">
                                            <span class="title"> Study Material</span>
                                            <span class="accicon"><i class="fas fa-angle-down rotate-icon"></i></span>
                                        </div>
                                        <div id="collapseFour" class="collapse" data-parent="">
                                            <div class="card-body">
                                                <div class="row">

                                                    <div class="form-group col-12 col-md-12 col-lg-12 col-xl-12">
                                                        <label for="study_material{{ @$class->id }}">Study
                                                            Material</label>
                                                        <div class=""
                                                            style="border: 1px solid rgb(218, 207, 207); border-radius:10px;">

                                                            <table id="study_material{{ @$class->id }}"
                                                                class="table">
                                                                <thead>
                                                                    <tr>
                                                                        <th scope="col">File Name </th>
                                                                        <th scope="col">File Path</th>
                                                                        <th scope="col">Action</th>
                                                                    </tr>
                                                                    <tr>
                                                                        <td colspan="20">
                                                                            <p class="btn btn-primary add-row p-1"
                                                                                data-table="study_material{{ @$class->id }}">
                                                                                Add
                                                                                Row</p>
                                                                        </td>

                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    @if ($study_material === null)
                                                                    @else
                                                                        @foreach ($study_material as $study)
                                                                            <tr>

                                                                                <td
                                                                                    id="name_tdstudy_material{{ @$class->id }}_{{ $des_serial }}">
                                                                                    <input type="text"
                                                                                        class="form-control"
                                                                                        placeholder="File Name "
                                                                                        name="study_material{{ @$class->id }}[{{ $des_serial }}][file_name]"
                                                                                        value="{{ @$study['file_name'] }}">
                                                                                </td>

                                                                                {{-- {{dd($study['file_path'])}} --}}
                                                                                <td
                                                                                    id="mock_tdstudy_material{{ @$class->id }}_{{ $des_serial }}">
                                                                                    <div class="file-upload-section">
                                                                                        <div class="preview-filemanger"
                                                                                            id="preview{{ $des_serial }}">
                                                                                            <img src="https://placehold.jp/300x175.png" alt="Placeholder">                                                                                        </div>
                                                                                        <input type="hidden"
                                                                                            value="{{ @$study['file_path'] }}"
                                                                                            name="study_material{{ @$class->id }}[{{ $des_serial }}][file_path]"
                                                                                            id="input{{ $des_serial }}">
                                                                                        <div class="class d-flex mt-4">
                                                                                            <a class="btn btn-sm btn-primary mr-2"
                                                                                                onclick="uploadMedia('preview{{ $des_serial }}','input{{ $des_serial }}','study-material/','ppt,pdf')">
                                                                                                <i
                                                                                                    class="fa fa-folder"></i>
                                                                                                Browse
                                                                                            </a>
                                                                                        </div>
                                                                                    </div>
                                                                                </td>
                                                                                <td>
                                                                                    <p class='btn btn-danger delete-row'>
                                                                                        Delete</p>
                                                                                </td>


                                                                            </tr>
                                                                            @php $des_serial++; @endphp
                                                                        @endforeach
                                                                    @endif
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>



                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="row justify-content-center">
                            <button class="btn btn-success" type="submit">
                                <i class="fas fa-plus"></i>&nbsp; {{ __('edit') }}
                            </button>
                        </div>
                    </form>
                </div>
            </div>

        </div>
    </div>

    <div class="overlay"></div>
    <div class="sidebar-overlay"></div>

    <div class="loader"></div>


@endsection





@section('script')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js?v={{ env('CRM_VERSION') }}"
        integrity="sha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="{{ asset('backend') }}/lead-management/js/common.js?v={{ env('CRM_VERSION') }}"></script>
    <script src="{{ asset('backend') }}/lead-management/js/lead.js?v={{ env('CRM_VERSION') }}"></script>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js?v={{ env('CRM_VERSION') }}">
    </script>

    <script>
        $(document).ready(function() {
            $(".add-row").click(function() {
                var tableId = $(this).data("table");

                addRow(tableId);
            });

            $(document).on("click", ".delete-row", function() {
                $(this).closest("tr").remove();
                var tableId = $(this).closest("table").attr("id");
                updateRowNumbers(tableId);
            });
            var serial = 1;

            function addRow(tableId) {
                var start_with = {{ $start_with }};
                serial = serial + start_with;
                var table = $("#" + tableId);
                var rowCount = table.find("tbody tr").length + 1;
                if (tableId.includes("task_des") || tableId.includes("class_des")) {
                    var newRow = `<tr>
                                <td>
                                    <select class="form-control" name="${tableId}[${serial}][type]" id="type_${tableId}${serial}" onchange="select_mock_test('${tableId}[${serial}]','type_${tableId}${serial}','${tableId}_${serial}')">
                                        <option value="Simple task">Simple task</option>`;

                    // Concatenate additional options if tableId includes "class_des"
                    if (tableId.includes("task_des")) {
                        newRow += `
                                         <option value="Mock test">Mock Test</option>
                                        <option value="Practice test">Practice test</option>
                                        <option value="Link task">Link Task</option>`;
                    }

                    newRow +=
                        `
                                    </select>
                                </td>
                                <td id="name_td${tableId}_${serial}"><input type="text" class="form-control" placeholder="Write Text" name="${tableId}[${serial}][name]"></td>`;
                    if (tableId.includes("task_des")) {
                        newRow += `
                                <td id="test_td${tableId}_${serial}"></td>
                                <td id="mock_td${tableId}_${serial}"></td>
                                <td id="mock_type_td${tableId}_${serial}"></td>`;
                    }

                    newRow += `<td id="duration_td${tableId}_${serial}"><input type="text" class="form-control" placeholder="Enter duration" name="${tableId}[${serial}][duration]"></td>
                                <td id="link_td${tableId}_${serial}"><input type="text" class="form-control" placeholder="Enter link" name="${tableId}[${serial}][link]"></td>
                                <td><p class='btn btn-danger delete-row'>Delete</p></td>
                            </tr>`;

                    serial++

                }
                if (tableId.includes("study_material")) {
                    var newRow = `<tr>
                                   
                                    <td id="name_td${tableId}_${serial}"><input type="text" class="form-control" placeholder="File Name" name="${tableId}[${serial}][file_name]"></td>
                                    <td id="mock_td${tableId}_${serial}"> 
                                        <div class="file-upload-section">
                                            <div class="preview-filemanger" id="preview${serial}">
                                                @if (isset($data['image']))
                                                    <img src="{{ $data['image'] }}">
                                                @else
                                                <img src="https://placehold.jp/300x175.png" alt="placeholder">
                                                @endif
                                            </div>
                                            <input type="hidden" value="" name="${tableId}[${serial}][file_path]" id="input${serial}">
                                            <div class="class d-flex mt-4">
                                                <a class="btn btn-sm btn-primary mr-2" onclick="uploadMedia('preview${serial}','input${serial}','study-material/','ppt,pdf')">
                                                    <i class="fa fa-folder"></i> Browse
                                                </a>
                                            </div>
                                        </div>
                                        </td>`;

                    newRow += `
                                    <td><p class='btn btn-danger delete-row'>Delete</p></td>
                                </tr>`;
                    serial++
                }

                table.find("tbody").append(newRow);
            }

            function updateRowNumbers(tableId) {
                var table = $("#" + tableId);
                table.find("tbody tr").each(function(index) {
                    $(this).find("td:first").text(index + 1);
                });
            }
        });

        function select_mock_test(prefix_name, type_id, table_id) {

            if ($('#' + type_id).val() === "Mock test") {


                var html = `<select class="form-control" name="${prefix_name}[test_type]" id="${prefix_name}[test_type]" onchange="get_test_by_category('mock',this.value,'${table_id}','${prefix_name}')">
                
                    <option value="">
                        Select Test Type
                    </option>
                    <option value="1">
                        Accademic Test
                    </option>
                    <option value="2">
                        General Test
                    </option>
                </select>`;

                $('#test_td' + table_id).html(html);


                $('#mock_td' + table_id).html("");
                $('#mock_type_td' + table_id).html("");

                // var html = `<select class="form-control" name="${prefix_name}[mock_test_type]">
            //                 <option value="">All</option>
            //                 @foreach ($mock_test_list_category as $item)
            //                     <option value="{{ $item['id'] }}">{{ $item['name'] }}</option>
            //                 @endforeach
            //             </select>`;
                // $('#mock_type_td' + table_id).html(html);
            } else if ($('#' + type_id).val() === "Practice test") {

                var html = `<select class="form-control" name="${prefix_name}[test_type]" id="${prefix_name}[test_type]" onchange="get_test_by_category('practice',this.value,'${table_id}','${prefix_name}')">
                
                <option value="">
                    Select Test Type
                </option>
                <option value="1">
                    Accademic Test
                </option>
                <option value="2">
                    General Test
                </option>
            </select>`;

                $('#test_td' + table_id).html(html);

                $('#mock_td' + table_id).html("");
                $('#mock_type_td' + table_id).html("");




            } else if ($('#' + type_id).val() === "link_test") {
                $('#mock_td' + table_id).html("");
                $('#mock_type_td' + table_id).html("");
                $('#test_td' + table_id).html("");
            } else {
                $('#mock_td' + table_id).html("");
                $('#mock_type_td' + table_id).html("");
                $('#test_td' + table_id).html("");
            }
        }


        function get_test_by_category(type, test_type, table_id, prefix_name) {
            $(".overlay").show();
            $(".upload-loader").show();


            $.ajax({
                type: "post",
                url: "{{ route('test_preparation_courses_detail.get_test_by_category') }}",
                data: {

                    'test_type': test_type,
                    'type': type,
                },
                success: function(res) {
                    $(".overlay").hide();
                    $(".upload-loader").hide();
                    $('#test_id').empty();
                    $('#test_id_practice').empty();


                    var res = Object.values(
                        res); // This is just a placeholder; you need to populate it with actual data

                    // Create a select element
                    var selectElement = $('<select>', {
                        class: 'form-control',
                        name: `${prefix_name}[mock_test]`,
                        id: `${prefix_name}_mock_test`
                    });

                    // Append options to the select element based on the content of `res`
                    if (res.length > 0) {
                        selectElement.append($('<option>').val('').text('Select Test'));
                        res.forEach(function(test) {
                            var optionText = (test_type == 1) ? 'Academic Test ' : 'General Test ';
                            var option = $('<option>').val(test.id).text(optionText + test.id);
                            selectElement.append(option);
                        });
                    } else {
                        selectElement.append($('<option>').val('').text('No Test Available'));
                    }

                    // Set the HTML content of the target element
                    $('#mock_td' + table_id).html(selectElement);
                    if (type == "practice") {
                        var html = `<select class="form-control" name="${prefix_name}[mock_test_type]">
            <option value="">All</option>
            @foreach ($mock_test_list_category as $item)
                <option value="{{ $item['id'] }}">{{ $item['name'] }}</option>
            @endforeach
        </select>`;
                        $('#mock_type_td' + table_id).html(html);
                    }


                },
                error: function(jqXHR, textStatus, errorThrown) {
                    $(".upload-loader").hide();
                    $(".overlay").hide();
                    var message = "Failed";
                    type = "failed";
                    code = textStatus + ' ' + errorThrown;
                    header = "";
                    show_success_pop_up(code, type, message, header);
                }
            });
        }


        function get_test_by_type(type, id) {
            $(".overlay").show();
            $(".upload-loader").show();
            var user_id = null; // Enclose in quotes
            var test_type = (type === "mock") ? $('#test_category_id').val() : $('#test_category_id_practice').val();
            var test_id = (type === "mock") ? $('#test_id').val() : $('#test_id_practice').val();

            $.ajax({
                type: "post",
                url: "{{ route('test_preparation_courses_detail.get_test_by_type') }}",
                data: {
                    'user_id': user_id,
                    'test_type': test_type,
                    'test_id': test_id,

                    'type': type,
                },
                success: function(res) {
                    $(".overlay").hide();
                    $(".upload-loader").hide();
                    $('#test_category').empty();
                    $('#test_category_practice').empty();

                    if (res.status == 1) {
                        // if(res.type == "mock"){
                        //     $('#test_category_mock_test').show();
                        //     $('#test_category_practice_test').hide();
                        // }else if(res.type == "practice"){
                        //     $('#test_category_mock_test').hide();
                        //     $('#test_category_practice_test').show();
                        // }
                        // if(res.type == "mock"){
                        //     $('#available_at_div').show();

                        //     $('#available_at_practice_div').hide();
                        // }
                        // if(res.type == "practice"){
                        //     $('#test_category_mock_test').hide();
                        //     $('#test_category_practice_test').show();
                        //     $('#available_at_div').hide();
                        //     $('#available_at_practice_div').show();
                        // }
                        const data = Object.keys(res['data']).map((key) => res['data'][key]);

                        // $('#test_category').empty();
                        // $('#test_category_practice').empty();

                        // var testDropdown = (res.type === "mock") ? $("#test_category") : $("#test_category_practice");

                        testDropdown = $("#" + id);
                        data.forEach(function(test) {
                            var option = $("<option>").val(test['id']).text(test['name']);
                            testDropdown.append(option);
                        });



                    } else if (res.status == 2) {
                        var message = res.message;
                        var type = "failed";
                        var code = "";
                        var header = "";
                        show_success_pop_up(code, type, message, header);
                    }
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    $(".upload-loader").hide();
                    $(".overlay").hide();
                    var message = "Failed";
                    var type = "failed";
                    var code = textStatus + ' ' + errorThrown;
                    var header = "";
                    show_success_pop_up(code, type, message, header);
                }
            });
        }
    </script>
@endsection