@extends('layouts.app')

@section('css')
<link rel="stylesheet" href="{{asset('vendor/jquery-confirm2/dist/jquery-confirm.min.css')}}">
<style type="text/css">
  .card {
    /*transform:translate(-50%,-50%);*/
    /*width:300px;*/
    /*min-height:400px;*/
    /*background:#fff;*/
    box-shadow:0 20px 50px rgba(40,167,69,.1);
    border-radius:10px;
    transition:0.5s;
}
/*.card:hover {
    box-shadow:0 30px 70px rgba(0,167,69,.2);
}*/

</style>
@endsection
@section('content')
<!-- Header -->
  <!-- <header class="">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-lg-12 text-center">
          <h1 class="mt-5 pt-4 mb-2 text-success"><i class="far fa-check-circle"></i></h1>
          <h3 class="text-success">Registro Satisfactorio</h3>
        </div>
      </div>
    </div>
  </header> -->
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-md-6 grid-margin stretch-card">
        <div class="card text-center">
					
					<div class="card-header">
						<div class="row align-items-center">
							<div class="col-lg-12 text-center">
								<h1 class="pt-4 mb-2 text-success"><i class="far fa-check-circle"></i></h1>
								<h3 class="text-success">Registro Satisfactorio</h3>
							</div>
						</div>
					</div>
          <div class="card-body d-flex flex-column">
            <div class="wrapper">
              <h4 class="mt-1">{{$datos->Persona}}</h4>
              <p class="text-muted">{{$datos->Documento}}</p>
              <p class="mt-3 mb-4 card-text">Celular: {{$datos->Telefono}}</p>
              <p class="mt-3 mb-4 card-text">Email: {{$datos->Email}}  <strong>Revise su bandeja de entrada</strong></p>
              <!-- <button class="btn btn-rounded btn-primary btn-sm mt-3 mb-4">Follow</button> -->
            </div>
            <div class="row border-top pt-3 mt-auto">
              <div class="col-6">
                <p>Código de Solicitud</p>
                <h6 class="font-weight-medium">{{$datos->Codigo}}</h6>
              </div>
              <div class="col-6">
                <p>Contraseña</p>
                <h6 class="font-weight-medium">{{$datos->Password}}</h6>
              </div>
            </div>
          </div>
        </div>
        <!-- <input type="button" name="imprimir" value="Imprimir" onclick="window.print();"> -->
        <a href="#" class="btn btn-success d-block" onclick="window.print();">Imprimir</a>
        <hr>
        <div class="alert alert-success" role="alert">
          <p><strong>Aviso:</strong> Recuerde hacer el seguimiento de su trámite con el código de Expediente y contraseña.</p>
        </div>
      </div>
    </div>

  </div>
@endsection
@section('scripts')
@endsection