@extends('front.front-app')

@include('front.header')
@include('front.header-bottom-goods')

@section('container')
    <div class="main">

        @include('front.templates.breadcrumbs')

        <div class="recall_page">

            <h1>{{$parent_menu->name or ''}}</h1>
            <div class="recall-left">
                @if(!$comments_list->isEmpty())
                    @foreach($comments_list as $one_comment)
                        <div class="recall-bl">
                            <div class="recall-top">
                                <div class="recall-top-left">
                                    <p class="name">{{$one_comment->name or ''}}</p>
                                    @if(!empty($one_comment->created_at))
                                        <p class="date">{{getMonthNameByNr($lang_id, $one_comment->created_at)}}</p>
                                    @endif
                                </div>
                            </div>
                            <div class="recall-bottom">
                                <p>{{$one_comment->comment or ''}}</p>
                            </div>
                        </div>
                    @endforeach
                    @if(!empty($comments_list))
                        <div class="paginations" data-curr-page="{{$comments_list->currentPage()}}">
                            @include('pagination', ['paginator' => $comments_list, 'new_url' => ''])
                        </div>
                    @endif
                @else
                    <div class="empty-list">
                        <span> {!! ShowLabelById(9, $lang_id) !!} </span>
                    </div>
                @endif
            </div>

            <form role="form" method="POST" action="{{ url($lang, ['wishFeedback', 'feedback']) }}" id="feedback-wish" enctype="multipart/form-data" class="recall-right">
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <div class="field_row">
                    <div class="label_wrap">
                        <label for="name"> {!! ShowLabelById(11, $lang_id) !!} </label>
                    </div>
                    <div class="field_wrap">
                        <input type="text" name="name" id="name">
                    </div>
                </div>
                <div class="field_row">
                    <div class="label_wrap">
                        <label for="phone"> {!! ShowLabelById(12, $lang_id) !!} </label>
                    </div>
                    <div class="field_wrap">
                        <input type="text" name="phone" id="phone">
                    </div>
                </div>
                <div class="field_row">
                    <div class="label_wrap">
                        <label for="review"> {!! ShowLabelById(13, $lang_id) !!} </label>
                    </div>
                    <div class="field_wrap">
                        <textarea name="review" id="review"></textarea>
                    </div>
                </div>
                <div class="field_row">
                    <div class="label_wrap">
                        <label> {!! ShowLabelById(125, $lang_id) !!} </label>
                    </div>
                    <div class="recaptcha_wrap field_wrap">
                        <div class="g-recaptcha" data-sitekey="{{env('RE_CAP_SITE')}}"></div>
                    </div>
                </div>
                {{--<button type="submit" class="button g-recaptcha" data-sitekey="{{env('RE_CAP_SITE_HIDE')}}" data-callback="onSubmit" onclick="saveForm(this)" data-form-id="feedback-wish"> {!! ShowLabelById(14, $lang_id) !!} </button>--}}
                <button type="submit" class="button" onclick="saveForm(this)" data-form-id="feedback-wish"> {!! ShowLabelById(14, $lang_id) !!} </button>
                <div class="loader-list" aria-label="Loading" role="img" tabindex="-1"></div>
            </form>

        </div>

        {{--modal--}}
        <div style="display: none;">
            <div class="modal fast_cmd_modal_success" id="fast_cmd_modal_success">
                <div class="modal_close arcticmodal-close"></div>
                <img src="{{asset('front-assets/img/modal_success.png')}}" alt="modal_success">
                <h4></h4>
                <p></p>
            </div>
        </div>
        {{--END modal--}}

    </div>
@stop

@include('front.footer')