{{extend 'layout.html'}}
<link rel="stylesheet" href="{{=URL('static', 'css/defensores_4t.css')}}">
<div class="container-fluid main-container">
  <div class="row align-items-center">
    <div class="col-12 px-0 title-defensores4t">
      BUSCAMOS <span style="font-family: montserratBold">DEFENSORES</span>
    </div>
  </div>
  <div class="row div-defensores4t-form">
    <div class="col-12 mx-auto" style="max-width: 1280px; min-height: 70vh;">
      <div class="" style="max-width:720px;">
        <form class="" enctype="multipart/form-data" method="post">
          <div class="row mb-3">
            <div class="col-12 col-lg-12 form-group">
              <label for="formularioNombre">NOMBRE(S)</label>
              <input type="text" class="form-control" id="formularioNombre">
            </div>
          </div>
          <div class="row mb-3">
            <div class="col-12 col-lg-6 form-group">
              <label for="formularioApellidoP">APELLIDO PATERNO</label>
              <input type="text" class="form-control" id="formularioApellidoP">
            </div>
            <div class="col-12 col-lg-6 form-group">
              <label for="formularioApellidoM">APELLIDO MATERNO</label>
              <input type="text" class="form-control" id="formularioApellidoM">
            </div>
          </div>
          <label for="formularioNacimiento">FECHA DE CUMPLEAÑOS</label>
          <div class="row mb-3">
            <div class="col-12 form-group">
              <div class="row" id="formularioNacimiento">
                <div class="col-3">
                  <input type="numeric" class="form-control" placeholder="Día">
                </div>
                <div class="col-3">
                  <input type="numeric" class="form-control" placeholder="Mes">
                </div>
                <div class="col-6">
                  <input type="numeric" class="form-control" placeholder="Año">
                </div>
              </div>
            </div>
          </div>
          <div class="row mb-5">
            <div class="col-12">
              <label for="formularioTelefono">CELULAR</label>
              <input class="form-control" type="number" id="formularioTelefono"></input>
            </div>
          </div>
          <div class="text-center">
            <input class="btn btn-defensores4t" type="submit" value="QUIERO SER DEFENSOR">
            <input type="hidden" name="_formname" value="enviarFormulario">
          </div>
        </form>
      </div>
      <div class="logo-defensores4t">
        <img src="{{=URL('static', 'images/logo_defensores4t.png')}}" alt="">
      </div>
    </div>
  </div>
</div>
{{block footer}} <!-- this is default footer -->
<footer class="footer container-fluid px-0">
  <div class="row align-items-center mx-auto" style="margin-top:0px; height:100%; max-width:1280px;">
    <div class="col-10">
      <div class="copyright pull-left">{{=T('Copyright')}} &#169; Defensores de la 4T {{=request.now.year}}. Todos los derechos reservados. Aviso de privacidad</div>
    </div>
    <div class="col-2 text-right">
      <a href="https://www.facebook.com/DefensoresDeLa4tHidalgo">
        <i class="bi bi-facebook" style="font-size: 2.25rem; color: #4267B2"></i>
      </a>
    </div>
  </div>
</footer>
{{end}}
