@extends('admin.layouts.app')
@section('title')
    {{ __('edit') }}
@endsection
@section('content')
<style>
    .rate {
        float: left;
        height: 46px;
        padding: 0 10px;
        }
        .rate:not(:checked) > input {
        position:absolute;
        display: none;
        }
        .rate:not(:checked) > label {
        float:right;
        width:1em;
        overflow:hidden;
        white-space:nowrap;
        cursor:pointer;
        font-size:30px;
        color:#ccc;
        }
        .rated:not(:checked) > label {
        float:right;
        width:1em;
        overflow:hidden;
        white-space:nowrap;
        cursor:pointer;
        font-size:30px;
        color:#ccc;
        }
        .rate:not(:checked) > label:before {
        content: '★ ';
        }
        .rate > input:checked ~ label {
        color: #ffc700;
        }
        .rate:not(:checked) > label:hover,
        .rate:not(:checked) > label:hover ~ label {
        color: #deb217;
        }
        .rate > input:checked + label:hover,
        .rate > input:checked + label:hover ~ label,
        .rate > input:checked ~ label:hover,
        .rate > input:checked ~ label:hover ~ label,
        .rate > label:hover ~ input:checked ~ label {
        color: #c59b08;
        }
        .star-rating-complete{
        color: #c59b08;
        }
        .rating-container .form-control:hover, .rating-container .form-control:focus{
        background: #fff;
        border: 1px solid #ced4da;
        }
        .rating-container textarea:focus, .rating-container input:focus {
        color: #000;
        }
        .rated {
        float: left;
        height: 46px;
        padding: 0 10px;
        }
        .rated:not(:checked) > input {
        position:absolute;
        display: none;
        }
        .rated:not(:checked) > label {
        float:right;
        width:1em;
        overflow:hidden;
        white-space:nowrap;
        cursor:pointer;
        font-size:30px;
        color:#ffc700;
        }
        .rated:not(:checked) > label:before {
        content: '★ ';
        }
        .rated > input:checked ~ label {
        color: #ffc700;
        }
        .rated:not(:checked) > label:hover,
        .rated:not(:checked) > label:hover ~ label {
        color: #deb217;
        }
        .rated > input:checked + label:hover,
        .rated > input:checked + label:hover ~ label,
        .rated > input:checked ~ label:hover,
        .rated > input:checked ~ label:hover ~ label,
        .rated > label:hover ~ input:checked ~ label {
        color: #c59b08;
        }
