@extends('layouts.app')
@section('head')
@include('components.meta')
@endsection
@section('content')
@include('components.breadcrumbs')
<div class="container">
    @if ($errors->any())
        <div class="alert alert-danger flex green-btn space-between">
          <ul>
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
          </ul>
        </div>
    @endif
    @if (Session::has('success'))
        <br>
        <div class="alert alert-success flex green-btn space-between" >
          <p>{{ Session::get('success') }}</p>
        </div>
    @endif
</div>
{{-- @if (Session::has('success'))
    <p id="evaluate-form"></p>
    <div class="container" >
        <br>
        <div class="alert alert-success flex green-btn space-between" >
          <p>{{ Session::get('success') }}</p>
        </div>
        <br>
    </div>
@endif --}}
<div class="container inner-page faq">
    <div class="programme connection">
        <h2 class="text-uppercase inner-title">{{__('site.check_id')}}</h2>
        <div class="flex flex-row flex-wrap">
            <div class="col-6">
                <form class="question bg-white" method="post" action="{{route('get.contract.post', ['language'=>app()->getLocale()])}}">
                  @csrf
                    <p class="red">Номер договора* ({{(__('site.required'))}})</p>
                    <input type="text" name="number_id" placeholder="{{(__('site.write_name'))}}" required>
                    <br />
                    <p class="red">
                        Фамилия* ({{(__('site.required'))}})
                    </p>
                    <input type="text" name="last_name" placeholder="Фамилия" required>
                    <div class="captcha">
                      <span>{!!captcha_img()!!}</span>
                      <button type="button" class="btn-refresh" style="margin-bottom: 10px; color: #000; font-weight: 400; border: 1px solid #e5e5e5; display: flex; align-items: center">Обновить картинку</button>
                    </div>
                    <input  type="text" class="mt-2 @error('captcha') is-invalid @enderror" name="captcha" value="">
                    <br><br>
                    <input class="green-btn" type="submit" value="{{__('site.send')}}">
                </form>
            </div>
            <div class="col-6">
                <a href=""><img class="responsive-img" src="{{ asset('images/connection.png') }}" alt=""></a>
            </div>
        </div>
    </div>
</div>
@endsection
@section('foot')
<script src="https://www.google.com/recaptcha/api.js"></script>

<script>
    function onSubmit(token) {
     document.getElementById("demo-form").submit();
   }
    (function($) {
        $(function() {
          
          $('ul.tabs__caption').on('click', 'li:not(.active)', function() {
            $(this)
              .addClass('active').siblings().removeClass('active')
              .closest('div.tabs').find('div.tabs__content').removeClass('active').eq($(this).index()).addClass('active');
              $.ajax({
                  type: 'get',
                  url: "{{route('refresh.captcha', \App::getLocale())}}",
                  success: function(data){
                    $('.captcha span').html(data);
                  }
                });
          });
          
        });
    })(jQuery);
</script>
<script type="text/javascript">
  $('.btn-refresh').click(function(){
    $.ajax({
      type: 'get',
      url: "{{route('refresh.captcha', \App::getLocale())}}",
      success: function(data){
        $('.captcha span').html(data);
      }
    });
  });
</script>
@endsection