@extends('app.layouts.mini')
@section('header')
<style>
.hidden {
  display: none !important;
}
</style>
@stop    

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

    <div class="card card-login mx-auto mt-5">

      <div class="card-header">{{ __('app.login') }}</div>
      <div class="card-body">
        <div class="text-center" style="margin-bottom:25px">
          <img src="{{ asset('app/img/myrollpack.jpg') }}" alt="Logo Rollpack">
        </div>
        @include('app.partials.messages')

        {!! Form::open(['route' => ['post.login'], 'class' => 'form-horizontal', 'role' => 'form', 'id' => 'main_form', 'files' => false]) !!}
          <div class="form-group">
            <div class="form-label-group">
              <input type="text" name="login" id="inputEmail" class="form-control" placeholder="{{ __('app.user_login') }}" required="required" autofocus="autofocus" placeholder="{{ __('app.user_login') }}">
              <label for="inputEmail" class="hidden">{{ __('app.user_login') }}</label>
            </div>
          </div>
          <div class="form-group">
            <div class="form-label-group">
              <input type="password" name="password" id="inputPassword" class="form-control" placeholder="{{ __('app.user_password') }}" required="required">
              <label for="inputPassword" class="hidden">{{ __('app.user_password') }}</label>
            </div>
          </div>
                    {!! Form::button(__('app.login-btn'), ['type' => 'submit','','class' => 'btn btn-block btn-lg btn-success' ]) !!}
          <input type="hidden" name="recaptcha_response" id="recaptchaResponse">
        {!! Form::close() !!}
        <div class="text-center">
          <a class="d-block small" href="{{ route('forgot-password') }}">{{ __('app.forgot-password-question') }}</a>
        </div>
              <div class="text-center">
                <a href="{{ route('lang', ['locale' => 'fr']) }}"><img src="{{ asset('app/img/lang/fr.png') }}" alt="" style="height:15px"></a>&nbsp;
                <a href="{{ route('lang', ['locale' => 'en']) }}"><img src="{{ asset('app/img/lang/en.png') }}" alt="" style="height:15px"></a>&nbsp;
                <a href="{{ route('lang', ['locale' => 'de']) }}"><img src="{{ asset('app/img/lang/de.png') }}" alt="" style="height:15px"></a>&nbsp;
          </div>
      </div>
    </div>
  </div>
@stop


@section('footer')
<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