@extends('layouts.app')

@section('template_title')
    VerificarEstado
@endsection

@section('content')
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-header">
                        <div style="display: flex; justify-content: space-between; align-items: center;">
                            <span id="card_title">
                                {{ __('Verificacion de pago de Estuadiante') }}
                            </span>
                        </div>
                    </div>
                    <section class="py-1">
                      <div class="card-body">
                        <h5>Evento</h5>
                        <div class="form-group">
                          <strong>Nombre del evento:</strong>
                          {{$datos[0]->nombre_evento}}
                        </div>
                        <div class="form-group">
                          <strong>Descripcion:</strong>
                          {{$datos[0]->descripcion}}
                        </div>
                        <div class="form-group">
                          <strong>tipo de Evento:</strong>
                          {{$datos[0]->tipo_evento}}
                        </div>
                        <div class="form-group">
                          <strong>Prefijo:</strong>
                          {{$datos[0]->prefijo}} 
                        </div>
                      </div>
                      <div class="card-body">
                        <h5>Estudiante</h5>
                        <div class="form-group">
                          <strong>Nombre:</strong>
                          {{$datos[0]->name}}
                        </div>
                        <div class="form-group">
                          <strong>Correo Electronico:</strong>
                          {{$datos[0]->email}}
                        </div>
                        @if ($datos[0]->estado_asistencia==="pendiente")
                        <div class="form-group">
                          <strong>Estado:</strong>
                          <h5 style="color:red">{{$datos[0]->estado_asistencia}}</h5>
                          <h6 style="color:red">Realizar el Pago y enviar el comprobante de pago, si ya lo realizo y el pendiente persiste por favor vuelva a enviar el comprobante con los datos al cual corresponde</h6>
                          <h6 style="color:red">La Verificacion del pago en ocasiones puede ser inmediato o puede demorar 24 horas por favor tomar encuenta. Gracias</h6>
                        </div>
                        @else
                        <div class="form-group">
                          <strong>Estado:</strong>
                        <h5 style="color:green">{{$datos[0]->estado_asistencia}}</h5>
                        </div>
                        @endif 
                        </div>

                    </section>            
                </div>
            </div>
        </div>
        <!-- Event section-->

</div>
@endsection