@extends('admin.layouts.app')
@section('title')
Course Filter
@endsection
@php
use Carbon\Carbon;
@endphp
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <div class="row">
                        <div class="col-sm-12 col-md-2 ">
                            <h3 class="card-title line-height-36">Course Filter</h3>
                        </div>
                      
                    </div>
                   
                </div>


                <div class="card m-2">
                    <div class="card-header collapsed fw-bold accordion-bg-light"
                        data-toggle="collapse" data-target="#collapseSix" aria-expanded="false"
                        aria-controls="collapseSix">
                        <span class="title">Filters</span>
                        <span class="accicon"><i class="fas fa-angle-down rotate-icon"></i></span>
                    </div>
                    <div id="collapseSix" class="collapse show" data-parent="">
                        <div class="card-body">
                            <div class="row">
                                <form id="formSubmit" action="{{ route('candidate.courseFilter') }}" method="GET">
                                    <div class="row ">
                                     
                                        <div class="col-md-2">
                                            Country
                                            <select name="country_id"
                                                class="form-control select2bs4 {{ error('country_id') }}"
                                                id="country_id">
                                                <option value="" class="d-none">
                                                    {{ __('select_country') }}
                                                </option>
                                                @foreach ($countries as $country)
                                                    <option
                                                        {{ $country['id'] == request('country_id') ? 'selected' : '' }}
                                                        value="{{ $country['id'] }}">
                                                        {{ $country['name'] }}
                                                    </option>
                                                @endforeach

                                            </select>
                                        </div>

                                          
                                        <div class="col-md-2">
                                            Level
                                            <select name="level" id="level"
                                            class="form-control  @error('level') is-invalid @enderror">
                                            <option value="" >
                                                Select Level
                                            </option>
                                            <option
                                                {{ 'PG' == request('level') ? 'selected' : '' }}
                                                value="PG">PG</option>
                                            <option
                                                {{ 'UG' == request('level') ? 'selected' : '' }}
                                                value="UG">UG</option>
                                            <option
                                                {{ 'Doctorate' == request('level') ? 'selected' : '' }}
                                                value="Doctorate">Doctorate Or PhD</option>
                                            </select>
                                        </div>

                                          
                                        <div class="col-md-2">
                                            Duration (Years)
                                            <input name="duration" id="duration" type="text" placeholder="{{ __('duration') }}" class="form-control" value="{{ request('duration') }}">
                                        </div>
                                          
                                        </div>
                                     
                                    </div>
                                   

                                    <div class="row  mt-2">
                                        <hr>
                                            <p>Academics (%)</p>
                                        <hr>
                                        <div class="col-md-2">
                                            10th 
                                            <input name="tenth_score" id="tenth_score" type="text" placeholder="{{ __('tenth_score') }}" class="form-control" value="{{ request('tenth_score') }}">
                                        </div>
                                        <div class="col-md-2">
                                            12th
                                            <input name="twelth_score" id="twelth_score" type="text" placeholder="{{ __('twelth_score') }}" class="form-control" value="{{ request('twelth_score') }}">
                                        </div>
                                        <div class="col-md-2">
                                            Bachelor
                                            <input name="graduation_score" id="graduation_score" type="text" placeholder="{{ __('graduation_score') }}" class="form-control" value="{{ request('graduation_score') }}">
                                        </div>
                                        <div class="col-md-2">
                                            Master
                                            <input name="postGraduation_score" id="postGraduation_score" type="text" placeholder="{{ __('postGraduation_score') }}" class="form-control" value="{{ request('postGraduation_score') }}">
                                        </div>
                                    </div>

                                    <!-- <div class="row mt-2">
                                        <hr>
                                            <p>Exams</p>
                                        <hr>
                                        <div class="col-md-2">
                                            IELTS
                                            <input name="IELTS" id="IELTS" type="text" placeholder="{{ __('IELTS') }}" class="form-control" value="{{ request('10th') }}">
                                        </div>
                                        <div class="col-md-2">
                                            PTE
                                            <input name="PTE" id="PTE" type="text" placeholder="{{ __('PTE') }}" class="form-control" value="{{ request('10th') }}">
                                        </div>
                                        <div class="col-md-2">
                                            Duolingo
                                            <input name="Duolingo" id="Duolingo" type="text" placeholder="{{ __('Duolingo') }}" class="form-control" value="{{ request('10th') }}">
                                        </div>
                                        <div class="col-md-2">
                                            TOEFL
                                            <input name="TOEFL" id="TOEFL" type="text" placeholder="{{ __('TOEFL') }}" class="form-control" value="{{ request('10th') }}">
                                        </div>
                                    </div> -->
                             
                                    <div class="row ">     
                                        <div class="col-md-10">
                                            <button type="submit" class="btn btn-primary mt-2"><i class="fas fa-search"></i> Find Course </button>                                          
                                        </div>                                     
                                    </div>
                                </form>
                            </div> 
                        
                        </div>
                    </div>
                    <div class="card-body">
                        <h5>List of courses ({{$totalCount}})</h5>
                        <div>
                            <table class="ll-table table table-hover text-nowrap table-bordered">
                                <tr>
                                    <th>Id</th>
                                    <th>Course Name</th>
                                    <th>Level</th>
                                    <th>University</th>                                   
                                    <th>Fee (INR)</th>
                                </tr>
                                <tr>
                                    @if(count($courses) == 0)
                                        <td colspan="4">
                                            No data
                                        </td>
                                    @else 
                                        @foreach($courses as $course)
                                        <tr>
                                            <td>{{$course->id}}</td>
                                            <td>{{$course->name}}</td>
                                            <td>{{$course->course_level}}</td>
                                            <td>{{$course->university->name}}</td>
                                            <td>{{ currencyValue(@json_decode($course->fees_expenses)->tuitionFeesData[0]->t1->INR) }}</td>
                                        </tr>
                                        @endforeach
                                    @endif
                                </tr>
                            </table>
                            @if (count($courses) != 0)
                                <div class="mt-3 d-flex justify-content-center">
                                    {{ $courses->onEachSide(1)->links() }}
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
 
            
            </div>
        </div>
    </div>
    </div>
