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




@endsection
@section('content')

<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') }}" />
<link rel="stylesheet" type="text/css"
href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css?v={{ env('CRM_VERSION') }}" /> 
<link rel="stylesheet" href="{{ asset('backend') }}/lead-management/css/lead.css?v={{env('CRM_VERSION')}}"> 
<style>
    
    .loader{
        z-index: 1000;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: none;
    }
    .hide_data{
        display: inline;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        /* background:white; */
        height: 100vh;
        width: 100%;
        z-index: 1000;

    }

    #followps_show:hover{
        display: inline;
    }

    .comment:hover> .followps_show{
        display: inline;
    }
    #formSubmit{
        display: none;
    }

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

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

 
    
    </div>


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

    <div class="detail-list">
        <div class="row justify-content-center">
            <div class="col-md-3 border">
                <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></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="status">
                                        <option value="0" {!! old('status', @$batch->status) == '0' ? 'selected' : '' !!}>{{ __('inactive') }}</option>
                                        <option value="1" {!! old('status', @$batch->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="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">
                            <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">
                            <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' : '' }}>
                                            @if(!empty($val->address)){{ $val->address}}@else {{ $val->id}}@endif
                                        </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="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') }}
                                    <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 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>
                    <div class="row justify-content-center">
                        <button class="btn btn-success" type="submit">
                            <i class="fas fa-plus"></i>&nbsp; {{ __('edit') }}
                        </button>
                    </div>  
                </form>
            </div>
            <div class="col-md-9 border">
                <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="{{ asset('backend') }}/lead-management/js/common.js?v={{env('CRM_VERSION')}}"></script>
<script src="{{ asset('backend') }}/lead-management/js/lead.js?v={{env('CRM_VERSION')}}"></script>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="{{ 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() == "Offline"){
                $('#open_location_div').show()
            }
            
        }

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

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

        $('.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) : [])) !!};


        // 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');
                    });
                }
            });
        }

        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.edit', ':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) {
                    console.log("arg", JSON.stringify(arg, null, 2));
                   

                    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 open_location(){
        $('.batch_hide_default').hide();
        if($('#batch_mode').val() == "1"){
            $('#batch_show_link').show()
        }
        
    }

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

    });
</script>
@endsection