@extends('layouts.app')

@section('content')
    <div class="container border border-2 shadow p-3 mb-5 bg-body rounded rounded-2">
        @if(isset($mensaje))
        <p>{{ $mensaje }}</p>
        @else
        
        <div class="container-fluid">
            <div class="row  row-cols-1 row-cols-sm-2 row-cols-md-4">
              <div class="col-md-6 col">
                <p class="fs-1">USUARIO</p>
                <dl class="row fs-5">
                    <dt class="col-sm-4">C.I.:</dt>
                    <dd class="col-sm-8">{{$resultados[0]->documento}}</dd>
                    <dt class="col-sm-4">Nombre:</dt>
                    <dd class="col-sm-8">{{$resultados[0]->name}} {{$resultados[0]->apellido}}</dd>
                    <dt class="col-sm-4">Codigo de Certificado:</dt>
                    <dd class="col-sm-8">{{$resultados[0]->codigo}}</dd>
                    <dt class="col-sm-4">Evento:</dt>
                    <dd class="col-sm-8">{{$resultados[0]->nombre_evento}}</dd>
                    <dt class="col-sm-4">Fecha del Evento:</dt>
                    <dd class="col-sm-8">{{$resultados[0]->fecha}}</dd>
                    <dt class="col-sm-4">Organizado por:</dt>
                    <dd class="col-sm-8">Vice Rectorado</dd>
                    <dt class="col-sm-4">Certificado de:</dt>
                    <dd class="col-sm-8">{{$resultados[0]->tipo_evento}}</dd>
                </dl>
              </div>
              <div class="col-md-6 col">
                <iframe src="{{ route('certificadosepdf',$resultados[0]->idparticipante) }}" style="width: 85%; height: 500px;" frameborder="0">
                    Este navegador no soporta PDFs. 
                    <a href="{{ route('certificadosepdf', $resultados[0]->idparticipante) }}">Descargar el PDF</a>
                </iframe>
              </div>
            </div>
        </div>
        @endif
    </div>
@endsection