@extends('app.layouts.mini')
<style>
    .padding {
        padding:30px !important;
    }
</style>
@section('header')

@stop    

@section('content')    
    @include('app.partials.messages')           
    {!! Element::mainbloc('open', __('app.forgot-password'), 'fas fa-table') !!}
    {!! Form::open(['route' => ['post.forgot-password'], 'class' => 'form-horizontal', 'role' => 'form', 'id' => 'main_form', 'files' => false]) !!}
        <div class="container" id="containerpage">
            <div class="row">
                <div class="col-sm padding">
                    {!! Twb::admin_text('last_name',__('app.lastname'),"",[], $errors->first('last_name')) !!}
                    {!! Twb::admin_text('first_name',__('app.firstname'),"",[], $errors->first('first_name')) !!}
                    {!! Twb::admin_text('email',__('app.email'),"",[], $errors->first('email')) !!}
                    {!! Twb::admin_text('object',__('app.object'),"Accès à mon compte perdu",['readonly' => 'readonly'], $errors->first('object')) !!}
                </div>
                <div class="col-sm padding">
                    {!! Twb::admin_textarea('message',__('app.your_message'),"",[], $errors->first('message')) !!}
                    {!! Form::button(__('app.send'), ['type' => 'submit','','class' => 'btn btn-block btn-lg btn-success','id' => 'sendButton' ]) !!}
                    {!! Element::recaptcha_clientside_html() !!}
                </div>
            </div>    
        </div>
        <input type="hidden" name="recaptcha_response" id="recaptchaResponse">
    {!! Form::close() !!}
    {!! Element::mainbloc('close') !!}
@stop


@section('footer')
    {!! Element::recaptcha_clientside_js("forgot_password") !!}

<script>  
jQuery(function($) {
    var token = '{{ csrf_token() }}';   
});
</script>
<script src="https://www.google.com/recaptcha/api.js?render={{ env('RECAPTCHA_SITE_KEY') }}"></script>
<script>
        grecaptcha.ready(function () {
            grecaptcha.execute('{{  env("RECAPTCHA_SITE_KEY") }}', { action: 'contact' }).then(function (token) {
                var recaptchaResponse = document.getElementById('recaptchaResponse');
                recaptchaResponse.value = token;
            });
        });
</script>
@stop