@extends('admin.layouts.leadManagement')

@section('style')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css?v={{ env('CRM_VERSION') }}"
        rel="stylesheet" />
    <link rel="stylesheet" href="{{ asset('backend') }}/lead-management/css/lead.css?v={{ env('CRM_VERSION') }}">
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css?v={{ env('CRM_VERSION') }}" />
    <link rel="shortcut icon" href="/uploads/app/logo/3OtxeXcMv5lhQzNLERhnmclPXorAN4msV8upXbCm.png">
    

    <link rel="stylesheet" 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') }}" />
    
@endsection

@section('content')

    @include('admin.payment.paymentButton')


    <div class="row " 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  col-sm-12 col-md-6">Task List
                        <span class="ml-1 badge bg-primary" id="count_show">
                            {{@$tasks_count}}
                        </span>

                    </h3>

                    <div class="align-items-center m-0 col-sm-12 col-md-6">
                        @if (userCan('task.create'))
                            <a href="{{ route('task.create') }}"
                                class="btn bg-primary float-right d-flex align-items-center justify-content-center m-0 "
                                style="width: 130px; color:white;    float: right;">
                                <i class="fas fa-plus"></i>
                                &nbsp; {{ __('create') }}
                            </a>
                        @endif
                    </div>

                </div>

                <form id="formSubmit">
                    
                    <div id="form_table_show">
                            <div class="">
                                <div class="col-md-12" style="  overflow:scroll;">

                                    <table class="table" >
                                        <thead>
                                            <tr>
                                                <th scope="col">Task Id</th>
                                                <th scope="col">BatchId/ClassId</th>
                                                <th scope="col">UserId</th>
                                                <th scope="col">Task Type</th>
                                                <th scope="col">Module Name</th>
                                                <th scope="col">Topic</th>
                                                <th scope="col">Duration</th>
                                                <th scope="col">Mock Test</th>
                                                <th scope="col">Mock Test Category</th>
                                                <th scope="col">Link</th>
                                                <th scope="col">Assign Date</th>
                                                <th scope="col">Start Date</th>
                                                <th scope="col">Submited_date</th>
                                                <th scope="col">Create By</th>
                                                <th scope="col">Updated By</th>
                                                <th scope="col">Close Task</th>
                                                <th scope="col">Action</th>
                                            </tr>
                                        </thead>
                                        <tbody id="course_table" >
                                           

                                            @if (count(@$tasks) > 0)
                                                @foreach (@$tasks as $task)
                                                    <tr>
                                                        <th>{{ @$task['id'] }}</th>
                                                        <th>{{ @$task['class_id'] }}</th>
                                                        <th>{{ @$task['user_id'] }}</th>
                                                        <th>{{ @$task['task_type'] }}</th>
                                                        <th>{{ @$task['task_module'] }}</th>
                                                        <th>{{ @$task['task_name'] }}</th>
                                                        <th>{{ @$task['task_duration'] }}</th>
                                                       
                                                        <th>{{ @$task['mock_test'] }}</th>
                                                        <th>{{ @$task['mock_test_category'] }}</th>
                                                        <th>{{ @$task['task_links'] }}</th>
                                                        <th>{{ !empty($task['assign_date']) ? dateMonthTimeFormat($task['assign_date']) : '-' }}</th>
                                                        <th>{{ !empty($task['start_date']) ? dateMonthTimeFormat($task['start_date']) : '-' }}</th>
                                                        <th>{{ !empty($task['submit_date']) ? dateMonthTimeFormat($task['submit_date']) : '-' }}</th>
                                                        
                                                        <th>{{ @$task['created_by'] }}</th>
                                                        <th>{{ @$task['updated_by'] }}</th>
                                                        <th>
                                                            <div class="form-switch">
                                                                <input class="form-check-input" type="checkbox" id="active_class{{ $task['close_task'] }}" name="active_class" {{ @$task['close_task'] ? 'checked' : '' }} onchange="change_task_status({{ $task['id'] }})">
                                                                <label for="active_class{{ $task['close_task'] }}" class="toggle-label"></label>
                                                            </div>
                                                        </th>
                                                       
                                                        <td>
                                                            
                                                            
                                                            <a href="{{ route('task.edit', @$task['id']) }}" class="badge" style="background: #fff;">
                                                                <i class="fas fa-edit" style="color: green;"></i>
                                                            </a>
                                                           
                                                            

                                                            {{-- <form method="POST" action="{{ route('test_preparation_courses.DaysCreate') }}">
                                                                @csrf <!-- This is required for Laravel to protect against CSRF attacks -->
                                                                <input type="hidden" name="id" value="{{ @$task['id'] }}">
                                                                <button type="submit" class="badge" style="background: #fff; border: none; cursor: pointer;">
                                                                    <i class="fas fa-edit" style="color: green;">+</i>
                                                                </button>
                                                            </form> --}}
                                                            
                                                        </td>
                                                    </tr>
                                                @endforeach
                                           
                                            @else
                                                <tr>
                                                    <td colspan="13">
                                                        <div class="container text-center">
                                                            <x-not-found message="{{ __('no_data_found') }}" />
                                                            @if (userCan('task.create'))
                                                                <a href="{{ route('test_preparation_courses.create') }}"
                                                                    class="plan-btn btn btn-primary">
                                                                    {{ __('Create Task') }}
                                                                </a>
                                                            @endif
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endif
                                        </tbody>
                                    </table>
                                    {{-- <div class="mt-3 d-flex justify-content-center">
                                
                                {{ @$tasks->links() }}
                            </div> --}}
                                    <center>
                                        <div>


                                            @if ($tasks instanceof \Illuminate\Pagination\LengthAwarePaginator)
                                                <div class="mt-3 d-flex justify-content-center">
                                                    {{ $tasks->links() }}
                                                </div>
                                            @endif

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


                    </div>

                </form>

            </div>
        </div>
    </div>
@endsection

@section('script')
    <script src="{{ asset('backend') }}/plugins/select2/js/select2.full.min.js"></script>

    <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
    <script src="{{ asset('frontend/secondary-theme/assets/js/bootstrap-datepicker.min.js') }}"></script>
    <script src="{{ asset('backend/plugins/select2/js/select2.full.min.js') }}"></script>
    <script>
    function change_task_status(task_id) {
            
        // $(".overlay").show();
        // $(".upload-loader").show();
        var status = 0;
        
        
        $.ajax({
                type: "post",
                url: "{{ route('task.change_status') }}",
                data: {
                  
                    'task_id': task_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