</style>  
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title line-height-36">{{ __('edit') }}</h3>
                        <a href="{{ route('review.index') }}"
                            class="btn bg-primary float-right d-flex align-items-center justify-content-center"><i
                                class="fas fa-arrow-left"></i>&nbsp; {{ __('back') }}</a>
                    </div>
                    <div class="row pt-3 pb-4">
                        <div class="col-md-6 offset-md-3">
                            <form class="form-horizontal" action="{{ route('review.update', $reviews->id) }}"
                                method="POST" enctype="multipart/form-data">
                                @method('PUT')
                                @csrf
                                <div class="form-group row mb-15">
                                    <label class="col-sm-3 form-label">{{ __('language') }}<small
                                            class="text-danger">*</small></label>
                                    <div class="col-sm-9 d-flex">
                                        @foreach ($app_languages as $lang)
                                            <div class="custom-control custom-radio">
                                                <input class="d-none" type="radio" id="lang_code_{{ $lang->id }}"
                                                    name="code" {{ $lang->code == old('code') ? 'checked' : '' }}
                                                    {{ $lang->code == $reviews->code ? 'checked' : '' }}
                                                    value="{{ $lang->code }}">
                                                <label onclick="pushClass('lang_code_button_{{ $lang->id }}')"
                                                    for="lang_code_{{ $lang->id }}">
                                                    <span type="button" id="lang_code_button_{{ $lang->id }}"
                                                        class="c-btn btn btn-sm btn-outline-primary {{ $lang->code == $reviews->code ? 'btn-primary text-white' : '' }}">
                                                        {{ $lang->name }}
                                                    </span>
                                                </label>
                                            </div>
                                        @endforeach
                                        @error('code')
                                            <span
                                                class="text-danger font-size-13 d-block"><strong>{{ $message }}</strong></span>
                                        @enderror
                                    </div>
                                </div>
                                <input type="hidden" name="category_id" value="{{$reviews->category_id}}">
                                <div class="form-group row mb-15">
                                    <label class="col-sm-3 form-label">{{ __('select_category') }}<small
                                            class="text-danger">*</small></label>
                                    <div class="col-sm-9">
                                        <select name="category_id"
                                            class="form-control @error('category_id') is-invalid @enderror w-100-p"  id="faq_category_id" disabled>
                                            @foreach ($categories as $category)
                                                <option {{ $category->id == $reviews->category_id ? 'selected' : '' }}
                                                    value="{{ $category->id }}" disabled> {{ $category->name }} </option>
                                            @endforeach
                                        </select>
                                        @error('category_id')
                                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>


                                <div class="form-group row mb-15" id="faq_select_hide">
                                    <label class="col-sm-3 form-label" id="faq_select_name">{{ __('select') }}</label>
                                    <div class="col-sm-9">
                                        <select name="universities_id"
                                            class="form-control w-100-p select2bs4" id="faq_select_id">
                                                <option selected>Select

                                                </option>
                                            
                                        </select>
                                    </div>
                                </div>

                                {{-- <div class="form-group row mb-15">
                                    <label class="col-sm-3 form-label" for="universities_id">{{ __('select_university') }}</label>
                                    <div class="col-sm-9">
                                    <select name="universities_id[]"
                                        class="form-control @error('universities_id') is-invalid @enderror" id="universities_id"
                                        multiple>
                                        @foreach ($universities as $university)
                                            <option
                                                @foreach ($universities_ids as $universities_id)
                                                {{ $universities_id == $university->id ? 'selected' : '' }} @endforeach
                                                    value="{{ $university->id }}">
                                                    {{ $university->name }}</option>
                                        @endforeach
                                    </select>
                                    
                                    @error('universities_id')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ __($message) }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                </div> --}}
                                
                                <div class="form-group row">
                                    <label class="col-sm-3 col-form-label">{{ __('name') }}<small
                                            class="text-danger">*</small></label>
                                    <div class="col-sm-9">
                                        <input value="{{ old('name', $reviews->name) }}" name="name" type="text"
                                            class="form-control @error('name') is-invalid @enderror"
                                            placeholder="{{ __('enter') }} {{ __('name') }}">
                                        @error('name')
                                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-3 col-form-label">{{ __('comments') }}<small
                                            class="text-danger">*</small></label>
                                    <div class="col-sm-9">
                                        <textarea id="editor2" type="text" class="form-control" name="comments"
                                            placeholder="{{ __('enter') }} {{ __('comments') }}">{{ old('comments', $reviews->comments) }}</textarea>
                                        @error('comments')
                                            <span class="text-danger font-size-13">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="form-group row mb-15">
                                  
                                    <label class="col-sm-3 form-label">{{ __('rating') }}</label>
                                    <div class="col-sm-9">
                                        <div class="rate">
                                            <input type="radio" id="star5" class="rate" name="star_rating" value="5" />
                                            <label for="star5" title="text">5 stars</label>
                                            <input type="radio" id="star4" class="rate" name="star_rating" value="4"/>
                                            <label for="star4" title="text">4 stars</label>
                                            <input type="radio" id="star3" class="rate" name="star_rating" value="3"/>
                                            <label for="star3" title="text">3 stars</label>
                                            <input type="radio" id="star2" class="rate" name="star_rating" value="2"/>
                                            <label for="star2" title="text">2 stars</label>
                                            <input type="radio" id="star1" class="rate" name="star_rating" value="1"/>
                                            <label for="star1" title="text">1 star</label>
                                         </div>
                                    </div>
                                </div>

                                <div class="form-group row mb-15">
                                    <label class="col-sm-3 form-label">{{ __('location') }}<small
                                            class="text-danger">*</small></label>
                                    <div class="col-sm-9">
                                        <x-forms.input type="text" name="address" placeholder="{{ __('location') }}" value="{{$reviews->address}}"/>
                                        @error('address')
                                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="form-group row mb-15">
                                    <label class="col-sm-3 form-label">{{ __('images') }}</label>
                                    <div class="col-sm-9">
                                        <input name="images" type="file" data-show-errors="true" data-width="50%"
                                        class="dropify" data-default-file="{{ $reviews->images_url }}">
                                    </div>
                                </div>

                                <div class="form-group row mb-15">
                                    <label class="col-sm-3 form-label">{{ __('status') }}</label>
                                    <div class="col-sm-4">
                                     
                                        <select name="status"
                                        class="form-control {{ error('status') }}/Display Date"
                                        id="status">
                                            <option {{ old('status',$reviews->status) == '1' ? 'selected' : '' }}
                                            value="1">{{ __('active') }}</option>
                                            <option {{ old('status',$reviews->status) == '0' ? 'selected' : '' }}
                                            value="0">{{ __('inactive') }}</option>
                                        </select>
                                    </div>
                                    <div class="col-sm-5">
                                   
                                        <input type="date"
                                        class="form-control @error('display_date') is-invalid @enderror"
                                        @if(!empty($reviews->display_date))
                                        value="{{ (date('Y-m-d',strtotime($reviews->display_date)))}}"
                                        @endif
                                        name="display_date" id="display_date" placeholder="Display Date">
                                    @error('display_date')
                                        <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                    @enderror
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <div class="offset-sm-3 col-sm-4">
                                        <button type="submit" class="btn btn-success">
                                            <i class="fas fa-sync"></i>&nbsp; {{ __('update') }}</button>
                                    </div>
                                </div>
                            </form>
                        </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('frontend') }}/secondary-theme/assets/css/bootstrap-datepicker.min.css">
