@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>Nova inscrição: {{$evento->name}} | {{$evento->getday($evento)}} de {{$evento->getmonthname($evento)}} as {{$evento->gethour($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.storefront', '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="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" required autocomplete="name" placeholder="Nome completo">
                @error('name')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            <div class="subform">* Indique o nome e sobrenome tal como aparecerá no certificado</div>

            <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">
                @error('email')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>

            <div class="">
                <input id="phone" type="text" class="form-control @error('phone') is-invalid @enderror" name="phone" value="{{ old('phone') }}" required autocomplete="phone" placeholder="Whatsapp">
                @error('phone')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            <div class="subform">* Digite o número completo de Whatsapp, incluindo o DDD. O link do evento será enviado para este número.</div>

            <div class="">
                <input id="clube" type="text" class="form-control @error('clube') is-invalid @enderror" name="clube" value="{{ old('clube') }}" required autocomplete="clube" placeholder="Clube">
                @error('clube')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>




            <div class="form-group">
            {!! Form::label('faixa', 'Faixa') !!}*
            {!! Form::select('faixa', ['Branca' => 'Branca', 'Branca-cinza' => 'Branca-cinza','Cinza' => 'Cinza', 'Cinza-azul' => 'Cinza-azul','Azulclaro' => 'Azul claro', 'Azul-azul' => 'Azul-azul','Azulescuro' => 'Azul escuro', 'Azul-amarela' => 'Azul-amarela', 'Amarela' => 'Amarela', 'Amarela-laranja' => 'Amarela-laranja', 'Laranja' => 'Laranja','Laranja-verde' => 'Laranja-verde','Verde' => 'Verde','Verde-roxa' => 'Verde-roxa', 'Roxa' => 'Roxa', 'Roxa-marrom' => 'Roxa-marrom','Marrom' => 'Marrom', 'Shodan' => 'Shodan', 'Nidan' => 'Nidan', 'Sandan' => 'Sandan', 'Yondan' => 'Yondan', 'Godan' => 'Godan', 'Rokudan' => 'Rokudan', 'Shichidan' => 'Shichidan', 'Hachidan' => 'Hachidan', 'Kyudan' => 'Kyudan', 'Judan' => 'Judan'], null, ['class' => 'form-control', 'placeholder' => 'Selecione uma faixa', 'required']) !!}
        </div>


        <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 class="formder">
            <div>
                <textarea id="comments" type="textarea" class="form-control @error('comments') is-invalid @enderror" name="comments" value="{{ old('comments') }}"  autocomplete="comments" placeholder="Comentarios" rows="8" maxlength="5000">{{ old('comments') }}</textarea>
                @error('comments')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                
            </div>
        </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