<style type="text/css">
        @page {
            margin: 20px;
        }

        table.table-bordered{
        border:1px solid blue;
        margin-top:20px;
    }

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    border: 1px solid black;
}


</style>
<title>SIRCOnet</title>
<table align="center" width="100%" cellspacing="0" cellpadding="0"  style="font-size: 20px;">
<tr><td  align="center" width="50%" border="0"><img src="{{ constant('URLROOTP') }}/images/hd_inces.jpg" width="150" height="40" alt="" /></td><td  align="center" width="50%"><img src="{{ constant('URLROOTP') }}/images/00123456.jpg" width="250" height="60" /></td></tr>
</table>





<table align="center" width="100%" cellspacing="0" cellpadding="0" style="font-size: 15px;font-family: Arial, Helvetica, sans-serif;font-weight:bold;">
<tr><td align="center">ASISTENCIA DE LOS APRENDICES EN EL INSTITUTO - EMPRESA:&nbsp;{{ empresas.razon }}<br>MES: {{ empresas.mes }} / A&Ntilde;O: {{ empresas.ahno }}</td></tr>
</table>

<table align="center" style="font-size: 12px;font-family: Arial, Helvetica, sans-serif;" bgcolor="#BDBDBD" width="100%" cellpadding="0" cellspacing="0" border="1" bordercolor="#9393FF">
  <tr>
   <td width='10%' align='center' bgcolor="#FFFF00"><b>LEYENDA</b></td>
   <td width='15%' align='center'><b>1-5: Asistencia</b></td>
    <td width='15%' align='center'><b>I: Inasistencia</b></td>
    <td width='15%' align='center'><b>J: Inasistencia Justificada</b></td>
    <td width='15%' align='center'><b>R: Retardo</b></td>
    <td width='15%' align='center'><b>P: Permiso</b></td>
    <td width='15%' align='center'><b>O: Reposo</b></td>
  </tr>
</table>


<table style="font-size: 11px;font-family: Arial, Helvetica, sans-serif;" class="table table-bordered" width="100%" cellpadding="0" cellspacing="0" border="1" bordercolor="#9393FF">

<!--<tr>
<th width="2%">&nbsp;</th>

<th width="5%">&nbsp;</th>

<th width="20%">&nbsp;</th>

<th width="1.5%" align="center">1</th>

<th width="1.5%" align="center">2</th>

<th width="1.5%" align="center">3</th>

<th width="1.5%" align="center">4</th>

<th width="1.5%" align="center">5</th>

<th width="1.5%" align="center">6</th>

<th width="1.5%" align="center">7</th>

<th width="1.5%" align="center">8</th>

<th width="1.5%" align="center">9</th>

<th width="1.5%" align="center">10</th>

<th width="1.5%" align="center">11</th>

<th width="1.5%" align="center">12</th>

<th width="1.5%" align="center">13</th>

<th width="1.5%" align="center">14</th>

<th width="1.5%" align="center">15</th>

<th width="1.5%" align="center">16</th>

<th width="1.5%" align="center">17</th>

<th width="1.5%" align="center">18</th>

<th width="1.5%" align="center">19</th>

<th width="1.5%" align="center">20</th>

<th width="1.5%" align="center">21</th>

<th width="1.5%" align="center">22</th>

<th width="1.5%" align="center">23</th>

<th width="1.5%" align="center">24</th>

<th width="1.5%" align="center">25</th>

<th width="1.5%" align="center">26</th>

<th width="1.5%" align="center">27</th>

<th width="1.5%" align="center">28</th>

<th width="1.5%" align="center">29</th>

<th width="1.5%" align="center">30</th>

<th width="1.5%" align="center">31</th>
<th width="1.5%" align="center">&nbsp;</th>

</tr>-->



<tr>

<th width="2%">No.</th>

<th width="5%">CEDULA {{ dia_fin }}</th>

<th width="20%">APELLIDOS Y NOMBRES</th>

{% for i in 1..dia_fin %}
<th width="1.5%" align="center">{{ i }}</th>
{% endfor %}

</tr>

