{%if monitor|length > 0 %}
<style>

    .btn-alert{
        background-image: url({{asset('images/titilar.gif')}});
    }
</style>    
<div class="panel-body">
    <table data-height="150" align='rigth'>
        <tr>
            <td align='center' colspan="8"><b>{{ 'monitor.suspendeddays' | trans }}</b></td>
        </tr>
        <tr>
            <td align='left'><b>&nbsp;&nbsp;ERICSSON:&nbsp;</b></td>
            <td style="background-color: #000099;" align='left'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            <td align='left'><b>&nbsp;&nbsp;{{ 'monitor.client' | trans }}:&nbsp;</b></td>
            <td class="btn-success" align='left'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            <td align='left'><b>&nbsp;&nbsp;ASP:&nbsp;</b></td>
            <td style="background-color: orange;" align='left'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            <td align='left'><b>&nbsp;&nbsp;{{ 'monitor.others' | trans }}:&nbsp;</b></td>
            <td class="btn-primary" align='left'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>            
        </tr>
    </table>
</div>
<div style="position: absolute; top:  150px; left: 83%;">
    <b>LEAD TIME: {{monitor[0]['lead_time']}}</b>
</div>    

    <table  data-height="150" class="table table-bordered table-hover table-striped table-condensed">
        <thead>
        <tr class="bg-primary">
            <th class='text-center'>{{ 'monitor.week' | trans }}</th>
            <th class='text-center'>{{ 'ticketDetail.region' | trans }}</th>
            <th class='text-center'>{{ 'ticketDetail.code' | trans }}</th>
            <th class='text-center'>{{ 'ticketDetail.site' | trans }}</th>
            <th class='text-center'>{{ 'BRIGADA' | trans }}</th>
            <th class='text-center'>{{ 'SUPERVISOR' | trans }}</th>
            <th class='text-center'>{{ 'monitor.plandate' | trans   }}</th>
            <th class='text-center'>{{ 'FECHA INICIO' | trans }}</th>
            <th class='text-center'>{{ 'monitor.enddate' | trans }}</th>
            <th class='text-center'>{{ 'monitor.time' | trans }}<br>{{ 'monitor.delay' | trans }}</th>
            <th class='text-center' colspan="4">{{ 'monitor.time' | trans }}<br>{{ 'monitor.suspended' | trans }}</th>
            <th class='text-center'>{{ 'ticketDetail.activity' | trans }}</th>
            <th class='text-center'>{{ 'Estados' | trans }}</th>
            <th class='text-center'>{{ 'monitor.suspendeddate' | trans }}</th>
            <th class='text-center'>{{ 'ticketDetail.modal.stopper' | trans }}</th>
            <th class='text-center'>{{ 'ticketDetail.modal.cause' | trans }}</th>
            <th class='text-center'>%{{ 'monitor.dailyprogress' | trans }}</th>
            <th class='text-center'>%{{ 'ticketDetail.progress' | trans }}</th>
            <th class='text-center'>%{{ 'ticketDetail.deliverables' | trans }}</th>
        </tr>
        </thead>
        <tbody>

        {%for datos in monitor%}
            {%if datos.actividad != 'NO INICIADO' and datos.actividad != 'EN PROCESO'%}
                {%set porcentajeEntregable=(datos.totalTicket*100)/datos.totalProyecto %}
                {%set retrasoSeg = datos.SegEfectivos - datos.SegundosLeadTime - datos.SegundosSuspendidos%}                
                {%if datos.avance<100 or porcentajeEntregable<100%}
                    <tr>
                        <td>{{datos.semana}}</td>
                        <td>{{datos.region}}</td>
                        <td>{{datos.codigo}}</td>
                        <td>{{datos.Sitio}}</td>
                        <td>{{datos.BRIGADA}}</td> 
                        <td>{{datos.user}}</td>
                        <td>{{datos['fecha_inicio'] | date('d/m/Y')}}</td>
                        <td>{{datos['fechainicioreal'] | date('d/m/Y')}}</td>
                        <td>{%if datos['fechaTerminacion'] != null %}{{datos['fechaTerminacion'] | date('d/m/Y')}}{%endif%}</td>
                        <td>{%if retrasoSeg>0%}{{datos.enTiempo}}{%else%}00:00:00{%endif%}</td>
                        <td style="background-color: #000099; color:#ffffff;">{{datos.TiempoSuspendidoEricsson}}</td>
                        <td class="btn-success">{{datos.TiempoSuspendidoCliente}}</td>
                        <td style="background-color: orange; color:#ffffff;">{{datos.TiempoSuspendidoAsp}}</td>
                        <td class="btn-primary">{{datos.TiempoSuspendidoOtros}}</td>                        
                        <td>{{datos.actividad}}</td>
                        <td>{{datos.padre | trans}}</td>
                        <td>{%if datos.padre=="SUSPENDIDO"%}{%if datos['fechaSuspendido'] != null %}{{datos['fechaSuspendido'] | date('d/m/Y')}}{%endif%}{%endif%}</td>
                        <td>{%if datos.padre=="SUSPENDIDO"%}{{datos.RESPONSABLE}}{%endif%}</td>
                        <td>{%if datos.padre=="SUSPENDIDO"%}{{datos.RAZON}}{%endif%}</td>
                        <td>{{datos.avancehecho}}%</td>
                        {%set resta = datos.avancetotalpl - datos.avance %}
                        {%set clase=""%}
                        {%if resta>=0 and resta<=25 %} {%set clase="style=background-color:#ffff00; color:#000;"%} 
                        {%else%} {%if resta>25 and resta<=50 %} {%set clase='class=btn-warning'%}
                        {%else%} {%if resta>50 and resta<=75 %} {%set clase="class=btn-alert"%}
                        {%else%} {%if resta>75 and resta<=100 %} {%set clase='class=btn-danger'%}
                        {%endif%} {%endif%} {%endif%} {%endif%} 
                        <td {%if (retrasoSeg>0)%}class='btn-danger' {%else%}{%if (datos.avancetotalpl>datos.avance) %} {{clase}} {%else%} class="btn-success" {%endif%}{%endif%}>{{datos.avance}}%</td>
                        <td>{{porcentajeEntregable |number_format(2, '.', ',')}}%</td>
                    </tr>
                 {%endif%}
            {%endif%}
        {%endfor%}
        </tbody>
    </table>
{%endif%}