@extends('admin.layouts.leadManagement')
@section('title')
    {{ __('create') }}
@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 rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css?v={{ env('CRM_VERSION') }}" />
    <link rel="shortcut icon" href="/uploads/app/logo/3OtxeXcMv5lhQzNLERhnmclPXorAN4msV8upXbCm.png">
    {{-- <link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css?v={{ env('CRM_VERSION') }}" /> --}}
    {{-- 
<link rel="stylesheet" type="text/css"
href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css?v={{ env('CRM_VERSION') }}" /> --}}
    {{-- <link rel="stylesheet" type="text/css"
href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.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

        $start_with = 1;

    @endphp

    {{-- <link rel="stylesheet" href="{{ asset('backend') }}/lead-management/css/lead.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')}}" > --}}
    {{-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.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;
        }



        .card-header .title {
            font-size: 17px;
            color: #000;
        }

        .card-header .accicon {
            float: right;
            font-size: 20px;
            width: 1.2em;
        }

        .card-header {
            cursor: pointer;
            border-bottom: none;
        }

        .card {
            border: 1px solid #ddd;
        }

        .card-body {
            border-top: 1px solid #ddd;
        }

        .card-header:not(.collapsed) .rotate-icon {
            transform: rotate(180deg);
        }

        .sticky-menu {
            position: sticky;
            z-index: 555;
            width: 100%;
            top: 1px;
        }
    </style>

    <div class="main container-fluid">
        <div class="top">
            <div class="head-detail">
                <p class="head">{{ __('create') }} 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.store') }}" method="POST" enctype="multipart/form-data">
                        @csrf





                       
                            <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 Batch') }} <small
                                                            class="text-danger">*</small></label>
                                                    <select name="batch_id" id="batch_id"
                                                        class="form-control {{ error('batch_id') }}">
                                                        <option value="">Select Batch</option>
                                                        @foreach ($batches as $val)
                                                            <option value="{{ $val->id }}"
                                                                {{ old('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(old('start_date')) ? date('Y-m-d\TH:i', strtotime(old('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="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"> * (Auto-generates with
                                                            batch)</small></label>
                                                    <input type="text" id="class_code" name="class_code"
                                                        value="{{ old('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') == '0' ? 'selected' : '' !!} value="0">{{ __('Offline') }}
                                                        </option>
                                                        <option {!! old('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') == '0' ? 'selected' : '' !!}>
                                                            {{ __('inactive') }}</option>
                                                        <option value="1" {!! old('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') == $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="form-control @error('class_duration') is-invalid @enderror"
                                                        placeholder="{{ __('Enter Class Duration In minutes EX: 30') }}">
                                                    @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="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') == '0' ? 'selected' : '' !!}>{{ __('NO') }}
                                                        </option>
                                                        <option value="1" {!! old('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">
                                                        {{-- <label for="class_des">Description</label> --}}
                                                        <div class=""
                                                            style="border: 1px solid rgb(218, 207, 207); border-radius:10px;">

                                                            <table id="class_des" 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">Add Row
                                                                            </p>
                                                                        </td>

                                                                    </tr>
                                                                </thead>
                                                                <tbody>

                                                                </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="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="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>

                                                        {{-- <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">
                                                            {{-- <label for="task_name">Task Description</label> --}}
                                                            <div class=""
                                                                style="border: 1px solid rgb(218, 207, 207); border-radius:10px;">

                                                                <table id="task_des" 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">Add Row
                                                                                </p>
                                                                            </td>

                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>

                                                                    </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">Study Material</label> --}}
                                                            <div class=""
                                                                style="border: 1px solid rgb(218, 207, 207); border-radius:10px;">

                                                                <table id="study_material" 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">Add
                                                                                    Row</p>
                                                                            </td>

                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>

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



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

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

                            </br>
                            <div class="row justify-content-center">
                                <button class="btn btn-success" type="submit">
                                    <i class="fas fa-plus"></i>&nbsp; {{ __('create') }}
                                </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/select2@4.1.0-rc.0/dist/js/select2.min.js?v={{env('CRM_VERSION')}}"></script>

<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js?v={{env('CRM_VERSION')}}"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js?v={{env('CRM_VERSION')}}"></script>

<script src="{{ asset('tinymce/tinymce.min.js?v=' . env('CRM_VERSION')) }}" referrerpolicy="origin"></script> --}}
    {{-- <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js?v={{env('CRM_VERSION')}}"></script> --}}
    {{-- <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script> --}}
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
    <script>
        function open_location() {
            $('.class_hide_default').hide();
            if ($('#class_mode').val() == "Offline") {
                $('#open_location_div').show()
            }

        }

        $(document).ready(function() {
            open_location();
        });
    </script>

    <script>
        $(document).ready(function() {


            $('#batch_id').change(function() {
                var batchID = $(this).val();
                getClassCode(batchID);
                getBatchClassData(batchID);
            });


            $(".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>
    <script>
        function getClassCode(batchID) {
            $.ajax({
                url: '{{ route('admin.batch.getClassCode') }}',
                type: 'POST',
                data: {
                    batchId: batchID,
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {
                    var code = response;
                    $('#class_code').val(' ');
                    $('#class_code').val(code);
                },
                error: function(xhr, status, error) {
                    console.error(xhr.responseText);
                    // Handle error
                }
            });
        }

        function getBatchClassData(batchID) {
            $.ajax({
                url: '{{ route('admin.class.getBatchClassData') }}',
                type: 'POST',
                data: {
                    batchId: batchID,
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {
                    var startDate = response.start_date;
                    var classMode = response.class_mode;
                    var classDuration = response.class_duration;
                    var tutorId = response.tutor_id;
                    $('#start_date').val(' ');
                    $('#start_date').val(startDate);

                    $('#class_duration').val(' ');
                    $('#class_duration').val(classDuration);

        
                    $('#class_mode').val('').trigger('change');
                    $('#class_mode').val(classMode).trigger('change');


                    $('#tutor_id').val('').trigger('change'); 
                    $('#tutor_id').val(tutorId).trigger('change'); 

                  
                    
                },
                error: function(xhr, status, error) {
                    console.error(xhr.responseText);
                    // Handle error
                }
            });
        }
    </script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // Get the current date and time
            var now = new Date();

            // Format the date and time in the required format "YYYY-MM-DDTHH:mm"
            var formattedDate = now.getFullYear() + '-' + ('0' + (now.getMonth() + 1)).slice(-2) + '-' + ('0' + now
                .getDate()).slice(-2);
            var formattedTime = ('0' + now.getHours()).slice(-2) + ':' + ('0' + now.getMinutes()).slice(-2);
            var dateTime = formattedDate + 'T' + formattedTime;

            // Set the minimum value for the input field to the current date and time
            document.getElementById('start_date').min = dateTime;
        });
    </script>
@endsection