{% 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">Resultados 2</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>Comunicado <span class="badge-pill badge-warning">Nuevo</span></td>
							<td><a target="_blank" href="https://drive.google.com/file/d/1P3MY81BJ9P0EndDTreAN0fP4eF2QEFiH/view"><img src="/static/images/pdf_icon.png"></a></td>
						</tr>
						<tr>
							<td>2</td>
							<td>Lineamiento</td>
							<td><a target="_blank" href="https://drive.google.com/file/d/1PsAAcOWcXcJqJHomyYWSGL5faRYwo4Ut/view"><img src="/static/images/pdf_icon.png"></a></td>
						</tr>
						<tr>
							<td>3</td>
							<td>Cronograma</td>
							<td><a target="_blank" href="https://drive.google.com/file/d/1bBraonLLIa5CDSsF4pKOKs9X50rhg_QM/view"><img src="/static/images/pdf_icon.png"></a></td>
						</tr>
                        <tr>
                            <td>4</td>
                            <td>Ficha Unica de Datos</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1LwharBzYF8RKMFhvhpPYeNr-MkGqIb7N/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>5</td>
                            <td>Plazas</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1mzMWUc1j1OzkwWcK4bcDPwg0rDIrMd9m/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>6</td>
                            <td>Perfil de Puesto Tecnologo Medico</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/132Z_p1-bAylUbK7Qv7eRklxZHXsJG4du/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>7</td>
                            <td>Perfil de Puesto Medico</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1TDCCuWfeoHbhyTAzMazUyqx3tifyelEt/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>8</td>
                            <td>Perfil de Puesto Quimico Farmaceutico</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/15qqIRjjQ2aCC4nqMRBe5J1PHc4_U4Rqx/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>9</td>
                            <td>Perfil de Puesto Tecnico Administrativo</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1wwoVMlJ3nnq6826l19iMrtZbSM09iMSi/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>10</td>
                            <td>Perfil de Puesto Tecnico en Farmacia</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1zGjTDB-Y2DYG9qRbF_hvbO4S49b2PEJ0/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td>Perfil de Puesto Tecnico en Laboratorio</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1uQYmMpIjcUeRBClWlowWnlNNw9xD44tp/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>12</td>
                            <td>Perfil de Puesto Tecnico en Rayos X</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/19rjiMYJbfqlWC6HiF0G-b0P6EnHeX-ZY/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>13</td>
                            <td>Perfil de Puesto Tecnologo Medico en Radiologia</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1OSUGY_5lZaKUdubbi2moYzo6pnEXPGNy/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>14</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/1zDwqn0PaS3t7QqDzhJGpDL3HEM2C6qrf/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>15</td>
                            <td>Perfil de Puesto Tecnico en Enfermeria </td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/15Y2J1FPwWeKJVYTOVCLewBFUcslNzBDb/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>16</td>
                            <td>Perfil de Puesto Tecnico Electronico </td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1aeuhUO8anfAXSVzkdXZQFuN11jGIoSrY/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>17</td>
                            <td>Perfil de Puesto Tecnico en Servicios Generales</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1AeKpAaVYQWNi9qjXfHwmns_rA25GTrM7/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>18</td>
                            <td>Perfil de Puesto Enfermero(a)</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1hndcIzlptRUs4uxfU9hhIskKQQqopGfB/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>19</td>
                            <td>Perfil de Puesto Obstetra</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1asjg_oFOizwdNoi264I_4OHvRGQZlUcg/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>Resultados Finales</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/12a__CU36E9NZCqpfhgYNhiwdHsCNIISY/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td>Resultados Finales Quimico Farmaceutico</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/13I5MXOsuRdWXm8vtBmSxN4awYpRfq1Mh/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>3</td>
                            <td>Resultados Finales Tecnico en Farmacia</td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1Cs0vFJB2-4yQx6xRTcP-3k1-rYLl32hE/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>4</td>
                            <td>Comunicado <span class="badge-pill badge-warning">Nuevo</span></td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/1jSW15o6sA0QhQkD-6Hu55liiZvxUVv3E/view"><img src="/static/images/pdf_icon.png"></a></td>
                        </tr>
                        <tr>
                            <td>5</td>
                            <td>Registro de Induccion <span class="badge-pill badge-warning">Nuevo</span></td>
                            <td><a target="_blank" href="https://drive.google.com/file/d/144uCKwHxKyqtkg3HgxtkkR8kKTdwI1Py/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 %}