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

@section('style')
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <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="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') }}">


    <link rel="stylesheet" type="text/css"
        href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.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;
        }

        .select2-selection--multiple {
            width: 215px !important;
            padding-left: 0px !important;
            border: 1px solid #ced4da;

        }

        .select2-search__field {
            width: 210px !important;
            border: 1px solid #ced4da !important;
            margin-top: 5px !important;
            margin-left: 0px !important;
        }
        .select2-dropdown--below,
        .select2-dropdown--above{
            width: 215px !important;
            max-height: 150px;
            overflow: scroll;
        }

        .select2-selection__choice {
            background: #007bff !important;
            color: #fff !important;
            border-radius: 10px;
            margin: 4px !important;
            display: inline-block;
            padding: 3px 5px 3px 0px !important;
        }
        .select2-selection__choice__display{
            overflow-wrap: anywhere;
            background: #007bff !important;
            color: #fff !important;
        }

        .select2-search__field {
            height: 32px !important;
        }
        .select2-results__option{
            overflow: hidden;
            text-wrap: wrap;
            max-height: 150px;
        }

        .select2-selection__choice__remove {
            width: 20px;
            background: transparent;
        }

        .btn-success {
            margin-top: 10px;
        }

        .main {
        margin-top: 32px;
        margin-bottom: 100px;
        margin: 30px 40px 10px;
        }

        .my-lead {
        display: inline-block;
        font-size: 0.9375rem;
        line-height: 18px;
        color: #F3601E;
        text-align: center;
        font-family: "Roboto Medium";
        border: 1px solid #F3601E;
        padding: 6px;
        border-radius: 5px;
        -webkit-transition: 0.3s all ease-in-out;
        transition: 0.3s all ease-in-out;
    }
    .my-lead:hover {
        background: #F3601E;
        color: #FFFFFF;
    }
    </style>
