@extends('site.inner')

@section('title')
{!! label('lbl_feedback') !!}
@endsection

@section('breadcrumb')
<li class="breadcrumb-item active" aria-current="page">{{ label('lbl_send_a_tip') }}</li>
@endsection

{{-- @section('page_title')
{!! label('lbl_feedback') !!}
@endsection --}}

@section('page_content')

    <div class="row page-content my-2">
        <div class="col-lg-8 pr-lg-5 mt-2">
            <div class="pb-2 my-2 border-bottom">
                <h4 class="mb-0 text-uppercase">
                    <div class="d-block  py-1 lines position-relative">
                        <div class="pr-sm-2 py-1 text-primary  position-relative">
                            <span class="round-border "><span class="border-left-secondary-thick pl-2">{{ label('lbl_send_a_tip') }}</span> </span>
                        </div>
                    </div>
                </h4>
            </div>

            <div class="row mx-0">
                <div class="col-12 px-0 mt-3">
                    @if(session('status') == 'success')
                        <div class="d-block">
                            <div class="alert alert-success alert-dismissible fade show bold-600" role="alert">
                                <strong> {{ label('lbl_feedback_success') }} </strong>
                            </div>
                        </div>
                    @else
                        <div class="d-block">
                            @if(!empty($seo->recaptcha_site_key) && !empty($seo->recaptcha_secret_key))
                                <form class=""  method="POST" action="{{route('complaints.store')}}" autocomplete="off" accept-charset="UTF-8">
                                    {{ csrf_field() }}
                                    <h5 class="other-heading bold-600">{{label('lbl_tip_title')}}</h5>
                                    <p>{{label('lbl_tip_message')}}</p>
    
                                    <p>{{label('lbl_tip_note')}}</p>
                                    <h5 class="other-heading bold-600">{{label('lbl_tip_details')}}</h5>
                                    <div class="form-group">
                                        <div class="g-recaptcha"
                                             data-sitekey="{{$seo->recaptcha_site_key}}">
                                        </div>
                                        <div class="mt-1"><span class='form_error' style="color:red;">{!! $errors->first('g-recaptcha-response') !!}</span></div>
                                    </div>
                                    <div class="form-group">
                                        <label for="subject"> {{label('lbl_subject')}}</label>
                                        <input value="{{ old('subject') }}" type="text" name="subject" class="rounded form-control" id="subject" placeholder="">
                                        <div class="mt-1"><span class='form_error' style="color:red;">{!! $errors->first('subject') !!}</span></div>
                                    </div>
                                    <div class="form-group">
                                        <label for="message">* {{label('lbl_message')}}</label>
                                        <span class="text-sm d-block" style="color: grey;">{{label('lbl_describe_witnessed')}}</span>
                                        <textarea required type="text" name="message" class="rounded form-control" id="message" placeholder="">{{ old('message') }}</textarea>
                                        <div class="mt-1"><span class='form_error' style="color:red;">{!! $errors->first('message') !!}</span></div>
                                    </div>

                                    <div class="form-group">
                                        <label for="fullname">{{label('lbl_fullname')}}({{label('lbl_optional')}})</label>
                                        <input  value="{{ old('fullname') }}" type="text" name="fullname" class="rounded form-control" id="fullname" placeholder="Jane Doe">
                                        <div class="mt-1"><span class='form_error' style="color:red;">{!! $errors->first('fullname') !!}</span></div>
                                    </div>

                                    <div class="form-group">
                                        <label for="email">{{label('lbl_email')}}({{label('lbl_optional')}})</label>
                                        <input  value="{{ old('email') }}" type="email" name="email" class="rounded form-control" id="email" placeholder="example@email.com">
                                        <div class="mt-1"><span class='form_error' style="color:red;">{!! $errors->first('email') !!}</span></div>
                                    </div>

                                    <div class="form-group">
                                        <label for="phone">{{label('lbl_phone_number')}}({{label('lbl_optional')}})</label>
                                        <input  value="{{ old('phone') }}" type="text" name="phone" class="rounded form-control" id="phone" placeholder="">
                                        <div class="mt-1"><span class='form_error' style="color:red;">{!! $errors->first('phone') !!}</span></div>
                                    </div>
                                    <button type="submit" class="btn bg-primary text-white bold-600 px-4 py-2 rounded text-uppercase">{{label('lbl_submit_a_tip')}}</button>

                                </form>
                            @else
                                <div class="py-3 bold-600">
                                    {{ label('lbl_no_information') }}
                                </div>
                            @endif
                        </div>
                    @endif
                </div>
            </div>
        </div>

        {{-- <div class="col-lg-4 px-0">
            @include('site.includes/sidebar')
        </div> --}}
    </div>

@stop

{{--@section('js-content')--}}
{{--    <script src='https://www.google.com/recaptcha/api.js'></script>--}}
{{--@stop--}}