<style>
    @media print {
        #img-out
        {ldelim}
        size: auto;
        margin-top: {$ProgramesettingData->above}cm;
        margin-bottom: {$ProgramesettingData->buttom}cm;
        {rdelim}
    }
</style>
<div class="page-content-wrapper">
    <div class="page-content">
        <div class="row">
            <div class="col-md-12 clinick wds1136">
                <!-- BEGIN PAGE CONTENT-->
                <div id="container" class="row-fluid">
                    <div id="main-content">
                        <input type="hidden" id="dragPage" value="1"/>
                        <input type="hidden" id="patientId" value="{$patientid}"/>
                        <input type="hidden" id="patientName" value="{$patientName}"/>
                        <input type="hidden" id="patientType" value="{$patientType}"/>
                        <input type="hidden" id="tdate" value="{$today}">
                        <input type="hidden" id="controllName" value="gtimage"/>
                        <input type="hidden" id="DocName" value="{$doctorData.user_name}"/>
                        <input type="hidden" id="gtId" value="{$allGData->id}"/>
                        <input type="submit" class="btn btn-primary" style="margin:10px 10px;" value="print" id="printGt" />
                        <!--                        <input type="submit" class="btn btn-primary removeAll" style="margin:10px 10px; float: right;" value="Delete All" />-->

                        <form>

                            <div class="xxxccc wds1136">
                                <div id="allcom">

                                    <form action="{$hosturl}/drag/add" method="post">
                                        <!--                                        <div class="awtoolsdrag hidden-print" id="mytoolmain">
                                                                                    <div class="demo_real awdrag_real" data-name="1"><img src="{$path}/aw/images/1.png" class="allimg"/></div>
                                                                                    <div class="demo_real awdrag_real" data-name="3"><img src="{$path}/aw/images/3.png" class="allimg"/></div>
                                                                                    <div class="demo_real awdrag_real" data-name="8"><img src="{$path}/aw/images/8.png" class="allimg"/></div>
                                                                                    <div class="demo_real awdrag_real" data-name="5"><img src="{$path}/aw/images/5.png" class="allimg"/></div>
                                                                                    <div class="demo_real awdrag_real" data-name="6"><img src="{$path}/aw/images/6.png" class="allimg"/></div>
                                                                                    <div class="demo_real awdrag_real" data-name="7"><img src="{$path}/aw/images/7.png" class="allimg"/></div>
                                                                                    <div class="demo_real awdrag_real" data-name="9"><img src="{$path}/aw/images/9.png" class="allimg"/></div>
                                                                                    <div class="demo_real awdrag_real" data-name="10"><img src="{$path}/aw/images/10.png" class="allimg"/></div>
                                                                                    <div class="demo_real awdrag_real" data-name="11"><img src="{$path}/aw/images/11.png" class="allimg"/></div>
                                                                                    <div class="demo_real awdrag_real" data-name="12"><img src="{$path}/aw/images/12.png" class="allimg"/></div>
                                                                                    <span class="toolstitle">tools box</span>

                                                                                </div>-->
                                        <div id="img-out"></div>
                                        <div id="printimg">
                                            <div class="mainimage" id="containment-wrapper"> 

                                                {if $allGData->programview  == 1 } 
                                                <img src="{$path}/aw/images/1.jpg"style="width: 100%;"/> 
                                                {else}
                                                <img src="{$hosturl}/../upload/gtimage/{$allGData->pic}" style="width: 100%;"/> 
                                                {/if}

                                            </div>
                                            {if !empty($allGtDetail)}
                                            {assign var = i value = 1}
                                            {foreach $allGtDetail as $detail}
                                            <div class="demo_real" data-name="{$detail->imgno}" data-id = "{$detail->id}" data-itr="{$i}" style="position: absolute; left: {$detail->posx}px; top: {($detail->posy)-56}px; width: {$detail->width}px; height: {$detail->height}px;">
                                                <img src="{$path}/aw/images/{$detail->imgno}.png" style="width:{$detail->width}px; height:{$detail->height}px;" class="allimg"/>
                                                <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90; display: block;"></div>
                                                <div class="ui-resizable-handle ui-resizable-s" style="z-index: 90; display: block;"></div>
                                                <div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90; display: block;"></div>
                                                <!--<span class="noofitem">{$i}</span>
                                                <span class="closeit" id="delImg{$i}" data-id="{$detail->id}" data-old="0">x</span>-->
                                                <input type="hidden" id="posx{$i}" name="posx{$i}" value="{$detail->posx}">
                                                <input type="hidden" id="posy{$i}" name="posy{$i}" value="{$detail->posy}">
                                                <input type="hidden" id="poswidth{$i}" name="poswidth{$i}" value="{$detail->width}">
                                                <input type="hidden" id="posheight{$i}" name="posheight{$i}" value="{$detail->height}">
                                                <input type="hidden" id="nameimg{$i}" name="nameimg{$i}" value="{$detail->imgno}">
                                                <input type="text"  id="picComment{$i}"  value="{$detail->comment}" />
                                                <span style="display:none;">
                                            </div>
                                            {assign var = i value = $i+1}
                                            {/foreach}
                                            {/if}

                                            <div class="iconcomments">
                                                <div class="col-md-12">
                                                    <textarea class="form-control updateComent" rows="1">{$allGData->comment}</textarea>
                                                </div>

                                            </div>
                                        </div>
                                        <div class="clearfix"></div>
                                    </form>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>

        <!-- END CONTENT-->
    </div>
</div>
