@extends('layouts.app')

@section('content')
    <div class="content-section">
        <div class="content-block questions-all-block">

            @include('sections.breadcrumbs')

            <h1 class="page-title">Вопросы</h1>

            <div class="questions-all-row">
                @foreach($questions as $question)
                    <div class="questions-item">
                        <a href="{{route('show.question',['slug'=>$question->slug])}}"><p class="item-title">{{$question->title}}</p></a>
                        <div class="info">
                            <p class="date">{{$question->created_at->format('d.m.Y')}}</p>
                            <p class="name">Задает: {{$question->asking}}, г. {{$question->asking_city}}</p>
                        </div>
                    </div>
                @endforeach
            </div>
            {{-- TODO Эта форма выключена, потому что выглядит как не доделанная --}}
            {{-- SEE 'title' => 'Asking From Guest' в QuestionsController::storeQuestion --}}
            {{-- <button class="btn modal-btn mt-3" data-toggle="modal" data-target="#questionModal">Задать вопрос</button> --}}

            <div class="modal fade" id="questionModal">
                <div class="modal-dialog modal-dialog-centered">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title">Задать вопрос</h4>
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                        </div>
                        <div class="modal-body">
                            <form class="feedback-form ">
                                <label><input type="text" class="question_name form-control" name="name" placeholder="Имя"  required=""></label>
                                <label><input type="text" class="question_surname form-control" name="surname" placeholder="Фамилия"  required=""></label>
                                <label class="textarea w-100"><textarea name="text" class="question_text form-control"  placeholder="Ваш вопрос"  required=""></textarea></label>
                                <div class="form__item form__item--agree">
                                    <input type="checkbox" name="apply" id="question-form_apply" required="" />
                                    <label for="question-form_apply">
                                        Я принимаю условия <a href="/polzovatelskoe-soglashenie" rel="nofollow" target="_blank">Пользовательского соглашения</a> и даю свое согласие на обработку моих персональных данных в соответствии с <a href="/politika-konfidencialnosti" rel="nofollow" target="_blank">Политикой конфиденциальности</a>
                                    </label>
                                </div>                                  
                                <button class="btn d-block store-question" type="button">Отправить</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            {{ $questions->onEachSide(1)->links() }}

        </div>
    </div>

@endsection

@section('script')
    <script>
        $(function () {
            $('.store-question').on('click',function () {

                var f_name = $('.question_name').val()
                var l_name = $('.question_surname').val()
                var text = $('.question_text').val()

                if(f_name.length > 3 || l_name.length > 3 || text.length > 10) {
                    $.ajax({
                        url: `/store/question`,
                        type:"POST",
                        data:{"_token": "{{ csrf_token() }}",
                            f_name,l_name,text}
                    }).done(function() {
                        location.reload()
                    });
                }else{
                    alert('Все поля обязательны для заполнения')
                }
            })
        })
    </script>
@endsection