{#
{% for estudiante in asistencia.vector %}

<td width="5%" align="center">{{ estudiante.cedula }}</td>
<td width="9%">{{ estudiante.apellidos }}&nbsp;{{ estudiante.nombres }}</td>
<td width="5%" align="center">0</td>
<td width="10%" align="center">{{ estudiante.fecha| date('d/m/Y') }}</td>
<td width="10%">{{ estudiante.motivo }}</td>

{% endfor %}        #}

{% set n=0 %}
{% for asistenciax in asistencia %}
{% set n=n+1 %}
<tr>
    {% if asistenciax.vector|length > 0 %}
            {% for key, user in asistenciax %}
            <td width="2%" align="center">{{ n }}</td>
            <td width="5%" align="center">{{ user.cedula }}</td>
            <td width="20%" align="center">{{ user.apellidos }}&nbsp;{{ user.nombres }}
            {% if user.tag1=="ACTIVO" %}
            {% else %}
<!--            <small>{{ user.tag1 }}<br>{{ user.f_tag| date('d/m/Y') }} </small>     -->
            <span style="background-color: #FF8A8A;color:#000000;padding:2px;font-weight:bold;"><br>{{ user.tag1 }}&nbsp;{{ user.f_tag| date('d/m/Y') }}</span>
            {% endif %}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d1) }}'>{{ user.d1 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d2) }}'>{{ user.d2 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d3) }}'>{{ user.d3 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d4) }}'>{{ user.d4 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d5) }}'>{{ user.d5 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d6) }}'>{{ user.d6 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d7) }}'>{{ user.d7 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d8) }}'>{{ user.d8 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d9) }}'>{{ user.d9 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d10) }}'>{{ user.d10 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d11) }}'>{{ user.d11 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d12) }}'>{{ user.d12 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d13) }}'>{{ user.d13 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d14) }}'>{{ user.d14 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d15) }}'>{{ user.d15 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d16) }}'>{{ user.d16 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d17) }}'>{{ user.d17 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d18) }}'>{{ user.d18 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d19) }}'>{{ user.d19 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d20) }}'>{{ user.d20 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d21) }}'>{{ user.d21 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d22) }}'>{{ user.d22 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d23) }}'>{{ user.d23 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d24) }}'>{{ user.d24 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d25) }}'>{{ user.d25 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d26) }}'>{{ user.d26 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d27) }}'>{{ user.d27 }}</td>
<!--            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d28) }}'>{{ user.d28 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d29) }}'>{{ user.d29 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d30) }}'>{{ user.d30 }}</td>
            <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d31) }}'>{{ user.d31 }}</td>
-->

{% for i in 28..dia_fin %}
        {% if i==28 %}
        <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d28) }}'>{{ user.d28 }}</td>
        {% endif %}
        {% if i==29 %}
        <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d29) }}'>{{ user.d29 }}</td>
        {% endif %}
        {% if i==30 %}
        <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d30) }}'>{{ user.d30 }}</td>
        {% endif %}
        {% if i==31 %}
        <td width="1.5%"  align="center" bgcolor='{{ _self.color(user.d31) }}'>{{ user.d31 }}</td>
        {% endif %}
{% endfor %}
            {% endfor %}
    {% endif %}
</tr>
{% endfor %}
</table>
<table align="center" style="font-size: 12px;font-family: Arial, Helvetica, sans-serif;" bgcolor="#BDBDBD" width="100%" cellpadding="0" cellspacing="0" border="1" bordercolor="#9393FF">
  <tr>
   <td width='10%' align='center' bgcolor="#FFFF00"><b>LEYENDA</b></td>
   <td width='15%' align='center'><b>1-5: Asistencia</b></td>
    <td width='15%' align='center'><b>I: Inasistencia</b></td>
    <td width='15%' align='center'><b>J: Inasistencia Justificada</b></td>
    <td width='15%' align='center'><b>R: Retardo</b></td>
    <td width='15%' align='center'><b>P: Permiso</b></td>
    <td width='15%' align='center'><b>O: Reposo</b></td>
  </tr>
</table>

    {% macro color(valor) %}
    {% if valor=="F" %}
    {{ '#DDDDDD' }}
    {% elseif valor=="N" %}
    {{ '#FF0000' }}
    {% elseif valor=="I" %}
    {{ '#FF8C8C' }}
    {% elseif valor=="J" %}
    {{ '#FFFF66' }}
    {% elseif valor=="R" %}
    {{ '#A1D0E8' }}
    {% elseif valor=="P" %}
    {{ '#66FF99' }}
    {% elseif valor=="A" %}
    {{ '#FFFFFF' }}
    {% elseif valor=="" %}
    {{ '#FFFFFF' }}
    {% endif %}
    {% endmacro %}