<link rel="stylesheet" href="{{ asset('backend') }}/plugins/dropify/css/dropify.min.css">

    <style>
        .ck-editor__editable_inline {
            min-height: 170px;
        }

        .c-btn {
            padding-left: 22px;
            padding-right: 22px;
            border-radius: 15px;
        }

        .custom-control {
            position: relative;
            z-index: 1;
            display: block;
            min-height: 1.5rem;
            padding-left: 0;
            padding-right: 1.5rem;
            -webkit-print-color-adjust: exact;
            color-adjust: exact;
        }
    </style>
@endsection

@section('script')
<script src="{{ asset('backend/plugins/select2/js/select2.full.min.js') }}"></script>
<script type="text/javascript"
    src="{{ asset('backend') }}/plugins/flagicon/dist/js/bootstrap-iconpicker.bundle.min.js"></script>
    <script src="{{ asset('backend') }}/plugins/dropify/js/dropify.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" />

<!-- Custom Script -->
    <script>
            $('.dropify').dropify();
      //Initialize Select2 Elements
      $('.select2bs4').select2({
            theme: 'bootstrap4'
        })
        $('#universities_id').select2({
            theme: 'bootstrap4',
            tags: true,
            placeholder: 'Select University'
        });

        ClassicEditor
            .create(document.querySelector('#editor2'))
            .catch(error => {
                console.error(error);
            });

        function pushClass(arg) {
            $('.c-btn').removeClass('btn-primary text-white');
            $('#' + arg).addClass('btn-primary text-white');
        }


        $(document).ready(function() {

            $('input[name="display_date"]').daterangepicker({
                autoUpdateInput: false,
                timePicker: false,
                locale: {
                    // format: 'MM/DD/YYYY h:mm A'
                    format: 'M/DD hh:mm:ss A'
                },
                drops: 'up',
                timePickerIncrement: 1,
                singleDatePicker: true,
                maxDate: new Date(),
            });
            $('input[name="display_date"]').on('apply.daterangepicker', function(ev, picker) {
                $(this).val(picker.startDate.format('YYYY-MM-DD') + ' ' + picker.endDate.format(
                    'hh:mm:ss A'));
            });
        });

              // view faq select by faq category id 
              $(document).ready(function() {
                $('#faq_select_hide').hide();
                var CategotyText =' a Faq';
                yourFunction({{ $reviews->category_id }});
                function yourFunction(id) {
                    var category_id = id;
                if(category_id ==2){
                    CategotyText = ' University';
                }else if(category_id ==3){
                    CategotyText = ' Course';

                }
                else if(this.value ==32){
                    CategotyText = ' University';

                }else if(this.value ==34){
                    CategotyText = ' Countries';

                }else if(category_id ==4){
                    CategotyText = ' Exam';

                }else if(this.value == 111){
                    CategotyText = ' Page Category';
                }
                $.ajax({
                    url: "{{ route('review.getSelectBycategory') }}",
                    type: "POST",
                    data: {
                        category_id: category_id,
                        _token: '{{ csrf_token() }}'
                    },
                    dataType: 'json',
                    success: function(result) {
                        console.log(result);
                        if(result.faqSelect==0){
                        $('#faq_select_hide').hide();
                        }
                       
                        else{
                            var  universities_id = {{@$universities_ids}};
      
                            $("#faq_select_name").empty();
                            $("#faq_select_name").text('Select'+ CategotyText+'');
                            $("#faq_select_id").empty();
                            $("#faq_select_id").append(`<option value=""> Select ${CategotyText}</option>`)
                            $.each(result.faqSelect, function(key, value) {
                            // $("#faq_select_id").append('<option value="' +
                            //     value.id + '">' + value.name +
                            //     '</option>');
                                $("#faq_select_id").append('<option value="' + value.id + '" ' + (universities_id == value.id ? 'selected' : '') + '>' + value.name + '</option>');

        
                        });
                        console.log(universities_id);
                        $('#faq_select_hide').show();  
                       
                        }
                    
                    }
                });
}
            $('#faq_category_id').on('change', function() {
                var category_id = this.value;
                if(this.value ==2){
                    CategotyText = ' University';
                }else if(this.value ==3){
                    CategotyText = ' Course';

                }
                else if(this.value ==32){
                    CategotyText = ' University';

                }else if(this.value ==34){
                    CategotyText = ' Countries';

                }else if(this.value ==4){
                    CategotyText = ' Exam';
                }else if(this.value == 111){
                    CategotyText = ' Page Category';
                }
                $.ajax({
                    url: "{{ route('review.getSelectBycategory') }}",
                    type: "POST",
                    data: {
                        category_id: category_id,
                        _token: '{{ csrf_token() }}'
                    },
                    dataType: 'json',
                    success: function(result) {
                        console.log(result);
                        if(result.faqSelect==0){
                        $('#faq_select_hide').hide();
                        }
                       
                        else{
                            var  universities_id = {{$universities_ids}};
                            $("#faq_select_name").empty();
                            $("#faq_select_name").text('Select'+ CategotyText+'');
                            $("#faq_select_id").empty();
                            $("#faq_select_id").append(`<option value=""> Select ${CategotyText}</option>`)
                            $.each(result.faqSelect, function(key, value) {
                                
                                $("#faq_select_id").append('<option value="' + value.id + '" ' + (universities_id == value.id ? 'selected' : '') + '>' + value.name + '</option>');
                        });
                        $('#faq_select_hide').show();  
                       
                        }
                    
                    }
                });

            });
        });
    </script>
@endsection