<div class="row m-b15">
    <div class="portlet-title tbox">
        <div class="caption font-green-haze col-md-6">
            <span class="caption-subject bold uppercase"> Pictures</span>
        </div>
        <div class="actions col-md-6"></div>
    </div>


    {if $picsCount > 0 }
    <div class="col-md-12" id="PicsDiv">
        {foreach $pics as $pic}
        {if $pic.imagename}
        <div class="col-md-3">
            <div class="row clinick ltr" >
                <div class="form-group form-md-line-input form-md-floating-label has-info col-md-12">
                    <input type="text" class="form-control  txtc"  readonly value="{$pic.sonardate}"/>
                </div>

                <div class="col-md-12">
                    <div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 250px; height: 170px;"> 
                        <img class="showOpPicFile" 
                             {if $pic.imagename} src="{$hosturl}/../upload/sonar/{$pic.imagename}"{/if} />
                    </div>
                </div>

                <div class="form-group form-md-line-input form-md-floating-label has-info col-md-12">
                    <input type="text" class="form-control" readonly  value="{$pic.notes}"/>
                </div>
            </div>
        </div>
        {/if}
        {/foreach}
    </div>
    {else}
    <div class="col-md-12">
        <h3 style="text-align: center;color: red;"> No Pictures Available Now.</h3>
    </div>

    {/if}
</div>


<div class="row m-b15">
    <div class="portlet-title tbox">
        <div class="caption font-green-haze col-md-6">
            <span class="caption-subject bold uppercase">  Videos </span>
        </div>
        <div class="actions col-md-6"></div>
    </div>

    {if $videosCount > 0 }
    <div class="col-md-12" id="videosDiv">
        {foreach $videos as $video}
        {if $video.vediourl}
        <div class="col-md-3">
            <div class="row clinick ltr" >
                <div class="form-group form-md-line-input form-md-floating-label has-info col-md-12">
                    <input type="text" class="form-control  txtc"  readonly value="{$video.sonardate}"/>
                </div>

                <div class="col-md-12">
                    <a  class="input-group-addon btn vidOpShow" 
                        data-file="{$video.vediourl}"> Show </a> 
                    <a  class="input-group-addon btn vid-download" 
                        href="{$hosturl}/controllers/sonar.php?ac=downloadfile&id={$video.id}" > Download </a> 
                </div>
            </div>
        </div>
        {/if}
        {/foreach}
    </div>
    {else}
    <div class="col-md-12">
        <h3 style="text-align: center;color: red;"> No Videos Available Now.</h3>
    </div>
    {/if}
</div>

<div class="row m-b15">
    <div class="portlet-title tbox">
        <div class="caption font-green-haze col-md-6">
            <span class="caption-subject bold uppercase">  PDF </span>
        </div>
        <div class="actions col-md-6"></div>
    </div>

    {if $pdfCount > 0 }
    <div class="col-md-12" id="pdfsDiv">
        {foreach $pdfs as $pdf}
        {if $pdf.vediourl}
        <div class="col-md-2">
            <div class="row clinick ltr" >
                <div class="form-group form-md-line-input form-md-floating-label has-info col-md-12">
                    <input type="text" class="form-control  txtc"  readonly value="{$pdf.sonardate}"/>
                </div>

                <div class="col-md-12">
                    <a  class="input-group-addon btn vid-download"   target="_blank"  
                        href="{$hosturl}/../upload/sonarpdf/1/{$pdf.vediourl}" > Show </a> 
                </div>
            </div>
        </div>
        {/if}
        {/foreach}
    </div>
    {else}
    <div class="col-md-12">
        <h3 style="text-align: center;color: red;"> No PDF Available Now.</h3>
    </div>
    {/if}
</div>

<div id="talks-loading5" style="z-index: 3000;position: absolute;top: 35%;right: 2%;left: 6%;display:none; height: 65%; background-color: rgba(0, 0, 0,0.27); padding-top: 10%;" align="center">
    <img src="{$hosturl}/../upload/loading.gif">
</div>