@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="{{ asset('backend') }}/lead-management/css/lead.css?v={{env('CRM_VERSION')}}"> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css?v={{env('CRM_VERSION')}}" >
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css?v={{env('CRM_VERSION')}}" >

@endsection
@section('content')
@php
                $task_description = json_decode(@$class->task_description, true);
                $des_serial = 1;
                @$detail['id'] = 1;
@endphp

<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">Class</p>
        </div> --}}

 
        {{-- @if(userCan('followup.view'))
        <p class="t-right">
            
            <a href="javascript::void()" class="follow-up">Host Class</a>
        </p>
        @endif --}}
    </div>


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

    <div class="detail-list">
        <div class="card">
            <div class="card-header">
                <div class="row">
                    <div class="col-7">
                       
                        <h3>({{ @$class->class_name }}) {{ ucwords(@$class->class_name) }}  
                                                        
                        </h3>
                      
                        <p>{{  @$class->class_name }} | {{  @$class->class_name }}
                            {{  @$class->class_name }}</p>
                    
                        
                    </div>
                    <div class="col-5">
                        <div class="row">
                            
                            <div class="col-12">
                               
                                @if (userCan('order.create'))
                                <a href="javascript::void()" class="btn bg-primary ml-4 float-right">
                                    Host Class
                                </a>
                                @endif
                            </div>
                       
                        </div>
                       
                    </div>
                   
                </div>
                {{-- <div class="card">
                    <div class="card-header"></div>
                    <div class="card-body">
                      <h5 class="card-title">Warning card title</h5>
                      <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                    </div>
                  </div> --}}
            </div>
            <div class="card-body">
             <div class="row">
                <div class="col-md-6">
                <div class="card">
                    <div class="card-header">Attendees</div>
                    <div class="card-body">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th class="t-head">User</th>
                                    {{-- <th class="t-head">Class</th> --}}
                                    <th class="t-head">Attend</th>
                                </tr>
                            </thead>
                            <tbody id="course_table">
                                @if (count(@$users) > 0)
                                    @foreach (@$users as $itam)
                                        <tr>
                                            <th>{{ @$itam['name'] }} (#{{ @$itam['id'] }})</th>
                                            {{-- <th>{{ @$itam['name'] }}</th> --}}
                                            <th>
                                                <div class="form-switch">
                                                    <input class="form-check-input" type="checkbox" id="active_class{{ $itam['id'] }}" name="active_class" {{ @$itam['attend'] ? 'checked' : '' }} onchange="change_attendees_status('{{ $itam['id'] }}', '{{ @$class->id }}', '{{ $itam['attendance_id'] ?? null }}')"
                                                    >
                                                    <label for="active_class{{ $itam['id'] }}" class="toggle-label"></label>
                                                       <p class="{{ $itam['attend'] == 1 ? 'active' : '' }}" id="attend_{{$itam['id']}}">
                                                                {{ $itam['attend'] == 1 ? __('activated') : __('deactivated') }}</p>
                                                </div>
                                               
                                            </th>
                                           
                                        </tr>
                                    @endforeach
                                @else
                                    <tr>
                                        <td colspan="2">
                                            <div class="container text-center">
                                                <x-not-found message="{{ __('no_data_found') }}" />
                                            </div>
                                        </td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
                </div>
                <div class="col-md-6">
                <div class="card">
                    <div class="card-header">Task & Home Work</div>
                    <table id="task_des" class="table">
                        <thead>
                            <tr>
                                <th scope="col">Type</th>
                                <th scope="col"> Task Name</th>
                                <th scope="col"> Mock Test</th>
                                <th scope="col"> Mock Test Type</th>
                                <th scope="col">Duration</th>
                                <th scope="col">link</th>
                            </tr>
                          
                        </thead>
                        <tbody>
                            @if (@$task_description === null)
                            @else
                                @foreach (@$task_description as $description)
                              
                                    <tr>
                                        <td>
                                            <select class="form-control"
                                                name="task_des{{ @$detail['id'] }}[{{ $des_serial }}][type]"
                                                id="type_task_des{{ @$detail['id'] }}_{{ @$des_serial }}"
                                                onchange="select_mock_test(
                                                    'task_des{{ $detail['id'] }}[{{ $des_serial }}]',
                                                    'type_task_des{{ $detail['id'] }}_{{ $des_serial }}',
                                                    'task_des{{ $detail['id'] }}_{{ $des_serial }}')
                                                    ">
                                                <option value="Simple task"
                                                    {{ @$description['type'] == 'Simple task' ? 'selected' : '' }}>
                                                    Simple task</option>
                                                <option value="Mock test"
                                                    {{ @$description['type'] == 'Mock test' ? 'selected' : '' }}>
                                                    MockTest Task</option>
                                                <option value="Link task"
                                                    {{ @$description['type'] == 'Link task' ? 'selected' : '' }}>
                                                    Link Task</option>
                                            </select>
                                        <td
                                            id="name_tdtask_des{{ $detail['id'] }}_{{ $des_serial }}">
                                            <input type="text" class="form-control"
                                                placeholder="Write Text"
                                                name="task_des{{ $detail['id'] }}[{{ $des_serial }}][name]"
                                                value="{{ @$description['name'] }}"></td>



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

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

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

                                        <td
                                            id="link_tdtask_des{{ $detail['id'] }}_{{ $des_serial }}">
                                            <input type="text" class="form-control"
                                                placeholder="Enter link"
                                                name="task_des{{ $detail['id'] }}[{{ $des_serial }}][link]"
                                                value="{{ @$description['link'] }}"></td>
                                        </td>
                                      
                                    </tr>
                                    @php $des_serial++; @endphp
                                @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
                </div>
             </div>
            </div>
          </div>
     

    </div>
