@extends('master')
@section('content')
<style type="text/css">
@media only screen and (max-width: 768px) {
  .dni {
    text-align: center!important;
  }
}
</style>
<link rel="stylesheet" href="lib/css/bootstrap.css">
<link rel="stylesheet" href="lib/css/select2.min.css"/>
<!--begin intro -->
<div id="intro">
  <!--begin header_wrapper -->
  @include('pages.partials.header')
  <!--end header_wrapper -->
</div>
<!--end intro -->
<!--begin newsletter_wrapper -->
<div id="subscribe" class="parallax_wrapper">
  <!--begin newsletter_box -->
  <div class="newsletter_box" style="padding: 25px 0 10px 0!important">
    <h3 class="parallax_title" style="font-size: 1.5rem;">Buscar ficha de inscripciòn</h3>
  </div>
  <!--end newsletter_box -->
</div>
<!--end newsletter_wrapper -->
<!--begin section_wrapper -->
<div class="section_wrapper">
  <!--begin section_box -->
  <div class="small_margins p-2">
    <!--begin row -->
    <div class="wrapper">
      <div>
        <section class="content">
          @if(Session::has('error'))
            <script src="//cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.js"></script>
            <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css" id="theme-styles">
            <script type="text/javascript">
            Swal.fire({
              icon: 'error',
              title: 'Error',
              html:
              '{{ Session::get('error') }}'
            })
            </script>
          @endif          
          @if(Session::has('exists'))
            <script src="//cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.js"></script>
            <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css" id="theme-styles">
            <script type="text/javascript">
            Swal.fire({
              icon: 'success',
              title: 'Felicidades',
              html:
              'Participante se encuentra registrado <br> ' +
              '<a href="{{ Session::get('exists') }}" target="_blank" style="font-weight:bold">Descargar PDF</a> '
            })
            </script>
          @endif 
          <form action="/mificha" method="post" enctype="multipart/form-data">
          {{ csrf_field() }}          
          <div class="container-fluid">
            <div class="row">
              <div class="col-md-12">
                <div class="form-group" style="text-align: center;">
                    <div class="card-body">
                      <div class="row justify-content-md-center">
                        <div class="col-md-5 dni" style="text-align: end;">
                          Ingrese DNI : 
                        </div>
                        <div class="col-md-3">                        
                            <div class="input-group input-group-sm">
                              <input type="text" onKeyPress="return acceptNum(event)" maxlength="8" class="form-control" name="dni" @if(Session::has('noexists')) value="{{Session::get('noexists')}}" @endif required>
                              @if(!Session::has('noexists'))
                              <span class="input-group-append">
                              <input type="hidden" name="search" id="search">
                              <button type="submit" class="btn btn-info btn-flat" onclick="document.getElementById('search').value=1">Buscar</button>
                              </span>
                              @endif
                            </div>                          
                        </div>
                      </div>
                    </div>
                 
                </div>
              </div>
            </div>
          </div>
          </form>
        </section>
      </div>
    </div>
  </div>
  <!--end section_box -->
</div>
<!--end section_wrapper -->
<!--begin contact_wrapper -->
<div id="contact" class="contact_wrapper">
  <!--begin contact_box -->
  <div class="contact_box">
    <i class="fa fa-map-marker fa-4x blue"></i><br>
    <h5 class="contact_title">INFORMES</h5>
    <p class="contact_details">CHICLAYO: Calle Manuel María Izaga 783- 2do piso. </p>
    <p class="contact_details">Celular: 979665496</p>
    <a href="mailto:someone@example.com" class="contact_details">informes@conede.edu.pe</a>
    <a href="/inscripciones" class="button_transparent">Inscribirse</a>
  </div>
  <!--end contact_box -->
</div>
<!--end contact_wrapper -->
@endsection
@section('scripts')

<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script type="text/javascript">
        async function getAjax(url, inputs) {
            return new Promise((resolve, reject) => {
                var _token = $('meta[name="csrf-token"]').attr("content");
                $.ajaxSetup({
                  headers: {
                    "X-CSRF-TOKEN": _token
                  }
                });
                let token = { _token: _token };
                let data = {
                    ...inputs,
                    ...token
                };
                $.ajax({
                  url: window.location.origin + url,
                  data: data,
                  type: "post",
                  beforeSend: function() {
                    $(".preload").removeClass("d-none");
                  },
                  success: function(response) {
                    resolve(response);
                  },
                  complete: function(data) {
                    $(".preload").addClass("d-none");
                  },
                  async: true,
                  statusCode: {
                    404: function() {
                      console.log("Web not found");
                    }
                  },
                  error: function(x, xs, xt) {
                      console.log("error: " + x.status + " " + xt);
                  }
                });
            });
        }
</script>
@endsection