@extends('admin.layouts.app')

@section('style')
    <link href="{{ asset('path-to-your-font-awesome-css/all.min.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="{{ asset('backend') }}/plugins/select2/css/select2.min.css">
    <link rel="stylesheet" href="{{ asset('backend') }}/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css">
    <style>
        .select2-results__option[aria-selected=true] {
            display: none;
        }

        .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
            color: #fff;
            bcourse: 1px solid #fff;
            background: #007bff;
            bcourse-radius: 30px;
        }

        .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
            color: #fff;
        }

        .btn-heigth {
            height: 42px;
        }

        #course_filter_close_btn_summary,
        #course_filter_close_btn {
            display: none;
        }

        #loader_overlay_new {
            display: none;
        }
    </style>
@endsection

@section('content')

    @include('admin.payment.paymentButton')


    <div class="row">
        <div class="col-md-12">




            <div class="card">
                <div class="card-header">
                    <h3 class="card-title line-height-36"> Test Preparation Course Lists
                        <span class="ml-1 badge bg-primary" id="count_show">
                            {{@$courses_count}}
                        </span>
                    </h3>
                    <div class="align-items-center  ml-auto">
                        @if (userCan('course.create'))
                            <a href="{{ route('test_preparation_courses.create') }}"
                                class="btn bg-primary float-right d-flex align-items-center justify-content-center">
                                <i class="fas fa-plus"></i>
                                &nbsp; {{ __('create') }}
                            </a>
                        @endif
                    </div>

                </div>

                <form id="formSubmit">
                    {{-- <div class="row p-1 mt-2 mx-2" style="    
                    margin: 0px !important;">
                        <div class="col-md-4 col-lg-2  mt-2 mb-2 dropdown">
                            
                            <input type="text" id="created_at" name="created_at" value="{{ request('created_at') }}"
                                class="form-control" autocomplete="off" id="my_txtbox" placeholder="Date Range" readonly />
                            <x-forms.error name="created_at" />
                        </div>


                        <div class="col-md-4 col-lg-2  mt-2 mb-2 dropdown">
                            <input type="text" id="received_date" name="received_date"
                                value="{{ request('received_date') }}" class="form-control" autocomplete="off"
                                id="my_txtbox" placeholder="Received Date Range" readonly />
                            <x-forms.error name="received_date" />
                        </div>

                        <div class="col-md-4 col-lg-2  mt-2 mb-2 dropdown">
                            <select name="candidate_id" id="candidate_id" class="form-control select2candidate">
                                <option value="">Select Candidate</option>
                            </select>
                        </div>

                        <div class="col-md-4 col-lg-2  mt-2 mb-2 dropdown">
                            <select name="status" class="form-control " id="status">
                                <option value="">
                                    Status
                                </option>
                                <option value="All" {{ request('status') == 'All' ? 'selected' : '' }}>All</option>
                                <option value="paid" {{ request('status') == 'paid' ? 'selected' : '' }}>Paid</option>
                                <option value="unpaid" {{ request('status') == 'unpaid' ? 'selected' : '' }}>Unpaid</option>
                            </select>
                        </div>



                        <div class="col-md-4 col-lg-2  mt-2">
                            <input type="text" @if (request('Keyword')) value="{{ request('Keyword') }}" @endif
                                id="Keyword" class="form-control mr-2" placeholder="{{ __('search') }}..."
                                name="Keyword" aria-label="">
                        </div>

                        <div class="col-md-4 col-lg-2  mt-2">
                            <a href="{{ route('course.index') }}" id="course_filter_close_btn"
                                style="display: :none;     height: 38px;
                        padding-top: 10px; float:left !important;"class="mr-1 float-right btn btn-danger align-items-center justify-content-center"><i
                                    class="fas fa-times"></i> </a>
                            <p type="submit" onclick="get_course()" id="search_show" style="margin: 0px"
                                class="btn btn-primary float-left"><i class="fas fa-search"></i>
                                {{ __('search') }}
                            </p>
                            <p class="btn btn-primary float-left" id="loader_show"
                                style="    
                            height: 38px; display:none;">
                                <span style="position: relative;
                            top: -10px;">Loading
                                    Data</span>
                                <span class="spinner-bcourse " role="status"
                                    style="position:relative; top: -3px;
                                    left: 5px; color:white; ">

                                </span>
                            </p>




                        </div>


                    </div> --}}
                    <div id="form_table_show">
                            <div class="row">
                                <div class="col-md-12">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th scope="col">Course Id</th>
                                                <th scope="col">Course Name</th>
                                                <th scope="col">Plan Name</th>
                                                <th scope="col">Duration</th>
                                                <th scope="col">Course Publish</th>
                                                <th scope="col">Action</th>
                                            </tr>
                                        </thead>
                                        <tbody id="course_table">
                                            @if (count(@$courses) > 0)
                                                @foreach (@$courses as $course)
                                                    <tr>
                                                        <th>{{ @$course['id'] }}</th>
                                                        <th>{{ @$course['name'] }}</th>
                                                        <th>{{ @$course['title'] }}</th>
                                                        <th>{{ @$course['duration'] }} Days</th>
                                                        <th>
                                                            <div class="form-switch">
                                                                <input class="form-check-input" type="checkbox" id="active_class{{ $course['status'] }}" name="active_class" {{ @$course['status'] ? 'checked' : '' }} onchange="change_courses_status({{ $course['id'] }})">
                                                                <label for="active_class{{ $course['status'] }}" class="toggle-label"></label>
                                                            </div>
                                                        </th>
                                                       
                                                        <td>
                                                            
                                                            @if(@$course['edit_off'] == 0)
                                                            <a href="{{ route('test_preparation_courses.edit', @$course['id']) }}" class="badge" style="background: #fff;">
                                                                <i class="fas fa-edit" style="color: green;"></i>
                                                            </a>
                                                            <a href="{{ route('test_preparation_courses_detail.edit', @$course['id']) }}" class="badge" style="background: #fff;">
                                                                <i class="fas fa-create" style="color: green;">+</i>
                                                            </a>
                                                            @else
                                                            <a href="{{ route('test_preparation_courses_detail.edit', @$course['id']) }}" class="badge" style="background: #fff;">
                                                                <i class="fas fa-edit" style="color: green;"></i>
                                                            </a>
                                                            @endif
                                                            

                                                            {{-- <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="{{ @$course['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('test_preparation_course.create'))
                                                                <a href="{{ route('test_preparation_courses.create') }}"
                                                                    class="plan-btn btn btn-primary">
                                                                    {{ __('add_your_first_course') }}
                                                                </a>
                                                            @endif
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endif
                                        </tbody>
                                    </table>
                                    {{-- <div class="mt-3 d-flex justify-content-center">
                                
                                {{ @$courses->links() }}
                            </div> --}}
                                    <center>
                                        <div>


                                            @if ($courses instanceof \Illuminate\Pagination\LengthAwarePaginator)
                                                <div class="mt-3 d-flex justify-content-center">
                                                    {{ $courses->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_courses_status(course_id) {
            
        // $(".overlay").show();
        // $(".upload-loader").show();
        var status = 0;
        
        var user_id = user_id;
        $.ajax({
                type: "post",
                url: "{{ route('test_preparation_courses.change_status') }}",
                data: {
                  
                    'course_id': course_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