{assign var="i" value="1"}
{foreach $allImgs as $data}
<div class="col-md-3">
    <div class="row clinick ltr" >

        <div class="col-md-12">
            <div class="fileinput fileinput-new" data-provides="fileinput">
                <div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 250px; height: 170px;"> 
                    <img class="showPatFile"  {if $data} src="{$hosturl}/../upload/patientfiles/{$patientId}/{$data}"{/if}/>
                </div>
            </div>
        </div>
    </div>

    <div class="row clinick ltr" >
        <div class="col-md-6">

            <button type="button" class="btn btn-xs red fright delPImg" data-pId="{$patientId}" data-name="{$data}">
                <i class="fa fa-close"></i>
            </button>

            <a class="btn btn-xs blue fright" download="{$statusno} -  {$data}" 
               href="{$hosturl}/../upload/patientfiles/{$patientId}/{$data}">
                <i class="fa fa-download"></i>
            </a>

        </div>
    </div>

</div>
{assign var="i" value=$i+1}
{/foreach}

{assign var="i" value="1"}
{foreach $allPdf as $data}
<div class="col-md-3">
    <div class="row clinick ltr" >

        <div class="col-md-12">
            <div class="fileinput fileinput-new" data-provides="fileinput">
                <div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 250px; height: 170px;"> 
                    <img src="{$hosturl}/views/obgy/_assets/custom/images/pdficon.png" width="50" height="50"/>
                </div>
            </div>
        </div>
    </div>

    <div class="row clinick ltr" >
        <div class="col-md-6">

            <button type="button" class="btn btn-xs red fright delPImg" data-pId="{$patientId}" data-name="{$data}">
                <i class="fa fa-close"></i>
            </button>

            <a class="btn btn-xs blue fright" download="{$statusno} -  {$data}" 
               href="{$hosturl}/../upload/patientfiles/{$patientId}/{$data}">
                <i class="fa fa-download"></i>
            </a>

        </div>
    </div>

</div>
{assign var="i" value=$i+1}
{/foreach}

{assign var="i" value="1"}
{foreach $allDoc as $data}
<div class="col-md-3">
    <div class="row clinick ltr" >

        <div class="col-md-12">
            <div class="fileinput fileinput-new" data-provides="fileinput">
                <div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 250px; height: 170px;"> 
                    <img src="{$hosturl}/views/obgy/_assets/custom/images/wordicon.png" width="50" height="50"/>
                </div>
            </div>
        </div>
    </div>

    <div class="row clinick ltr" >
        <div class="col-md-6">

            <button type="button" class="btn btn-xs red fright delPImg" data-pId="{$patientId}" data-name="{$data}">
                <i class="fa fa-close"></i>
            </button>

            <a class="btn btn-xs blue fright" download="{$statusno} -  {$data}" 
               href="{$hosturl}/../upload/patientfiles/{$patientId}/{$data}">
                <i class="fa fa-download"></i>
            </a>

        </div>
    </div>

</div>
{assign var="i" value=$i+1}
{/foreach}