@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')
    <section class="cabecera">  

          <h2 class="text-center">Próximos eventos</h2>

          @foreach($eventos as $evento)

            <div class="col-12 eventhome">
                <div class="event-date">
                    <div class="cardbodydate">
                        <div class="divday">{{$evento->getday($evento)}}</div>
                        <div class="divmonth">{{substr($evento->getmonthname($evento), 0, 3)}}</div>
                        <!--<div class="divyear">{{$evento->getyear($evento)}}</div>-->
                        <div class="divhour">{{$evento->gethour($evento)}}</div>
                        <!--<div class="divvagas">{{$evento->getfree($evento)}} vagas livres</div>-->
                    </div>
                </div>

                <div class="event-info">
                    <h3>{{$evento->name}}</h3>
                    <div class="eventblock first">
                        <p class="card-text">{{$evento->description}}</p>
                        <p class="obsp">{{$evento->obs}}</p>
                        @if ($evento->getfree($evento) > 0)
                        <!--<p class="green">{{$evento->getfree($evento)}} vagas livres</p>-->
                        <div class="eventlink">
                            <a href="{{ route('newinsc', $evento->id) }}">
                                <div class="event-footer">
                                    <!-- <i class="fas fa-external-link-alt"> </i> --> Inscrever-se
                                </div>
                            </a>
                        </div>
                        <br>
                        <div class="eventlink">
                            <a href="{{ route('comprov', $evento->id) }}">
                                <div class="event-footer">
                                    <!-- <i class="fas fa-external-link-alt"> </i> --> Enviar comprovante
                                </div>
                            </a>
                        </div>
                        @else
                        <!--<p class="red">{{$evento->getfree($evento)}} vagas livres</p>-->
                        <div class="eventlink notfree">
                            <div class="event-footer">
                                Vagas esgotadas
                            </div>
                        </div>
                        @endif
                    </div>
                    <div class="eventblock">
                        <p>
                            <span class="tablebold">Local:</span> {{$evento->location}}<br>
                            <span class="tablebold">Data:</span> {{$evento->getdate($evento)}}/{{$evento->getyear($evento)}}<br>
                            <span class="tablebold">Hora:</span> {{$evento->gethour($evento)}}<br>
                            <span class="tablebold">Valor:</span> {{$evento->valor}}<br>
                            <span class="tablebold">Pagamento:</span> {{$evento->instpag}}<br>
                            <span class="tablebold">Vagas livres:</span> {{$evento->getfree($evento)}}<br>
                            <span class="tablebold">Data limite inscrição:</span> {{$evento->getdateend($evento)}}/{{$evento->getyearend($evento)}}
                        </p>
                        <!--<p>{{$evento->getfree($evento)}} vagas livres</p>-->
                    </div>
                </div>
            </div>

          @endforeach


    </section>
            
      <div class="clearfix"></div>

@endsection
@section('js')

@endsection