{% extends 'base.html.twig' %}

{% block title %}{{ operador.nombre }}{% endblock %}
{% block bread %}
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ path('home') }}">Inicio</a></li>
        <li class="breadcrumb-item"><a href="{{ path('radar') }}">Proyectos en el radar</a></li>
        {% if operador.proyectosVivienda %}
        <li class="breadcrumb-item"><a href="{{ path('sector_show', {'id': operador.proyectosVivienda[0].proyecto.sector.id }) }}">{{ operador.proyectosVivienda[0].proyecto.sector.nombre }}</a></li>
        {% endif %}
        <li class="breadcrumb-item"><a href="#">{{ operador.nombre }}</a></li>
    </ol>
</nav>
{% endblock %}
{% block body %}
<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">
                <center><h3>{{ operador.nombre }}</h3></center>
                <br>
                
                <table class="table table-bordered">
                    <tr>
                        <td><b>Tipo de contrato:</b> {{operador.tipoContrato}}</td>
                        <td><b>Estado:</b> {{operador.estado}}</td>
                    </tr>
                    <tr>
                        <td><b>Contratista:</b> {{operador.nombre}}</td>
                        <td><b>Fecha inicio:</b> {{operador.fechaInicio|date("Y-M-d")}}</td>
                    </tr>
                    <tr>
                        <td><b>Supervisor:</b> Fondo Adaptación</td>
                        <td><b>Fecha fin:</b> {{operador.fechaFin|date("Y-M-d")}}</td>
                    </tr>
                    <tr>
                        <td colspan="2" ><center><b>Cantidad:</b> {{operador.cantidad }}</center></td>
                    </tr>
                </table>
                <br>
                <center><h3>Situación encontrada</h3></center>
                <p>
                    {{operador.situacionEncontrada|raw|nl2br}}
                </p>
                <div class="col-lg-12"> 
                    <br>
                    <center><h3>Acciones emprendidas para la reactivación del proyecto</h3></center>
                    <br>
                    <ul class="nav nav-pills" id="pills-tab" role="tablist">
                        {% for key, anio in anios %}
                            {% if key == 0 %}
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link active" id="pills-{{ anio["anio"] }}-tab" data-bs-toggle="pill" data-bs-target="#pills-{{ anio["anio"] }}" type="button" role="tab" aria-controls="pills-{{ anio["anio"] }}" aria-selected="false">Año {{ anio["anio"] }}</button>
                                </li>
                                {% else %}
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="pills-{{ anio["anio"] }}-tab" data-bs-toggle="pill" data-bs-target="#pills-{{ anio["anio"] }}" type="button" role="tab" aria-controls="pills-{{ anio["anio"] }}" aria-selected="false">Año {{ anio["anio"] }}</button>
                                </li>
                            {% endif %}
                        {% endfor %}
                    </ul>
                    <div class="tab-content" id="pills-tabContent">
                        {% for key, anio in anios %}
                            {% if key == 0 %}
                                <div class="tab-pane show active" id="pills-{{ anio["anio"] }}" role="tabpanel" aria-labelledby="pills-{{ anio["anio"] }}-tab">
                                    <ul class="timeline">
                                        {% for seg in seguimientos %}
                                            {% if seg.fecha|date("Y") ==  anio["anio"] %}
                                            <li>
                                                <a><b>{{ seg.fecha|date("Y-M") }}</b></a>
                                                <p>{{seg.descripcion|raw|nl2br}}</p>
                                            </li>
                                            {% endif %}
                                        {% endfor %}
                                    </ul>
                                </div>
                                {% else %}
                                <div class="tab-pane show" id="pills-{{ anio["anio"] }}" role="tabpanel" aria-labelledby="pills-{{ anio["anio"] }}-tab">
                                    <ul class="timeline">
                                        {% for seg in seguimientos %}
                                            {% if seg.fecha|date("Y") ==  anio["anio"] %}
                                            <li>
                                                <a><b>{{ seg.fecha|date("Y-M") }}</b></a>
                                                <p>{{seg.descripcion|raw|nl2br}}</p>
                                            </li>
                                            {% endif %}
                                        {% endfor %}
                                    </ul>
                                </div>
                            {% endif %}
                        {% endfor %}
                    </div>
                </div>
            </div> 
            <center><h3>Proyectos</h3></center>
            <div class="container">
                <p>A continuacion un listado con los proyectos que presentan dificultades</p>
            </div>
            <ul>
                {% for estado in estados %}
                    <li style="list-style:none; font-weight: bold;"><i class="fa fa-check" aria-hidden="true" style="background-color: {{estado.color}} ; color: #fff;padding: 10px;border-radius: 50%;margin-right: 0.5rem; margin: 10px;"></i> {{ estado.nombre }}</li>
                {% endfor %}
            </ul>
            <br>
            <table class="table table-striped table-bordered">
                <thead>
                    <tr>
                        <th>Nombre del poryecto</th>
                        <th>Municipio</th>
                        <th>Operaciones</th>
                    </tr>
                </thead>
                <tbody>
                    {% for pv in operador.proyectosVivienda %}
                    <tr>
                        <td><li style="list-style:none; font-weight: bold;"><i class="fa fa-check" aria-hidden="true" style="background-color: {{pv.proyecto.proyectoEstado.color}} ; color: #fff;padding: 5px;border-radius: 50%;margin-right: 0.5rem;"></i>{{ pv.proyecto.proyecto }}</td>
                        <td>{{ pv.proyecto.municipio.nombre }} - {{ pv.proyecto.municipio.departamento.nombre }}</td>
                        <td><a class="btn btn-primary" href="{{ path('proyecto_show', {'id': pv.proyecto.id}) }}">Ver</a></td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>


{% endblock %}