<div class="card" style="margin-bottom: 1%;">
    <input type="hidden" id="customInvest" value="1" />
    <div class="card-header txtl">
        <div class="fright wds100">
            <table class="table" style="width: 100%">
                <tbody>
                    <tr>
                        <td rowspan="2">   
                            <span style="float: left;">
                                <input type="checkbox"  class="checkGroup" value="{$inv->id}" name="invCheck[]">
                            </span>

                            <a class="card-link fleft" data-toggle="collapse" href="#invDiv{$inv->id}">
                                {$inv->invname}
                            </a>




                            <div class="col-md-1  fright">
                                <a class="btn btn-xs  bg-green-haze  printResultsOne "  data-id="{$inv->id}"   
                                   href="javascript:;"   > <i class="fa fa-print"></i> 
                                </a>
                            </div>   

                            {if  $inv->pdfNos > 0  }
                            <div class="col-md-1 wds5  fright">
                                <a href="#"  class="btn green-jungle btn-xs"
                                   onclick="document.getElementById('invPdf1_{$inv->id}').click(); return false;" >
                                    <i class="fa fa-upload"></i> 1   </a>
                                <input type="file" name="invPdf1_{$inv->id}"  id="invPdf1_{$inv->id}"
                                       class=" form-control addInvPdf" data-id="{$inv->id}" data-no="1" style="visibility:hidden;height: 9px;"  >


                                {if  $inv->pdf != ''  &&  $inv->pdf != '.'  &&  $inv->pdf != Null &&  $inv->pdf != 'no image'  }
                                <a class=" btn  btn-xs blue" download="{$inv->invname}_1_{$patientNo}"
                                   href="{$hosturl}/../upload/inv_pdf/{$patientNo}/{$inv->pdf}" id="pdf1Download{$inv->id}" >
                                    <i class="fa fa-download"></i> 1
                                </a>

                                {else}
                                <a class=" btn  btn-xs blue" download="{$inv->invname}_1_{$patientNo}"
                                   id="pdf1Download{$inv->id}" style="display: none;" >
                                    <i class="fa fa-download"></i> 1
                                </a>
                                {/if}
                                <img src="{$hosturl}/../upload/loading.gif" id="talks-loading{$inv->id}_1" style="display: none;">
                            </div>

                            {if  $inv->pdfNos > 1  }
                            <div class="col-md-1  wds5  fright">
                                <a href="#"  class="btn green-jungle btn-xs"
                                   onclick="document.getElementById('invPdf2_{$inv->id}').click(); return false;" >
                                    <i class="fa fa-upload"></i>  2  </a>
                                <input type="file" name="invPdf2_{$inv->id}"  id="invPdf2_{$inv->id}"
                                       class=" form-control addInvPdf" data-id="{$inv->id}" data-no="2" style="visibility:hidden;height: 9px;"  >

                                {if  $inv->pdf2 != ''  &&  $inv->pdf2 != '.'  &&  $inv->pdf2 != Null &&  $inv->pdf2 != 'no image'  }
                                <a class=" btn  btn-xs blue" download="{$inv->invname}_2_{$patientNo}"
                                   href="{$hosturl}/../upload/inv_pdf/{$patientNo}/{$inv->pdf2}" id="pdf2Download{$inv->id}" >
                                    <i class="fa fa-download"></i> 2
                                </a>

                                {else}
                                <a class=" btn  btn-xs blue" download="{$inv->invname}_2_{$patientNo}"
                                   id="pdf2Download{$inv->id}" style="display: none;" >
                                    <i class="fa fa-download"></i> 2
                                </a>
                                {/if}
                                <img src="{$hosturl}/../upload/loading.gif" id="talks-loading{$inv->id}_2" style="display: none;">
                            </div>
                            {if  $inv->pdfNos > 2  }
                            <div class="col-md-1 wds5   fright">
                                <a href="#"  class="btn green-jungle btn-xs"
                                   onclick="document.getElementById('invPdf3_{$inv->id}').click(); return false;" >
                                    <i class="fa fa-upload"></i>  3 </a>
                                <input type="file" name="invPdf3_{$inv->id}"  id="invPdf3_{$inv->id}"
                                       class=" form-control addInvPdf" data-id="{$inv->id}" data-no="3" style="visibility:hidden;height: 9px;"  >

                                {if  $inv->pdf3 != ''  &&  $inv->pdf3 != '.'  &&  $inv->pdf3 != Null &&  $inv->pdf3 != 'no image'  }
                                <a class=" btn  btn-xs blue" download="{$inv->invname}_3_{$patientNo}"
                                   href="{$hosturl}/../upload/inv_pdf/{$patientNo}/{$inv->pdf3}" id="pdf3Download{$inv->id}" >
                                    <i class="fa fa-download"></i> 3
                                </a>

                                {else}
                                <a class=" btn  btn-xs blue" download="{$inv->invname}_3_{$patientNo}"
                                   id="pdf3Download{$inv->id}" style="display: none;" >
                                    <i class="fa fa-download"></i> 3
                                </a>
                                {/if}
                                <img src="{$hosturl}/../upload/loading.gif" id="talks-loading{$inv->id}_3" style="display: none;">
                            </div>
                            {if  $inv->pdfNos > 3  }
                            <div class="col-md-1 wds5  fright">
                                <a href="#"  class="btn green-jungle btn-xs"
                                   onclick="document.getElementById('invPdf4_{$inv->id}').click(); return false;" >
                                    <i class="fa fa-upload"></i>  4 </a>
                                <input type="file" name="invPdf4_{$inv->id}"  id="invPdf4_{$inv->id}"
                                       class=" form-control addInvPdf" data-id="{$inv->id}" data-no="4" style="visibility:hidden;height: 9px;"  >

                                {if  $inv->pdf4 != ''  &&  $inv->pdf4 != '.'  &&  $inv->pdf4 != Null &&  $inv->pdf4 != 'no image'  }
                                <a class=" btn  btn-xs blue" download="{$inv->invname}_4_{$patientNo}"
                                   href="{$hosturl}/../upload/inv_pdf/{$patientNo}/{$inv->pdf4}" id="pdf4Download{$inv->id}" >
                                    <i class="fa fa-download"></i> 4
                                </a>

                                {else}
                                <a class=" btn  btn-xs blue" download="{$inv->invname}_4_{$patientNo}"
                                   id="pdf4Download{$inv->id}" style="display: none;" >
                                    <i class="fa fa-download"></i> 4
                                </a>
                                {/if}
                                <img src="{$hosturl}/../upload/loading.gif" id="talks-loading{$inv->id}_4" style="display: none;">
                            </div>

                            {/if}

                            {/if}

                            {/if}

                            {/if}

                            <div class="col-md-2 filledName mL5 fright" >   (By :   {$inv->filledName}  ) </div>    
                            <div class="col-md-2 sampleNo mL5 fright" >   (Sample No :   {$inv->sampleNo}  ) </div>  

                        </td>
                        <th class="wds5 txtc"> F </th>
                        <th class="wds5 txtc"> V </th>
                        <th class="wds5 txtc"> P </th>
                        <th class="wds5 txtc"> D </th>
                        <td class="wds5 txtc"> S </td>
                    </tr>

                    <tr>
                        <td>
                            {if  $inv->filled == 1 }
                            <i class="fa fa-check  invStatusChange"   data-colName="filled"  data-val="0" 
                               data-id="{$inv->id}"    id="invFilled{$inv->id}" 
                               style="color: #119866;font-size: 20px;margin-top: 5%;margin-bottom: 10%;"></i> 
                            {else}
                            <i class="fa fa-times invStatusChange"   data-colName="filled"    data-val="1" 
                               data-id="{$inv->id}"    id="invFilled{$inv->id}" 
                               style="color: red;font-size: 20px;margin-top: 5%;margin-bottom: 10%;"></i> 
                            {/if}
                        </td>

                        <td>
                            {if  $inv->verified == 1 }
                            <i class="fa fa-check invStatusChange"   data-colName="verified"   data-val="0"  
                               data-id="{$inv->id}" 
                               style="color: #119866;font-size: 20px;margin-top: 5%;margin-bottom: 10%;"></i> 
                            {else}
                            <i class="fa fa-times invStatusChange"   data-colName="verified"    data-val="1" 
                               data-id="{$inv->id}"  
                               style="color: red;font-size: 20px;margin-top: 5%;margin-bottom: 10%;"></i> 
                            {/if}
                        </td>

                        <td>
                            {if  $inv->printed == 1 }
                            <i class="fa fa-check invStatusChange"    data-colName="printed"    data-val="0"      id="invPrinted{$inv->id}" 
                               data-id="{$inv->id}" 
                               style="color: #119866;font-size: 20px;margin-top: 5%;margin-bottom: 10%;"></i> 
                            {else}
                            <i class="fa fa-times invStatusChange"    data-colName="printed"    data-val="1"      id="invPrinted{$inv->id}" 
                               data-id="{$inv->id}"  
                               style="color: red;font-size: 20px;margin-top: 5%;margin-bottom: 10%;"></i> 
                            {/if}
                        </td>

                        <td>
                            {if  $inv->delivered == 1 }
                            <i class="fa fa-check invReDeliver "     data-id="{$inv->id}"  data-paid="{$paid}"  data-val="1" 
                               style="color: #119866;font-size: 20px;margin-top: 5%;"></i> 
                            {else}
                            <i class="fa fa-times invStatusChange"    data-colName="delivered"    data-val="1" 
                               data-id="{$inv->id}"  data-paid="{$paid}" 
                               style="color: red;font-size: 20px;margin-top: 5%;margin-bottom: 10%;"></i> 
                            {/if}
                        </td>

                        <td>
                            {if  $inv->sent == 1 }
                            <i class="fa fa-check invStatusChange"  data-colName="sent"    data-val="0" 
                               data-id="{$inv->id}"    
                               style="color: #119866;font-size: 20px;margin-top: 5%;margin-bottom: 10%;"></i> 
                            {else}
                            <i class="fa fa-times invStatusChange"    data-colName="sent"    data-val="1" 
                               data-id="{$inv->id}"  
                               style="color: red;font-size: 20px;margin-top: 5%;margin-bottom: 10%;"></i> 
                            {/if}
                        </td>
                    </tr>


                    <tr>
                        <td colspan="6">
                            <div class="form-group collapse  " data-parent="#accordion" style=" width: 100%; float: left;   border-bottom:1px solid black;  margin: 5px;padding-bottom: 5px;" id="invDiv{$inv->id}">
                                <div class="card-body">

                                    {foreach  $inv->elements  as $data}

                                    <div class="form-group col-md-12 " style=" float: left; margin-top: 5px; ">

                                        <label class="col-md-2 control-label bold txtl" style=" font-size: 16px;">{$data->show_name}  : </label>


                                        <div class="col-md-4">
                                            <select     select-colName="name"    select-tableName="custom_select"     
                                                        class="form-control updateInvest  custom_select select2h"  
                                                        data-colName="element_select"   data-id="{$data->content->id}" 
                                                        data-tableName="{$inv->tableName}"
                                                        id="custom_select{$data->content->id}"  >
                                                <option value=""></option>
                                                {foreach $custom_select as $one}
                                                <option value="{$one->id}" {if $data->content->element_select ==    $one->id }selected{/if}>{$one->name}</option>
                                                {/foreach}
                                                <option value="-2" class="deleteoptincompo">حذف</option>
                                            </select>
                                        </div>

                                        <div class="col-md-2">
                                            <input type="text"  class="form-control updateInvest    notPop    " 
                                                   data-colName="element_text"     data-id="{$data->content->id}"  
                                                   data-tableName="{$inv->tableName}" value="{$data->content->element_text}" >
                                        </div>

                                        <div class="col-md-4">
                                            <select        class="form-control select2h updateInvest custom" data-colName="element_text_rangeid" 
                                                           data-id="{$data->content->id}"  data-tableName="{$inv->tableName}"   data-target="hgb"   
                                                           id="element_text_rangeid" >
                                                <option value=""></option>
                                                {foreach  $data->element_text_ranges as $rang}
                                                <option value="{$rang->id}" {if $rang->id == $data->content->element_text_rangeid} selected {/if} > {$rang->range_txt}  {$rang->range_low} - {$rang->range_high}   {$rang->invest_units}</option>
                                                {/foreach}
                                            </select>
                                        </div>
                                    </div>

                                    {/foreach}

                                    <div class="form-group col-md-12 " style=" float: left;margin-top :  5px; ">
                                        <label class="col-md-2 control-label bold txtl" style=" font-size: 16px;"> Comment </label>
                                        <div class="col-md-10">
                                            <textarea class="form-control updateInvest txtc   notPop   " rows="2" 
                                                      data-id="{$inv->id}" data-colName="comment" 
                                                      data-tableName="investigationresults" placeholder="Enter more text" >
                                                {$inv->comment}
                                            </textarea>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

</div>