{% extends 'base.html' %}
{% load static %}

{% block css %}

<link rel="stylesheet" type="text/css" href="{% static 'wizard/bootstrap.min.css' %}">


{% endblock %}

  
{% block content %}	

<style>

body{ margin-top:20px; }
</style>
<div class="container px-md-0 main-container">
    <div class="row">
       
    		<div class="container">
	<div class="row form-group">
        <div class="col-xs-12">
            <ul class="nav nav-pills nav-justified thumbnail setup-panel">
                <li class="active"><a href="#step-1">
                    <h4 class="list-group-item-heading">BASES y TDR 1</h4>
                    <p class="list-group-item-text">Bases Concurso</p>
                </a></li>
                <li class="active"><a href="#step-2">
                    <h4 class="list-group-item-heading">Evaluacion 2</h4>
                    <p class="list-group-item-text">Conocimientos</p>
                </a></li>
                <li class="active"><a href="#step-3">
                    <h4 class="list-group-item-heading">Absolucion 3</h4>
                    <p class="list-group-item-text">Reclamos Examen de Conocimientos</p>
                </a>
            	</li>
            	 <li class="active"><a href="#step-4">
                    <h4 class="list-group-item-heading">Resultados 4</h4>
                    <p class="list-group-item-text">Evaluacion Curricular</p>
                </a>
            	</li>
            	 <li class="active"><a href="#step-5">
                    <h4 class="list-group-item-heading">Absolucion 5</h4>
                    <p class="list-group-item-text">Reclamos Evaluacion Curricular </p>
                </a>
            	</li>
            	 <li class="active"><a href="#step-6">
                    <h4 class="list-group-item-heading">Resultados 6</h4>
                    <p class="list-group-item-text">Resultados Finales</p>
                </a>
            	</li>
            </ul>
        </div>
	</div>
    <div class="row setup-content" id="step-1">
        <div class="col-xs-12">
            <div class="col-md-12 well ">
                <div class="table-responsive">
				<table class="table table-hover m-b-0 text-inverse">
					<thead>
						<tr>
							<th>#</th>
							<th>Documentos</th>
							<th>Enlaces</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>1</td>
							<td>Bases</td>
							<td><a target="_blank" href="https://drive.google.com/file/d/1YjjH8oIzgxJXZEIV9nEk55GHAK82xXhz/view"><img src="/static/images/pdf_icon.png"></a></td>
						</tr>
						<tr>
							<td>2</td>
							<td>Cronograma</td>
							<td><a target="_blank" href="https://drive.google.com/file/d/11xwPPv0so03YKF43Y8Eokp2YHJMKfnk-/view"><img src="/static/images/pdf_icon.png"></a></td>
						</tr>
						<tr>
							<td>3</td>
							<td>Plazas Vacantes</td>
							<td><a target="_blank" href="https://drive.google.com/file/d/14RqPx1c39K62Efpccu-htJzlGBDVy-Od/view"><img src="/static/images/pdf_icon.png"></a></td>
						</tr>
                        <tr>
                            <td>4</td>
                            <td>Perfil de Puesto Asesoria Legal</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1daSK9DLMfdggWyu5P7WnvQlJ85CfhIyc/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>5</td>
                            <td>Perfil de Puesto Economia</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1p32dW1dGJD5Uk3ntHE-of__lR7arN0Qn/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>6</td>
                            <td>Perfil de Puesto Enfermeria</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/16y5KAe395hIoKMDvRGuzo7fdQiEcUEjh/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>7</td>
                            <td>Perfil de Puesto Estadistica</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/111ghFwSWawHG0q72rjLS925l_iBYJLFG/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>8</td>
                            <td>Perfil de Puesto Farmacia</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1SmeE2runDG7JH-4U6ZnNNhcFjffq1atA/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>9</td>
                            <td>Perfil de Puesto Gestion de Riesgo</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1BnjzHE944E24zO0EQVU-c0cYHrLd7Iub/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>10</td>
                            <td>Perfil de Puesto Mantenimiento</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1xFNSBPa_DRyZha1pvyfQNERkyNsVUY5z/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td>Perfil de Puesto Medicos</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1EZZRcNEO-fxofX6hOrvGas6BErtAeJPK/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>12</td>
                            <td>Perfil de Puesto Nutricion</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1nvI_gttXsgi7y4JIBxuIHeIv1X3Iwnjl/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>13</td>
                            <td>Perfil de Puesto Unidad de Personal</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1flTmoRbKNKrHjKX2djbFGT8MGOYFRtR3/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>14</td>
                            <td>Perfil de Puesto Planeamiento </td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1jWY6GNZ6q46FgAXdSwHf8AsckFD7BdvD/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>15</td>
                            <td>Perfil de Puesto Rayos X </td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1YfvoiuEtWqiR_vb0e_DPghp9j-JL88s5/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>16</td>
                            <td>Perfil de Puesto Unidad de Seguros </td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1uvDV4Fw2XpdkdfvTAoY06ip2qC6WJUwf/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>17</td>
                            <td>Fe de Erratas <span class="badge-pill badge-warning">Nuevo</span> </td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1nAgwoWaAQH8VcFCux3jbmGkxsEq5OL7W/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>18</td>
                            <td>Fe de Erratas Cronograma <span class="badge-pill badge-warning">Nuevo</span> </td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1y_FgCItIw1zGM_pDqbAFLhPYR8AD1rDm/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>19</td>
                            <td>Fe de Erratas Plazas <span class="badge-pill badge-warning">Nuevo</span> </td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1VIi6A6jZz4Z0LnRLzyNZsfyDAd8jiD4I/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>20</td>
                            <td>Perfil de Puesto OCI Tecnico Administrativo</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1WwZS99kAA37-oNtEIGfjQ6Bfq7c7J7W-/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>21</td>
                            <td>Fe De Erratas Perfil de Puesto de Medico Auditor<span class="badge-pill badge-warning">Nuevo</span></td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1wAKdWn8gCoALNRMk_fmZFScBC67alCJo/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>


					</tbody>
				</table>
				</div>
            </div>
        </div>
    </div>
    <div class="row setup-content" id="step-2">
        <div class="col-xs-12">
            <div class="col-md-12 well">
                <table class="table table-hover m-b-0 text-inverse">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Documentos</th>
                            <th>Enlaces</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>Comunicado<span class="badge-pill badge-warning">Nuevo</span></td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1vIhP85OiRYo510Y4GllGLt1jTIErdvWL/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td>Resultados de la Evaluacion</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1aCrE7LvCebv2XGCU9BrGdQ3hXc7KxCoo/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>3</td>
                            <td>Resultados de la Evaluacion Medico Cirujano</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1VtdJL9d_DGqtrZOnu9TWgPlDH5423uz5/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>3</td>
                            <td>Perfil de Puesto Asesoria Legal</td>
                            <td><a><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="row setup-content" id="step-3">
        <div class="col-xs-12">
            <div class="col-md-12 well">
                <table class="table table-hover m-b-0 text-inverse">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Documentos</th>
                            <th>Enlaces</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>Absolucion de Reclamos</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1nLBTPnmtZXlcxfsyjHkIPz7Tl1X_WFxt/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                 
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="row setup-content" id="step-4">
        <div class="col-xs-12">
            <div class="col-md-12 well">
                <table class="table table-hover m-b-0 text-inverse">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Documentos</th>
                            <th>Enlaces</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>Resultado Evaluacion Curricular</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/17h_9n1UYP3rC4A4oAVcb6y31Cw2c8E_g/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                 
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="row setup-content" id="step-5">
        <div class="col-xs-12">
            <div class="col-md-12 well">
                <table class="table table-hover m-b-0 text-inverse">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Documentos</th>
                            <th>Enlaces</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>Absolucion de Reclamos</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1knBIbuVXMY9H2l2dVp0886QsDDlD1rWh/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td>Comunicado<span class="badge-pill badge-warning">Nuevo</span></td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1YbVjx5zxaLSN_T0nlZXhX9zThKl8pTwO/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                 
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="row setup-content" id="step-6">
        <div class="col-xs-12">
            <div class="col-md-12 well">
                <table class="table table-hover m-b-0 text-inverse">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Documentos</th>
                            <th>Enlaces</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>Comunicado<span class="badge-pill badge-warning">Nuevo</span></td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1LRfKGoAsSzOwf6Y6pfExeVn2AI54m58H/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td>Resultados Finales</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1tr3wA4VE-8hfhz7T0r3IaS4Spv5IfAx1/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                 
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
     </div>
</div>


{% endblock content %}

{% block scripts %}
<script>
$(document).ready(function() {
    
    var navListItems = $('ul.setup-panel li a'),
        allWells = $('.setup-content');

    allWells.hide();

    navListItems.click(function(e)
    {
        e.preventDefault();
        var $target = $($(this).attr('href')),
            $item = $(this).closest('li');
        
        if (!$item.hasClass('disabled')) {
            navListItems.closest('li').removeClass('active');
            $item.addClass('active');
            allWells.hide();
            $target.show();
        }
    });
    
    $('ul.setup-panel li.active a').trigger('click');
    
    // DEMO ONLY //
    $('#activate-step-2').on('click', function(e) {
        $('ul.setup-panel li:eq(1)').removeClass('disabled');
        $('ul.setup-panel li a[href="#step-2"]').trigger('click');
        $(this).remove();
    })    
});


</script>
{% endblock scripts %}