{% 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">Resultado 2</h4>
                    <p class="list-group-item-text">Aptos y No Aptos</p>
                </a></li>
                <li class="active"><a href="#step-3">
                    <h4 class="list-group-item-heading">Resultados 3</h4>
                    <p class="list-group-item-text">Evaluacion Curricular</p>
                </a>
            	</li>
            	 <li class="active"><a href="#step-4">
                    <h4 class="list-group-item-heading">Absolucion 4</h4>
                    <p class="list-group-item-text">Reclamos evaluacion Curricular</p>
                </a>
            	</li>
            	<li class="active"><a href="#step-5">
                    <h4 class="list-group-item-heading">Resultados 5</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>Enlace</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>1</td>
							<td>Bases</td>
							<td><a target="_blank" href="https://drive.google.com/file/d/1sM6-w8bfSKyKvyDDlOywgaIwGL0447p6/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/1HAghQnntR8wQ3pN12YN-gJYjje4qFEwC/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/1yjTKGjZKaT9Lcw49Zq1rQkhiqweSLIIn/view"><img src="/static/images/pdf_icon.png"></a></td>
						</tr>
                        <tr>
                            <td>4</td>
                            <td>Perfil de Puesto Tecnologo Medico</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1fdxoEjUP3eUTGPMJm17kaD3uZaM-8ekq/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>5</td>
                            <td>Perfil de Puesto Tecnico en Nutricion</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/14xGRTegVr-V14YUTuNNUnV-Dswt8pyVI/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>6</td>
                            <td>Perfil de Puesto Enfermeria - Unidad de Seguros</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1Je1yufsNdH6Wd23R0favrI68xbFief-E/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>7</td>
                            <td>Perfil de Puesto Tecnico en Informatica</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1esKaMLuYK5znegMrmwyNeWuXiAfVENMO/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>8</td>
                            <td>Perfil de Puesto Enfermeria</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1Ng8xEjCDFscjXwVBdLG1BjQkMTKEOsdI/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>9</td>
                            <td>Perfil de Puesto Tecnico en Enfermeria</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1N5wJmnhy4qjR2eLki74_GOTYYAAYw4VB/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>9</td>
                            <td>Perfil de Puesto Trabajador de Servicios</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1lOLW8ooasIrQPdiaeRmNahfQnG_FLkTj/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>10</td>
                            <td>Perfil de Puesto Medico Cirujano</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1_USnWLOIHL9TdQJN9GuTYPEiWV4hg9XO/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>Enlace</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>Aptos y No Aptos</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1fVZO2rM5sGaXW6_jpLiFX4PeaqsyHUe6/view"><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>Enlace</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>Evaluacion Curricular</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/13hQwQWU-5YlyFsYGEtlmjKwHlsQH04yX/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>Enlace</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>Absolucion de Reclamos</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1k9udwgN01Nt9kVauY1nipwa48NwNXhOb/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>Enlace</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>Resultados Finales</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1mkYmbnQ4_AOgq5-mvNXLy6Q_e5_L4B5n/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 %}