</div>

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

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


@endsection





@section('script')

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

<script>
        $('.status-switch').on('change', function() {
            var status = $(this).prop('checked') == true ? 1 : 0;
            var id = $(this).data('id');
            var type = $(this).data('class');

            $.ajax({
                type: "GET",
                dataType: "json",
                url: '{{ route('module.country.status.change') }}',
                data: {
                    'status': status,
                    'type': type,
                    'id': id
                },
                success: function(response) {
                    toastr.success(response.message, 'Success');
                }
            });   

            if(type == 'status'){
                if (status == 1 ) {
                $(`#status_${id}`).text("{{ __('activated') }}")
            }else{
                $(`#status_${id}`).text("{{ __('deactivated') }}")
            }
            }else if(type == 'preferred_status'){
                if (status == 1 ) {
                    $(`#preferred_status_${id}`).text("{{ __('activated') }}")
                }else{
                    $(`#preferred_status_${id}`).text("{{ __('deactivated') }}")
                }
            }else if(type == 'website_status'){
                if (status == 1 ) {
                    $(`#website_status_${id}`).text("{{ __('activated') }}")
                }else{
                    $(`#website_status_${id}`).text("{{ __('deactivated') }}")
                }
            }      
      
        });
</script>
 
<script>
     function change_attendees_status(user_id,class_id,attendance_id = null) {
            
            // $(".overlay").show();
            // $(".upload-loader").show();
        
            $.ajax({
                    type: "post",
                    url: "{{ route('admin.class.change_attendees_status') }}",
                    data: {
                      
                        'attendance_id': attendance_id,
                        'user_id': user_id,
                        'class_id': class_id,
                    },
                    success: function(res) {
                       
                        if (res.status == 1) {
                            toastr.success(res.message);
                            
                        } else if (res.status == 2) {
                            toastr.error(res.message);
                            location.reload();
                        }
                    }
                })
                .fail(function(jqXHR, textStatus, errorThrown) {
                    // Function to execute when the request fails
                    var code = textStatus + ' ' + errorThrown;
                    toastr.error(code);
                    // location.reload();
                });
        }
</script>
@endsection