{# bar code template for KIMS #}
<style>
    body{
      font-family: \"Times New Roman\", Times, serif; 
    }
    .page-a4{
      width: 100%; 
      height: 100%; 
      border: none; 
      margin-top: 0.2cm; 
      margin-left: 0.5cm;
      margin-right: 0.5cm;
      margin-bottom: 0.2cm;
      page-break-after: always;
      clear: both;
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain;
      background-size: contain;
    }

    .subject-details{
      margin-top: 0px;
      page-break-after: always;
      font-size: 12px;
      text-align: center;
      border-collapse: separate;
    }
    .subject-details tr td{
      border-left: 0px solid #fff;
      border-right: 0px solid #fff;
      border-top: 0px solid #fff;
      border-bottom: 0px solid #fff;
      text-align:center;
    }
    .bars{
      min-width: 25mm !important; 
      max-width: 47mm !important;
      width: 47mm;
    }
    .barcodes{
      height: 20.5mm;
      /*padding-top: 0.1cm;*/
      padding-bottom: 0.2cm;
      /*padding-left: 0.2cm;*/
      padding-right: 0.2cm;
    }
    .codespace1{
      display: flex;
      justify-content: left;
      margin-left: 5px;
      margin-top: 3px;
    }
    .codespace{
      text-align: left;
      color: black;
      margin-left: 3px;
      display: flex;
      padding: 3px;
    }
    .span-slno{
      margin-left: 15px;
    }
    .span-falseno{
    }
</style>

<div class="page-a4" style="">
    {% set subjectLen =  data.subjects|length %}
    {% set slrCount = 1 %}
    <table class="subject-details">
        {% for student in data.studentData %}
        {% set parentLoopIndex = loop.index0 %}
          {% if parentLoopIndex%2 == 0 %}
            <tr>
                {% if subjectLen <= 1 %}
                    {% for subject in data.subjects %}
                        {% set isEntered = false %}
                        {% for studentSubject in student.subjects %}
                            {% if studentSubject.academicPaperSubjectId == subject.academicPaperSubjectId %}
                                <td class="barcodes">
                                  <div class="bars">
                                    <div class="codespace1">{{studentSubject.barcodeObj | raw }}</div>
                                    <div class="codespace">
                                      <span class="span-falseno">{{studentSubject.falseNo}}</span>
                                      <span class="span-slno">SL No: {{slrCount}}</span>
                                    </div>
                                  </div>
                                </td>
                                <td class="barcodes">
                                  <div class="bars">
                                    <div class="codespace1">{{studentSubject.barcodeObj | raw }}</div>
                                    <div class="codespace">
                                      <span class="span-falseno">{{studentSubject.falseNo}}</span>
                                      <span class="span-slno">SL No: {{slrCount}}</span>
                                    </div>
                                  </div>
                                </td>
                                {% set isEntered = true %}
                            {% endif %}
                        {% endfor %}
                        {% if isEntered == false %}
                            <td class="bars barcodes">&nbsp;</td>
                            <td class="bars barcodes">&nbsp;</td>
                        {% endif %}

                        {% if data.studentData[parentLoopIndex + 1] is defined %}
                          {% set isEntered = false %}
                          {% set slrCount = slrCount + 1 %}
                          {% for studentSubject in data.studentData[parentLoopIndex + 1].subjects %}
                              {% if studentSubject.academicPaperSubjectId == subject.academicPaperSubjectId %}
                                  <td class="barcodes">
                                    <div class="bars">
                                      <div class="codespace1">{{studentSubject.barcodeObj | raw }}</div>
                                      <div class="codespace">
                                        <span class="span-falseno">{{studentSubject.falseNo}}</span>
                                        <span class="span-slno">SL No: {{slrCount}}</span>
                                      </div>
                                    </div>
                                  </td>
                                  <td class="barcodes">
                                    <div class="bars">
                                      <div class="codespace1">{{studentSubject.barcodeObj | raw }}</div>
                                      <div class="codespace">
                                        <span class="span-falseno">{{studentSubject.falseNo}}</span>
                                        <span class="span-slno">SL No: {{slrCount}}</span>
                                      </div>
                                    </div>
                                  </td>
                                  {% set isEntered = true %}
                              {% endif %}
                          {% endfor %}
                          {% if isEntered == false %}
                              <td class="bars barcodes">&nbsp;</td>
                              <td class="bars barcodes">&nbsp;</td>
                          {% endif %}
                        {% endif %}
                    {% endfor %}
                    
                {% endif %}
            </tr>
            {% set slrCount = slrCount + 1 %}
            {% endif %}
        {% endfor %}
    </table>
        
</div>