@endsection

@section('style')
<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">
<link rel="stylesheet" href="{{ asset('backend/plugins/dropify/css/dropify.min.css') }}">
    <style>

        .ck-editor__editable_inline {
            min-height: 160px;
        }

        .select2-results__option[aria-selected=true] {
            display: none;
        }

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

        .height-124px {
            height: 124px !important
        }

        .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
            color: #fff;
        }
        .switch {
            position: relative;
            display: inline-block;
            width: 35px;
            height: 19px;
        }

        /* Hide default HTML checkbox */
        .switch input {
            display: none;
        }

        /* The slider */
        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            -webkit-transition: .4s;
            transition: .4s;
        }

        .slider:before {
            position: absolute;
            content: "";
            height: 15px;
            width: 15px;
            left: 3px;
            bottom: 2px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

        input.success:checked+.slider {
            background-color: #28a745;
        }

        input:checked+.slider:before {
            -webkit-transform: translateX(15px);
            -ms-transform: translateX(15px);
            transform: translateX(15px);
        }

        /* Rounded sliders */
        .slider.round {
            border-radius: 34px;
        }

        .slider.round:before {
            border-radius: 50%;
        }

        .badge-container {
            display: flex;
            flex-direction: row-reverse;
        }
        .badge {
            margin-left: 5px;
        }

      
    </style>
@endsection
@section('script')
    <script src="{{ asset('backend') }}/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
    <script src="{{ asset('backend') }}/plugins/select2/js/select2.full.min.js"></script>
    <link rel="stylesheet" href="{{ asset('backend') }}/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css">
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.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>
       // $(".popover").popover({ trigger: "hover" });
       $(document).ready(function() {

        $('.select2bs4').select2({
            theme: 'bootstrap4'
        })


        $('.select2bs44').select2({
        theme: 'bootstrap4',
        multiple: true,
        placeholder: 'Select Preferred Country'
        });
        });

    </script>
     
        
    
@endsection