{% extends "layout.html" %}

{% block content %}
<script src="js/data.js"></script>
<script src="js/registerform.js"></script>
<style>
  .table{
    font-size:1.1em;
    
  }
  .table th:nth-child(2){
    text-align: right;    
  }
  .table th:nth-child(3){
    text-align: right;    
  }
  .table tr td:nth-child(2){
    text-align: right;    
  }
  .table tr td:nth-child(3){
    text-align: right;    
  }

  
  
</style>
  
  
  {% if closed %}
    {% set disabled="disabled" %}
    <div class="alert alert-danger">
      <strong>Registration has been closed!</strong><br/>
      For any further questions, please contact: <a class="alert-link" href="mailto:ggdworkshop@cmat.edu.uy">ggdworkshop@cmat.edu.uy</a>
    </div>
  {% endif %}
  <div class="row">
    <div class="col-xs-12">
      <h1><strong>Inscripción</strong></h1>
    </div>
  </div>
  <div class="row">
    <div class="col-xs-12">
      <h2>Tarifa de inscripción:</h2>
      <table class="table table-striped">
        <thead>
          <tr>
            <th>Categoría</th>
            <th>Hasta el 30 de Abril de 2020</th>
            <th>A partir del 1º de Mayo 2020</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><b>Investigadores</b></td>
            <td>U$S 150 ($UY {{150*40}})</td>            
            <td>U$S 200 ($UY {{200*40}})</td>
          </tr>
          
          <tr>
            <td><b>Estudiantes</b></td>
            <td>U$S 50 ($UY {{50*40}})</td>
            <td>U$S 100 ($UY {{100*40}})</td>
          </tr>
          <tr>
            <td colspan="3">
              *Incluye todas las actividades del congreso y las pausas de café
            </td>
          </tr>
          
        </tbody>
      </table>
      <p style="font-size:16px;padding-bottom:5px;">
        El Comité Organizador otorgará un número limitado de becas (no dude en ponerse en contacto con cualquiera de los
        organizadores locales).
      </p>
    </div>
  </div>
  <hr class="separador" />
  <div class="row">
    <div class="col-xs-12">
      <h2>Conference Fees:</h2>
      <table class="table table-striped">
        <thead>
          <tr>
            <th>Category</th>
            <th>Until 30 April 2020</th>
            <th>From May 1, 2020 until the Congress</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><b>Researchers</b></td>
            <td>U$S 150 </td>
            <td>U$S 200</td>
          </tr>
      
          <tr>
            <td><b>Students</b></td>
            <td>U$S 50 </td>
            <td>U$S 100 </td>
          </tr>
          <tr>
            <td colspan="3">
              *Includes all the conference activities and the coffee breaks
            </td>
          </tr>
      
        </tbody>
      </table>
      <p style="font-size:16px;padding-bottom:5px;">
        A limited number of scholarships will be awarded by the Organizing Team. In case of need, don't hesitate in contacting
        the organizing committee.
      </p>
      <hr class="separador"/>
    </div>
  </div>
  
      
    
    

  
  
  
    
    <div class="alert alert-info">
      <i class="glyphicon glyphicon-info-sign"></i> <strong>Formulario de inscripción próximamente / Inscription Form coming soon </strong><br />
    </div>
 <!-- <form id="registerform" method="POST" action novalidate="novalidate">

    <fieldset {{ disabled }}>-->
    <!-- Nombre y Apellido -->
   <!-- <div class="row">
      <div class="form-group col-xs-12 col-sm-6">
        <label class="control-label" for="nombre">First Name</label>
        <div class="input-container">
           <input id="nombre" class="form-control" name="nombre" type="text">
        </div>
      </div>

      <div class="form-group col-xs-12 col-sm-6">
        <label class="control-label" for="apellido">Last Name</label>
        <div class="input-container">
          <input id="apellido" class="form-control" name="apellido" type="text">
        </div>
      </div>
    </div>-->

    <!-- Título y Afiliación -->
   <!--<div class="row">
      <div class="form-group col-xs-12 col-sm-6">
        <label class="control-label" for="titulo">Title</label>
        <div class="input-container">
          <input id="titulo" class="form-control" name="titulo"
            placeholder="Professor, Post Doc, Grad Student(1st year, 2nd year, etc..)"  type="text">
        </div>
      </div>

      <div class="form-group col-xs-12 col-sm-6">
        <label class="control-label " for="afiliacion">Affiliation</label>
        <div class="input-container">
          <input id="afiliacion" class="form-control" name="afiliacion"
          placeholder="Which university or organization"  type="text">
        </div>
      </div>
    </div>-->

    <!-- Ciudad y Pais -->
    <!--<div class="row">
      <div class="form-group col-xs-12 col-sm-6">
        <label class=" control-label" for="ciudad">City</label>
        <div class="input-container">
          <input id="ciudad" name="ciudad" class="form-control" type="text">
        </div>
      </div>

      <div class="form-group col-xs-12 col-sm-6">
        <label class=" control-label" for="pais">Country</label>
        <div class="input-container">
          <select {{ disabled }} id="pais" name="pais">
            <option></optoon>
          </select>

        </div>
      </div>
    </div>-->

    <!-- Email -->
    <!--<div class="row">
       <div class="form-group col-xs-12">
        <label class="control-label" for="email">Email</label>
        <div class="input-container">
          <input id="email" class="form-control" name="email"
            placeholder="mail@example.com"  type="email">
        </div>
      </div>
    </div>-->

    <!-- Beggining date  and Endig Date-->
    <!--<div class="row">
      <div class="form-group col-xs-12 col-sm-6">
        <label class="control-label " for="txtbda">Beginning date attending</label>
        <div class="input-container">
          <input id="txtbda" class="form-control" placeholder="DD/MM/AAAA" name="bda">
        </div>
      </div>
      <div class="form-group col-xs-12 col-sm-6">
        <label class="control-label " for="txteda">Ending date attending</label>
        <div class="input-container">
          <input id="txteda" class="form-control" placeholder="DD/MM/AAAA" name="eda">
        </div>
      </div>
    </div>-->

    <!-- Financial Support -->
   <!-- <div class="row">
      <div class="form-group col-xs-12">
         <label class="control-label" for="sifinan">
          Are you asking for support from the conference?
         </label>
        <div class="radios input-container">
          <label class="radio-inline"><input id="sifinan" type="radio" name="financiacion" value="1">Yes</label>
          <label class="radio-inline"><input id="nofinan" type="radio" name="financiacion" value="0">No</label>

        </div>
        <div class="col-sm-8 alert alert-info" style="display:none;margin:10px 0px 5px 0px;">

          <em class="text-justify">
            We have submitted funding requests and hope to cover the housing
            for a shared room, but we cannot make a guarantee at this time
          </em>
        </div>
      </div>
    </div>-->

    <!-- Invitation and letter of -->
    <div class="row">
     <!-- <div class="form-group col-xs-12 col-sm-6">
        
         <label class="control-label" for="invited">
          Were you invited to participate in this conference?
         </label>
        <div class="input-container">
          <div class="radio">
            <label><input id="invited" type="radio" name="invited" value="1">Yes, I was previously invited</label>
          </div>
          <div class="radio">
            <label><input id="noinvited" type="radio" name="invited" value="0">No, I am applying (Registration committee will notifiy you if accepted)</label>
          </div>
        </div>
      </div>-->

     <!-- <div class="form-group col-xs-12 col-sm-12">
         <label class="control-label" for="invited">
          Do you need a letter of invitation?
         </label>
        <div class="input-container">
          <label class="radio-inline"><input id="sifinan" type="radio" name="letterinvited" value="1">Yes</label>
          <label class="radio-inline"><input id="nofinan" type="radio" name="letterinvited" value="0">No</label>
        </div>
      </div>
    </div>-->
   
    <!-- Rooming Preferences -->
   <!-- <div class="row">
      <div class="form-group col-xs-12 col-sm-6">
        <label class="control-label " for="roomtype">Rooming Preference</label>
        <div class="input-container">
          <select {{ disabled }} id="roomtype" name="roomtype">
            <option></optoon>
          </select>
        </div>
      </div>

      <div class="form-group col-xs-12 col-sm-6">
        <label class=" control-label" for="roomate">Name of preferred roommate (if any)</label>
        <div class="input-container">

          <input id="roomate" name="roomate" class="form-control"
               type="text">
        </div>
      </div>
    </div>-->

    <!--Captcha -->
   <!-- <div class="row">
      <div class="form-group col-xs-12">
        <div class="input-container">
          
           <div class="g-recaptcha"
               data-sitekey="{{ sitekey }}"
               data-callback="recaptchaCallback">
            </div>


          <input type="hidden" class="hiddenRecaptcha required" name="hiddenRecaptcha" id="hiddenRecaptcha">
        </div>
      </div>
    </div>-->


    <!-- Confirm Button -->
   <!-- <div class="row">
      <div class="form-group col-xs-12 col-sm-8">
          <button type="submit" class="btn-lg btn btn-primary">Register</button>
      </div>
    </div>
    <fieldset disabled="disabled">
  </form>-->
  




  <!--<div id="msgModal" class="modal fade" role="dialog">
    <div class="modal-dialog">

      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Surface Dynamics 2018 Workshop Registration</h4>
        </div>
        <div class="modal-body">
          <div class="alert">

          </div>

        </div>-->
        <!--<div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Sí
          </button>
          <button type="button" class="btn btn-default" data-dismiss="modal">No
          </button>
        </div>
      </div>

    </div>-->
  </div>
{% endblock %}