@endsection
@section('content')




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

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

        </div>


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

        <div class="detail-list">
            <div class="row justify-content-center">
                <div class="col-md-3 border rounded">
                    <form action="{{ route('admin.batch.update', @$batch->id) }}" method="POST"
                        enctype="multipart/form-data">
                        @csrf
                        @method('PUT')
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label" for="batch_mode">{{ __('Select Batch Mode') }} <small
                                            class="text-danger">*</small> {!! old('batch_mode', @$batch->batch_mode) !!}</label>
                                    <select name="batch_mode" class="form-control {{ error('batch_mode') }}"
                                        id="batch_mode" onchange="open_location()">
                                        <option {!! old('batch_mode', @$batch->batch_mode) == '0' ? 'selected' : '' !!} value="0">{{ __('Offline') }}</option>
                                        <option {!! old('batch_mode', @$batch->batch_mode) == '1' ? 'selected' : '' !!} value="1">{{ __('Online') }}</option>

                                    </select>
                                    @error('batch_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="">
                                        
                                        <option value="0" disabled {!! old('status', @$batch->status) == '0' ? 'selected' : '' !!}>Unpublished
                                        </option>
                                        <option value="1" disabled {!! old('status', @$batch->status) == '1' ? 'selected' : '' !!}>Published
                                        </option>
                                        <option value="2" disabled {!! old('status', @$batch->status) == '2' ? 'selected' : '' !!}>Completed
                                        </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="batch_name">{{ __('Batch Name') }}
                                        <small class="text-danger">*</small></label>
                                    <input type="text" id="batch_name" name="batch_name"
                                        value="{{ old('batch_name', @$batch->batch_name) }}"
                                        class="form-control @error('batch_name') is-invalid @enderror"
                                        placeholder="{{ __('Enter Batch Name') }}">
                                    @error('batch_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="batch_code">{{ __('Batch Code') }}
                                        <small class="text-danger">*</small></label>
                                    <input type="text" id="batch_code" name="batch_code"
                                        value="{{ old('batch_code', @$batch->batch_code) }}"
                                        class="form-control @error('batch_code') is-invalid @enderror"
                                        placeholder="{{ __('Enter Batch Code') }}">
                                    @error('batch_code')
                                        <span class="invalid-feedback" role="alert">{{ __(@$message) }}</span>
                                    @enderror
                                </div>
                            </div>


                            <div class="col-md-6 batch_hide_default batch_mode_show">
                                <div class="form-group">
                                    <label class="form-label" for="meeting_id">{{ __('Zoom Meeting ID') }}
                                    </label>
                                    <input type="text" id="meeting_id" name="meeting_id"
                                        value="{{ old('meeting_id', @$batch->meeting_id) }}"
                                        class="form-control @error('meeting_id') is-invalid @enderror"
                                        placeholder="{{ __('Enter Zoom Meeting ID') }}">
                                    @error('meeting_id')
                                        <span class="invalid-feedback" role="alert">{{ __(@$message) }}</span>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-6 batch_hide_default batch_mode_show">
                                <div class="form-group">
                                    <label class="form-label" for="meeting_password">{{ __('Zoom Meeting Password') }}
                                    </label>
                                    <input type="text" id="meeting_password" name="meeting_password"
                                        value="{{ old('meeting_password', @$batch->meeting_password) }}"
                                        class="form-control @error('meeting_password') is-invalid @enderror"
                                        placeholder="{{ __('Enter Zoom Meeting Password') }}">
                                    @error('meeting_password')
                                        <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', @$batch->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="capacity">{{ __('Capacity') }}
                                        <small class="text-danger">*</small></label>
                                    <input type="number" min="1" max="1000" id="capacity" name="capacity"
                                        value="{{ old('capacity', @$batch->capacity) }}"
                                        class="form-control @error('capacity') is-invalid @enderror"
                                        placeholder="{{ __('Enter Capacity') }}">
                                    @error('capacity')
                                        <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="address_id">{{ __('Select Address') }} <small
                                            class="text-danger">*</small></label>
                                    <select name="address_id" id="address_id"
                                        class="form-control {{ error('address_id') }}">
                                        <option value="">Select Address</option>
                                        @foreach ($address as $val)
                                            <option value="{{ $val->id }}"
                                                {{ old('address_id', @$batch->address_id) == $val->id ? 'selected' : '' }}>
                                              
                                                {{ (!empty($val->office_name) ? $val->office_name : (isset($val->address) && !empty($val->address) ? $val->address : $val->id)) }}

                                            </option>
                                        @endforeach
                                    </select>
                                    @error('address_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="plan_id">Select Plan <small
                                            class="text-danger">*</small></label>
                                    <select name="plan_id" id="plan_id" class="form-control {{ error('plan_id') }}">
                                        <option value="" disabled selected>Select Plan</option>
                                        @foreach ($plans as $val)
                                            <option value="{{ $val['id'] }}"
                                                {{ old('plan_id', @$batch->plan_id) == $val['id'] ? 'selected' : '' }}>
                                                {{ $val['title'] }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('plan_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="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($batch->start_date)) value="{{ date('Y-m-d', strtotime($batch->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="class_time">{{ __('Class Time') }}<small
                                        class="text-danger">*</small></label>
                                <input class="form-control @error('class_time') is-invalid @enderror" type="time"
                                    id="class_time" name="class_time"
                                    value="{{ old('class_time',@$batch->class_time) ? old('class_time',@$batch->class_time) : null }}"
                                    placeholder="{{ __('Select a Start Time') }}">
                                @error('class_time')
                                    <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_time">{{ __('Class Time') }}<small
                                            class="text-danger">*</small></label>
                                    <input class="form-control @error('class_time') is-invalid @enderror" type="text"
                                        id="class_time" name="class_time"
                                        value="{{ old('class_time', @$batch->class_time ? \Carbon\Carbon::parse($batch->class_time)->format('H:i') : '') }}"
                                        placeholder="{{ __('Enter Class Time (HH:MM)') }}">
                                    @error('class_time')
                                        <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', @$batch->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="end_date">{{ __('End Date') }}<small
                                    class="text-danger">*</small></label>
                                <input class="form-control @error('end_date') is-invalid @enderror" type="date" id="end_date" name="end_date"   
                                @if (!empty($batch->end_date))
                                value="{{ (date('Y-m-d',strtotime($batch->end_date)))}}"
                                @endif placeholder="{{ __('Select a End Date') }}"> 
                                @error('end_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="number_of_days">{{ __('Number Of Days') }}
                                   <small
                                        class="text-danger">*</small></label>
                                <input type="number" min="1" max="1000" id="number_of_days" name="number_of_days" value="{{ old('number_of_days',@$batch->number_of_days) }}"
                                    class="form-control @error('number_of_days') is-invalid @enderror"
                                    placeholder="{{ __('Enter Number Of Days') }}">
                                @error('number_of_days')
                                    <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="number_of_classes">{{ __('Number Of Classes') }}
                                        <small class="text-danger">*</small></label>
                                    <input type="number" min="1" max="1000" id="number_of_classes"
                                        name="number_of_classes"
                                        value="{{ old('number_of_classes', @$batch->number_of_classes) }}"
                                        class="form-control @error('number_of_classes') is-invalid @enderror"
                                        placeholder="{{ __('Enter Number Of Classes') }}" readonly>
                                    @error('number_of_classes')
                                        <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="slot_id">{{ __('Select Slot') }} <small
                                    class="text-danger">*</small></label>
                                    <select name="slot_id" id="slot_id"
                                    class="form-control {{ error('slot_id') }}">
                                        <option value="">Select Sloat</option>
                                        @foreach ($slots as $slote)
                                        <option value="{{ $slote->id }}" {{ old('slot_id', @$batch->slot_id) == $slote->id ? 'selected' : '' }}>
                                            {{ @$slote->name }} Time ({{ TimeShowHourseMiniteAmPm(@$slote->time_to) }} to {{ TimeShowHourseMiniteAmPm(@$slote->time_from) }})
                                        </option>
                                        
                                        @endforeach
                                    </select>
                                @error('status')
                                    <span class="invalid-feedback" role="alert">{{ __(@$message) }}</span>
                                @enderror
                            </div>
                        </div> --}}






                            {{-- <div class="col-md-6 batch_hide_default" id="batch_show_link">
                            <div class="form-group">
                                <label class="form-label" for="link">{{ __('Batch link') }}
                                   <small
                                        class="text-danger">*</small></label>
                                <input type="text" id="link" name="link" value="{{ old('link', @$batch->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">
                                <div class="form-group">
                                    <label class="form-label" for="user_ids">Select Candidate <small
                                            class="text-danger">*</small></label>
                                    <select name="user_ids[]" id="user_ids"
                                        class="form-control  select-list select2-with-search select2candidate" multiple>
                                        <option value="">Select Candidate</option>
                                    </select>


                                    @error('user_ids')
                                        <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="user_ids">Select Candidate <small
                                            class="text-danger">*</small></label>
                                    <select name="user_ids[]" id="user_ids"
                                        class="form-control select2bdsdd  {{ error('user_ids') }}" multiple>
                                        <option value="" disabled selected>Select Candidate First</option>
                                    </select>
                                    @error('user_ids')
                                        <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', @$batch->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>
                        @if($batch->status != 2)
                        <div class="row justify-content-center">
                            <div class="row justify-content-center">
                                <div class="col-md-6 mt-2">
                                    <button class="btn btn-primary" type="submit" name="status" value="{{ $batch->status }}"style="margin: 0px !important;" >
                                        <i class="fas fa-plus"></i>&nbsp; {{ __('Edit') }}
                                    </button>
                                </div>
                                {{-- <div class="col-md-6 mt-2">
                                    @if($batch->status == 1)
                                        <!-- Unpublish button -->
                                        <div class="col-md-6">
                                        <button class="btn btn-danger ml-2" type="submit" name="status" value="0" >
                                            <i class="fas fa-times"></i>&nbsp; {{ __('Unpublish') }}
                                        </button>
                                        </div>
                                        <div class="col-md-6">
                                        <button class="btn text-white bg-success ml-2" type="submit" name="status" value="2"
                                        onclick="return confirm('Are you sure you want to mark all class as completed? This action cannot be undone. ?')">
                                            <i class="fas fa-check"></i>&nbsp; {{ __('Completed') }}
                                        </button>
                                        </div>
                                    @else
                                        <!-- Publish button -->
                                        <button class="btn btn-primary ml-2" type="submit" name="status" value="1">
                                            <i class="fas fa-check"></i>&nbsp; {{ __('Publish') }}
                                        </button>
                                    @endif
                                </div> --}}

                               
                                        @if($batch->status == 1)
                                            <!-- Unpublish and Complete buttons -->
                                           <div class="col-md-6 mt-2">
                                                <button class="btn btn-danger ml-2" type="submit" name="status" value="0">
                                                    <i class="fas fa-times"></i>&nbsp; {{ __('Unpublish') }}
                                                </button>
                                            </div>
                                           <div class="col-md-6 mt-2">
                                                <button class="btn text-white bg-success ml-2" type="submit" name="status" value="2"
                                                        onclick="return confirm('Are you sure you want to mark all classes as completed? This action cannot be undone.')">
                                                    <i class="fas fa-check"></i>&nbsp; {{ __('Completed') }}
                                                </button>
                                            </div>
                                        @else
                                            <!-- Publish button -->
                                            <div class="col-md-6 mt-2">
                                                <button class="btn btn-success ml-2" type="submit" name="status" value="1">
                                                    <i class="fas fa-check"></i>&nbsp; {{ __('Publish') }}
                                                </button>
                                            </div>
                                        @endif
                                  
                               
                            </div>
                        </div>
                        @else
                        <div class="col-md-6 mt-2">
                            <button class="btn text-white bg-success ml-2" type="button" name="status" value="2" 
                            onclick="return confirm('already completed? This action cannot be undone. ?')">
                                <i class="fas fa-check"></i>&nbsp; {{ __('Completed') }}
                            </button>
                        </div>
                        {{-- <span class="text-white bg-success text-capitalize py-1 px-2 rounded">Completed</span> --}}
                        @endif
                    </form>
                </div>
                <div class="col-md-9 ">
                    <div class="detail-list">
                        <div id="calendar"></div>
                    </div>
                    <div>
                    </div>

                </div>
            </div>


            <!--Followup Modal-->
            <div class="followup-modal" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel"
                aria-hidden="true">
                <div class="modal-body">
                    <div class="followup-header">
                        <h1 class="followup-title" id="exampleModalLabel">Class</h1>
                        {{-- <svg Class="followup-close" width="24" height="24" viewBox="0 0 24 24" fill="none"
               xmlns="http://www.w3.org/2000/svg">
               <path
                   d="M13.2329 11.9993L18.7414 6.4989C18.906 6.33424 18.9985 6.11091 18.9985 5.87804C18.9985 5.64517 18.906 5.42184 18.7414 5.25717C18.5767 5.09251 18.3534 5 18.1206 5C17.8877 5 17.6644 5.09251 17.4998 5.25717L12 10.7663L6.50024 5.25717C6.33559 5.09251 6.11228 5 5.87944 5C5.64659 5 5.42328 5.09251 5.25864 5.25717C5.09399 5.42184 5.00149 5.64517 5.00149 5.87804C5.00149 6.11091 5.09399 6.33424 5.25864 6.4989L10.7671 11.9993L5.25864 17.4996C5.17668 17.5809 5.11164 17.6776 5.06725 17.7842C5.02285 17.8907 5 18.005 5 18.1205C5 18.2359 5.02285 18.3502 5.06725 18.4568C5.11164 18.5633 5.17668 18.66 5.25864 18.7413C5.33992 18.8233 5.43663 18.8884 5.54318 18.9327C5.64972 18.9771 5.76401 19 5.87944 19C5.99486 19 6.10915 18.9771 6.2157 18.9327C6.32225 18.8884 6.41895 18.8233 6.50024 18.7413L12 13.2322L17.4998 18.7413C17.581 18.8233 17.6778 18.8884 17.7843 18.9327C17.8909 18.9771 18.0051 19 18.1206 19C18.236 19 18.3503 18.9771 18.4568 18.9327C18.5634 18.8884 18.6601 18.8233 18.7414 18.7413C18.8233 18.66 18.8884 18.5633 18.9328 18.4568C18.9771 18.3502 19 18.2359 19 18.1205C19 18.005 18.9771 17.8907 18.9328 17.7842C18.8884 17.6776 18.8233 17.5809 18.7414 17.4996L13.2329 11.9993Z"
                   fill="#24292D" />
           </svg> --}}


                    </div>

                    <div class="followup-body">
                        <div class="top">

                        </div>

                        <div class="single-detail">
                            <p class="label">Class Name:<span class="label-value" id="className"></span> </p>
                        </div>
                        <div class="single-detail">
                            <p class="label">Class Code:<span class="label-value" id="classCode"></span> </p>
                        </div>
                        <div class="single-detail">
                            <p class="label">Class Code:<span class="label-value" id="class_status"></span> </p>
                        </div>
                        <div class="single-detail">
                            <p class="label">Class Mode:<span class="label-value" id="classMode"></span> </p>
                        </div>

                        <div class="single-detail">
                            <p class="label">Start Date:<span class="label-value" id="classDate"></span></p>
                        </div>
                        {{-- <div class="single-detail">
               <p class="label">Comment:<span class="label-value" id="comment-text"></span></p>
           </div> --}}

                        {{-- <div class="single-detail">
               <p class="label">Type:<span class="label-value" id="type-text"></span></p>
           </div>
           <div class="single-detail">
               <p class="label">Priority:<span class="label-value" id="priority-text"></span></p>
           </div>
         
           <div class="single-detail">
               <p class="label">datetime:<span class="label-value" id="datetime-text"></span></p>
           </div>
           <div class="single-detail">
               <p class="label">Created Date:<span class="label-value" id="created-date-text"></span></p>
           </div>
           <div class="single-detail">
               <p class="label">Created By:<span class="label-value" id="admin-name-text"></span></p>
           </div>
           <div class="single-detail">
               <p class="label">Assign From:<span class="label-value" id="assign-to-name-text"></span></p>
           </div> --}}

                    </div>

                    <div class="followup-footer">
                        <button type="button" class="close-btn followup-close" data-bs-dismiss="modal">Close</button>
                    </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="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></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="{{ asset('backend') }}/js/fullCalendar.min.js?v={{ env('CRM_VERSION') }}"></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/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>
               function open_location() {
                    $('.batch_hide_default').hide();
                    if ($('#batch_mode').val() == "1") {
                        $('#batch_show_link').show();
                        $('.batch_mode_show').show();
                        
                    }

                }

                $(document).ready(function() {
                    $('.batch_hide_default').hide();
                    open_location();

                });
            </script>

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

                    $('.select2bdsdd').select2({
                theme: 'bootstrap4',
                multiple: true,
                placeholder: 'Select Candidate First',
            });

                    // $('.select2candidate').select2({
                    //     theme: 'bootstrap4',
                    //     ajax: {
                    //         url: '{{ route('admin.batch.searchCandidate') }}',
                    //         dataType: 'json',
                    //         type: "GET",
                    //         quietMillis: 50,
                    //         data: function(term) {
                    //             return {
                    //                 term: term,
                    //             };
                    //         },
                    //         processResults: function(data) {
                    //             return {
                    //                 results: $.map(data, function(item) {
                    //                     return {
                    //                         id: item.user_id,
                    //                         text: `${item.name} (${item.user_id})`
                    //                     };
                    //                 })
                    //             };
                    //         }
                    //     },
                    //     multiple: true
                    // });


                    var userIds = {!! json_encode(old('user_ids', isset($batch) ? explode(',', $batch->user_ids) : [])) !!};

                    var planId = "{{ old('plan_id', @$batch->plan_id) }}";


                    var planId = "{{  old('plan_id', @$batch->plan_id) }}";

                    // Check if userIds is not empty
                    if (userIds && userIds.length > 0) {
                        // $.ajax({
                        //     url: '{{ route('admin.batch.searchCandidate') }}',
                        //     type: "GET",
                        //     dataType: 'json',
                        //     data: {
                        //         id: userIds,
                        //         _token: '{{ csrf_token() }}'
                        //     },
                        //     success: function(items) {
                        //         console.log(items);
                        //         $.each(items, function(index, item) {
                        //             $('.select2candidate').append(new Option(
                        //                 `${item.name} (${item.user_id})`, item.user_id, true,
                        //                 true)).trigger('change');
                        //         });
                        //     }
                        // });
                        get_users(planId, userIds);
                    }

                    $('#plan_id').change(function() {
 
                        $('#user_ids').empty();
                        get_users(planId, userIds);

                    });

                    initializeFullCalendar();
                });


                function initializeFullCalendar() {

                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        }
                    });

                    var keyword = "{{ request('keyword') }}";

                    @php
                        // $currentMonth = now()->format('Y-m-d');
                        $currentMonth = \Carbon\Carbon::parse($batch->start_date)->format('Y-m-d');
                    @endphp
                    var currentMonth = "{{ $currentMonth }}";
                    var calendarEl = document.getElementById('calendar');
                    var batch_id = "{{ @$batch->id }}";
                    var calendar = new FullCalendar.Calendar(calendarEl, {
                        headerToolbar: {
                            left: 'prev,next,today',
                            center: 'title',
                            right: 'dayGridMonth'
                        },
                        initialDate: currentMonth,
                        navLinks: true,
                        selectable: true,
                        selectMirror: true,
                        // select: function (arg) {
                        //     var title = prompt('Event Title:');
                        //     if (title) {
                        //         calendar.addEvent({
                        //             title: title,
                        //             start: arg.start,
                        //             end: arg.end,
                        //             allDay: arg.allDay
                        //         });
                        //     }
                        //     calendar.unselect();
                        // },
                        eventClick: function(arg) {

                            var className = arg.event.title; // Assuming it's the event title
                            var eventId = arg.event.id; // Event ID or any other relevant data

                            var batchId = arg.event.extendedProps.batch_id;
                            var classCode = arg.event.extendedProps.class_code;
                            var classMode = arg.event.extendedProps.class_mode;

                            var class_status = arg.event.extendedProps.class_status;
                            var batchName = arg.event.extendedProps.batch_name;
                            var batchCode = arg.event.extendedProps.batch_code;
                            var batchMode = arg.event.extendedProps.batch_mode;
                            var classDate = arg.event.extendedProps.class_date;
                            var classTutorID = arg.event.extendedProps.tutor_id;




                            $("#className, #classCode, #classMode, #class_status, #classDate").text('');



                            if (eventId) {
                                var classNameLink = $('<a>').attr('href',
                                        '{{ route('admin.class.show', ':eventId') }}'.replace(':eventId', eventId))
                                    .attr('target', '_blank')
                                    .addClass('link')
                                    .text(className)
                                    .css({
                                        'color': '#066AC9',
                                        'text-decoration': 'underline'
                                    });

                            } else {
                                var classNameLink = className;
                            }

                            $("#className").html(classNameLink);
                            $("#classCode").html(classCode);

                            $("#classMode").html(classMode);
                            $("#class_status").html(class_status);
                            $("#classDate").html(classDate);






                            // Show the modal
                            $("#exampleModal").show();
                            $("body").addClass("no-scroll");
                            $(".overlay").show();

                            // Handle the delete event button click
                            $("#deleteEvent").on("click", function() {
                                if (confirm('Are you sure you want to delete this event?')) {
                                    // Perform event deletion logic here, you can use the eventId to identify and delete the event.
                                    // After deletion, you may want to refresh the calendar or update the event data.
                                    arg.event.remove();
                                }

                                // Close the modal
                                $("#exampleModal").hide();
                                $(".overlay").hide();
                                // $("#exampleModal").modal("hide");
                            });
                            // if (confirm('Are you sure you want to delete this event?')) {
                            //     arg.event.remove();
                            // }
                        },

                        editable: true,
                        dayMaxEvents: true,
                        eventDrop: function(info) {
                            let currentDate = new Date();
                            let editableDate = new Date(info.event.start);

                            // Set the time part of both dates to midnight
                            currentDate.setHours(0, 0, 0, 0);
                            editableDate.setHours(0, 0, 0, 0);

                            console.log("currentDate " + currentDate);
                            console.log("editableDate " + editableDate);
                            console.log(editableDate >= currentDate);
                            console.log(info.event.extendedProps.editable);
                            if (editableDate >= currentDate) {

                                $.ajax({
                                    url: "{{ route('admin.batch.calendareventDrop', ['id' => ':id']) }}"
                                        .replace(':id', info.event.id),
                                    method: 'PUT',
                                    data: {
                                        start_date: info.event.start.toISOString(),
                                        batch_id: batch_id,
                                    },
                                    success: function(response) {
                                        if (response.success) {
                                            toastr.success("Event updated successfully!");
                                            initializeFullCalendar();

                                        } else {
                                            toastr.error(response.message);
                                            info.revert();
                                        }
                                    },
                                    error: function(error) {
                                        console.error(error);
                                        toastr.error("An error occurred while processing your request.");
                                        info.revert();
                                    }
                                });

                            } else {
                                toastr.warning("Editing is not allowed at the moment.");
                                info.revert(); // Revert the event if editing is not allowed
                            }
                        },
                        // Update events to use AJAX
                        events: function(fetchInfo, successCallback, failureCallback) {

                            $.ajax({
                                url: "{{ route('admin.batch.calendarEvent') }}",
                                type: "GET",
                                data: {
                                    keyword: keyword,
                                    batch_id: batch_id,
                                },
                                success: function(data) {
                                    successCallback(data);
                                },
                                error: function(error) {
                                    failureCallback(error);
                                }
                            });
                        },

                        eventContent: function(arg) {
                          


                            return {
                                html: '<div class="fc-daygrid-event-dot"></div><div class="fc-event-title">' + arg.event
                                    .title + '</div><div class="fc-event-time">' + arg.timeText + '</div>'
                            };
                        },
                    });

                    calendar.render();
                }

                $(".followup-close").on('click', function() {
                    $("#exampleModal").hide();
                    $("#className,#classCode").text();
                    $(".overlay").hide();
                    $("body").removeClass("no-scroll");
                });
            </script>

         
            <script>
         function get_users(planId, userIds = []) {
           
            var userIds = "" + userIds + ""; // Wrapping userIds with double quotes
           
            var userIdsArray;

            if (typeof userIds === 'string') {
                userIdsArray = userIds.split(',');
                
            } else {
                console.error('userIds is not a string.');
            }
           
    if (planId !== '') {
        $.ajax({
            url: '{{ route('admin.batch.getUserByPlanId') }}',
            type: 'GET',
            data: {
                planId: planId,
                userIds: userIdsArray,
                _token: '{{ csrf_token() }}'
            },
            success: function(response) {
                $('#user_ids').empty(); // Clear the current options
               
                if (response.length > 0) {
                    $.each(response, function(index, user) {
                        var option = '<option  value="' + user.id + '"';
                        // Check if the userIdsArray contains the user id
                        userIdsArray.forEach(element => {
                                if (element == user.id) {
                                option += 'selected="yes"';
                            }
                        });
                       
                        option += '>' + user.name + '('+ user.id + ') </option>';
                        $('#user_ids').append(option);
                    });
                } else {
                    $("#user_ids").append(`<option value="" selected disabled>User not found</option>`);
                }
            },
            error: function(xhr, status, error) {
                console.error(xhr.responseText);
                $('#user_ids').empty();
                $("#user_ids").append(`<option value="" selected disabled> Select User First</option>`);
            }
        });
    } else {
        $('#user_ids').empty();
        $("#user_ids").append(`<option value="" selected disabled> Select User First</option>`);
    }
}
        </script>
        @endsection