@extends('layouts.app')
@section('body_class', 'bodyhome')
@section('metadata')
<title>Sysmach Eve</title>
<meta name="description" content="Sysmach Eve" />
<meta name="csrf-token" content="{{ csrf_token() }}">
    <script type="text/javascript">
        function callbackThen(response){
            // read HTTP status
            console.log(response.status);
            
            // read Promise object
            response.json().then(function(data){
                console.log(data);
            });
        }
        function callbackCatch(error){
            console.error('Error:', error)
        }   
    </script>  

        {!! htmlScriptTagJsApi([
            'action' => 'home',
            'callback_then' => 'callbackThen',
            'callback_catch' => 'callbackCatch'
        ]) !!}
@endsection
@section('css')

@endsection
@section('content')
<h2>Enviar comprovante: {{$evento->name}} | {{$evento->getday($evento)}} de {{$evento->getmonthname($evento)}}</h2>
<br>
@if(count($errors) > 0)
        <div class="alert alert-danger" role="alert">
            <ul>
            @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
            </ul>
        </div>
    @endif

        {!! Form::open(['route' => 'inscriptions.storecomprov', 'method' => 'POST', 'files' => true, 'autocomplete' => 'off', 'class' => 'inscriptionhome']) !!}
        @csrf
        <div class="form-group">
            {!! Form::text('evento_id', $evento->id, ['class' => 'form-control hidden']) !!}
        </div>
        <div style="width: 100%">
        <div class="formizq">
            <div class="">
                <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" placeholder="Email" required>
                @error('email')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            <p style="font-style: italic;">* Indique o email informado na inscrição</p>


            <div class="">
                <label>Comprovante de pagamento</label>
                <input type="file" name="comprovante" required>
            </div>
            <p style="font-style: italic;">* Somente arquivos .jpg, .png ou .pdf</p>
        </div>
    </div>

    <div class="form-group">
            {!! Form::submit('Enviar', ['class' => 'btn btn-primary']) !!}
            <a href="{{ URL::previous() }}" class="btn btn-danger">Cancelar</a>
        </div>
</form>
            
      <div class="clearfix"></div>

@endsection
@section('js')

@endsection