@extends('front.front-app')

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

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

        @include('front.templates.breadcrumbs')

        <div class="feedback_page">
            <h1>{{$parent_menu->name or ''}}</h1>
            <p class="blue">
                {!! ShowLabelById(15, $lang_id) !!}
            </p>
            <p class="gray">
                {!! ShowLabelById(16, $lang_id) !!}
            </p>
            <form role="form" method="POST" action="{{ url($lang, ['simpleFeedback', 'feedback']) }}" id="feedback_page_form" enctype="multipart/form-data" class="feedback_page_form">
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <div class="field_row">
                    <div class="label_wrap db">
                        <label for="name"> {!! ShowLabelById(17, $lang_id) !!} </label>
                    </div>
                    <div class="field_wrap db">
                        <input type="text" name="name" id="name">
                    </div>
                </div>

                <div class="field_row">
                    <div class="label_wrap db">
                        <label for="email"> {!! ShowLabelById(18, $lang_id) !!} </label>
                    </div>
                    <div class="field_wrap db">
                        <input type="text" name="email" id="email">
                    </div>
                </div>

                <div class="field_row">
                    <div class="label_wrap db">
                        <label for="phone"> {!! ShowLabelById(12, $lang_id) !!} </label>
                    </div>
                    <div class="field_wrap db">
                        <input type="text" name="phone" id="phone">
                    </div>
                </div>

                <div class="field_row radioboxes">
                    <div class="radio_row">
                        <input type="radio" name="feedback_type" id="suggestion" checked value="suggestion">
                        <label for="suggestion"> {!! ShowLabelById(19, $lang_id) !!} </label>
                    </div>
                    <div class="radio_row">
                        <input type="radio" name="feedback_type" id="complaint" value="complaint">
                        <label for="complaint"> {!! ShowLabelById(20, $lang_id) !!} </label>
                    </div>
                </div>

                <div class="field_row">
                    <div class="label_wrap db">
                        <label for="subject"> {!! ShowLabelById(21, $lang_id) !!} </label>
                    </div>
                    <div class="field_wrap db">
                        <input type="text" name="subject" id="subject">
                    </div>
                </div>

                <div class="field_row">
                    <div class="label_wrap db">
                        <label for="message"> {!! ShowLabelById(22, $lang_id) !!} </label>
                    </div>
                    <div class="field_wrap db">
                        <textarea name="message" id="message"></textarea>
                    </div>
                </div>

                <div class="field_row">
                    <div class="label_wrap db">
                        <label> {!! ShowLabelById(125, $lang_id) !!} </label>
                    </div>
                    <div class="recaptcha_wrap field_wrap db">
                        <div class="g-recaptcha" data-sitekey="{{env('RE_CAP_SITE')}}"></div>
                    </div>
                </div>

                <button type="submit" onclick="saveForm(this)" data-form-id="feedback_page_form"> {!! ShowLabelById(23, $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')