{assign var="i" value="1"}
                                            {foreach $idArray as $sonar}
                                            <div class="col-md-3">
                                                <div class="row clinick ltr" >
                                                    <div class="col-md-12">
                                                        <div class="form-group form-md-line-input form-md-floating-label has-info">
                                                            <input type="text" class="form-control datepicker updateElement txtc" id="sonardate{$i}" data-tableName="sonar" data-colName="sonardate" data-id="{$sonar.id}" value="{$sonar.sonardate}"/>
                                                            <label for="form_control_1">Date</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <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 {if $sonar.imagename} src="{$hosturl}/../upload/sonar/{$sonar.imagename}"{/if}/></div>
                                                            <!--<input type="hidden" id="imageurl" name="imageurl" value="{$editElement->photos}" />-->
                                                            <div> <span class="btn default btn-file"> <span class="fileinput-new"> Select image </span> <span class="fileinput-exists"> Change </span>
                                                                    <input type="file" name="sonarimg{$i}" id="sonarimg{$i}" data-tableName="sonar" data-colName="imagename" data-id="{$sonar.id}" class=" form-control sonarFile">
                                                                </span>  </div>
                                                        </div>
                                                    </div>
                                                </div>




                                                <div class="row clinick ltr" >
                                                    <div class="col-md-12">
                                                        <div class="form-group form-md-line-input form-md-floating-label has-info">
                                                            <input type="text" class="form-control updateElement" id="notes{$i}" data-tableName="sonar" data-colName="notes" data-id="{$sonar.id}" value="{$sonar.notes}"/>
                                                            <label for="form_control_1">Notes</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row clinick ltr" >
                                                    <div class="col-md-6">
                                                        
                                                        <button type="button" class="btn btn-xs red fright removesonar" id="delsonar{$i}" data-tableName="sonar" data-id="{$sonar.id}"><i class="fa fa-close"></i></button>
                                                        <input type="checkbox" class="imagePrint" id="imagePrint{$sonar.id}" name="pic[]"  value="{$sonar.id}"/> 
                                                        
                                                    </div>
                                                </div>

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