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

@section('style')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css?v={{ env('CRM_VERSION') }}"
        rel="stylesheet" />
    <link rel="stylesheet" href="{{ asset('backend') }}/lead-management/css/customer-detail.css?v={{ env('CRM_VERSION') }}">
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css?v={{ env('CRM_VERSION') }}" />
    <link rel="shortcut icon" href="/uploads/app/logo/3OtxeXcMv5lhQzNLERhnmclPXorAN4msV8upXbCm.png">
    <link rel="stylesheet" type="text/css"
        href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css?v={{ env('CRM_VERSION') }}" />
    <link rel="stylesheet" type="text/css"
        href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css?v={{ env('CRM_VERSION') }}" />
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css?v={{ env('CRM_VERSION') }}" />
    <style>
        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding-top: 7px;

            height: 38px;
            border: 1px solid #ced4da;
            border-radius: 3px;
        }
    </style>
@endsection
@section('content')
    <style>
        .spinner-border-sm {
            width: 1.5rem;
            height: 1.5rem;
        }


        #saveButton_loader {
            display: none;
            width: 20px;
            height: 20px;
        }

        label:not(.form-check-label):not(.custom-file-label) {
            font-weight: 100;
        }
    </style>

    @if (userCan('DemoClass.update'))
        @php
        
            $currentDateTime = time();
            $date_time = $data['date'] . '' . $data['time_to'];
            $date_time_unix = strtotime($date_time);
        @endphp
        @if ($data->active_class != 1 && $date_time_unix > $currentDateTime)
        
            <div class=" mt-3">
                <div class="row mt-3" style="width: 90%; justify-content: center; margin: auto; margin-top:20px;">
                    <div class="col-md-12">
                        <div class="card">

                            <div class="card-header row m-0">
                                <h3 class="card-title line-height-36 col-sm-12 col-md-6 col-lg-4 col-sm-12">{{ __('Update') }} {{ __('Class') }}
                                </h3>
                                <span class="col-sm-12 col-md-6 col-lg-4 col-sm-12 m-0">
                                    <a href="{{ route('DemoClass.index') }}" class="btn bg-primary    m-0"
                                        style="width: 150px; float:right; color:white;">
                                        <i class="fas fa-arrow-left"></i>&nbsp; {{ __('List View') }}
                                    </a>
                                </span>
                            </div>
                            <div class="card-body">
                                <div class="row justify-content-center">
                                    <div class="col-md-8">
                                        <form action="{{ route('DemoClass.update', @$data->id) }}" method="POST">
                                            @csrf
                                            @method('PUT')
                                            <input type="hidden" name="user_id" value="{{ @$data->id }}">
                                            <input type="hidden" name="page" value="candidatePage">
                                            <div class="row">
                                                <div class="col-md-6 col-lg-4 col-sm-12">
                                                    <div class="form-group">
                                                        <label class="form-label" for="mode">{{ __('User Id') }} <small
                                                                class="text-danger">*</small></label>
                                                        <select class="form-control select2bs4" id="user_id" name="user_id">

                                                        </select>
                                                        @error('user_id')
                                                            <p role="alert" style="color: red;">{{ @$message }}</p>
                                                        @enderror

                                                    </div>
                                                </div>
                                                <div class="col-md-6 col-lg-4 col-sm-12">
                                                    <div class="form-group">
                                                        <label class="form-label" for="mode">{{ __('Class Mode') }} <small
                                                                class="text-danger">*</small></label>
                                                        <select class="form-control" id="mode" name="mode"
                                                            onchange="open_location()">
                                                            <option value=""
                                                                {{ old('mode') ?? $data->mode === '' ? 'selected' : '' }}>
                                                                Select Mode</option>
                                                            <option value="Online"
                                                                {{ old('mode') ?? $data->mode === 'Online' ? 'selected' : '' }}>
                                                                Online</option>
                                                            <option value="Offline"
                                                                {{ old('mode') ?? $data->mode === 'Offline' ? 'selected' : '' }}>
                                                                Offline</option>
                                                        </select>
                                                        @error('mode')
                                                            <p role="alert" style="color: red;">{{ @$message }}</p>
                                                        @enderror

                                                    </div>
                                                </div>
                                                <div class="col-md-6 col-lg-4 col-sm-12" id="open_location_div" style="display: none;">
                                                    <div class="form-group">
                                                        <label class="form-label"
                                                            for="location">{{ __('Location Offline Class') }} <small
                                                                class="text-danger">*</small></label>
                                                        <input type="text" class="form-control" id="location"
                                                            name="location" value="{{ old('location') ?? $data->location }}">
                                                        @error('location')
                                                            <p role="alert" style="color: red;">{{ @$message }}</p>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="col-md-6 col-lg-4 col-sm-12">
                                                    <div class="form-group">
                                                        <label class="form-label" for="date">{{ __('Class date') }} <small
                                                                class="text-danger">*</small></label>
                                                        <input type="date" class="form-control" id="date" name="date"
                                                            value="{{ old('date') ?? $data->date }}">
                                                        @error('date')
                                                            <p role="alert" style="color: red;">{{ @$message }}</p>
                                                        @enderror
                                                    </div>
                                                </div>

                                                <div class="col-md-6 col-lg-4 col-sm-12">
                                                    <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"
                                                            onchange="change_assigned_tutor()" class="form-control">
                                                            <option value="">Select Sloat</option>

                                                            @foreach ($slots as $slot)
                                                                <option value="{{ $slot['id'] }}"
                                                                    {{ old('slot_id') ?? $data->slot_id == $slot['id'] ? 'selected' : '' }}>
                                                                    {{ @$slot['name'] }} Time
                                                                    ({{ TimeShowHourseMiniteAmPm(@$slot['time_to']) }} to
                                                                    {{ TimeShowHourseMiniteAmPm(@$slot['time_from']) }})
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                        @error('slot_id')
                                                            <p role="alert" style="color: red;">{{ @$message }}</p>
                                                        @enderror
                                                    </div>
                                                </div>

                                                <div class="col-md-6 col-lg-4 col-sm-12">
                                                    <div class="form-group">
                                                        <label class="form-label" for="tutor_id">{{ __('Select Turor') }}
                                                            <small class="text-danger">*</small></label>
                                                        <select name="tutor_id" id="tutor_id"
                                                            onchange="change_assigned_tutor()" class="form-control">
                                                            <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', @$data->tutor_id) === $option['id'] ? 'selected' : '' }}>
                                                                        {{ $option['name'] }}
                                                                    </option>
                                                                @endif
                                                            @endforeach
                                                        </select>
                                                        @error('tutor_id')
                                                            <p role="alert" style="color: red;">{{ @$message }}</p>
                                                        @enderror
                                                    </div>
                                                </div>

                                                <div class="col-md-6 col-lg-4 col-sm-12">
                                                    <div class="form-group">
                                                        <label class="form-label" for="test_type">{{ __('Test Type') }}
                                                            <small class="text-danger">*</small></label>
                                                        <div class=" ">
                                                            <select name="test_type" id="test_type" class="form-control">
                                                                <option value="">Select Test Type</option>
                                                                @foreach ($exams as $option)
                                                                    <option value="{{ $option->name }}"
                                                                        {{ old('test_type') ?? @$data->test_type == $option->name ? 'selected' : '' }}>
                                                                        {{ $option->name }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                        @error('test_type')
                                                            <p role="alert" style="color: red;">{{ @$message }}</p>
                                                        @enderror
                                                    </div>
                                                </div>

                                                <div class="col-md-6 col-lg-4 col-sm-12">
                                                    <div class="form-group">
                                                        <label class="form-label"
                                                            for="attend">{{ __('Attend / Not Attend') }} <small
                                                                class="text-danger">*</small></label>
                                                        <div class=" form-switch ">
                                                            <input class="form-check-input" type="checkbox" id="attend"
                                                                name="attend" data-toggle="toggle" data-on="Active"
                                                                data-off="Inactive" data-onstyle="success"
                                                                data-offstyle="danger" data-width="100" data-height="40"
                                                                {{ old('attend') ?? $data->attend ? 'checked' : '' }}>
                                                        </div>
                                                        @error('attend')
                                                            <p role="alert" style="color: red;">{{ @$message }}</p>
                                                        @enderror
                                                    </div>
                                                </div>

                                            </div>
                                            <div class=" mt-3">
                                                <button id="saveButton" onclick="save_button_loader()"
                                                    class="btn btn-success" style="width: 130px;">
                                                    <span class="spinner-border spinner-border-sm " id="saveButton_loader"
                                                        role="status" aria-hidden="true"></span>
                                                    <span class="save_text"> {{ __('Update') }} </span>
                                                </button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @else
            <center>No Permission For Edit</center>
        @endif


    @endif
@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://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js?v={{ env('CRM_VERSION') }}">
    </script>
      <script src="{{ asset('backend') }}/lead-management/js/common.js?v={{ env('CRM_VERSION') }}"></script>
    <script src="{{ asset('backend') }}/plugins/select2/js/select2.full.min.js"></script>
    <script>
        @if (session('toaster_type') == 'toast_success')
            toastr.success('{{ session('message') }}');
            {{ session()->forget('toaster_type') }}
        @elseif (session('toaster_type') == 'toast_info')
            toastr.info('{{ session('message') }}');
            {{ session()->forget('toaster_type') }}
        @elseif (session('toaster_type') == 'toast_error')
            toastr.error('{{ session('message') }}');
            {{ session()->forget('toaster_type') }}
        @endif
    </script>
    <script>
        function save_button_loader() {
            $('#saveButton_loader').css('display', 'inline-block');
            $('.save_text').html('Updating...')
        }
        function open_location() {
            if ($('#mode').val() == "Offline") {
                $('#open_location_div').show()
            } else {
                $('#open_location_div').hide()
            }

        }
        $(document).ready(function() {
            open_location();
        });

        $(document).ready(function() {
            open_location();
            candidateId = "{{ old('user_id') ?? @$data->user_id }}";
            if (candidateId) {
                $.ajax({
                    url: '{{ route('order.searchUser') }}',
                    type: "GET",
                    dataType: 'json',
                    data: {
                        id: candidateId,
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(item) {
                        console.log(item);
                        $('.select2bs4').append(new Option(`${item.name} (${item.id})`, item.id,
                            true, true)).trigger('change');
                    }
                });
            }
        });

        $('.select2bs4').select2({
            theme: 'bootstrap4',
            ajax: {
                url: '{{ route('order.searchUser') }}',
                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})`
                            }
                        })
                    };
                }
            }
        });
    </script>
@endsection