{{if w==null}}
    {{widget_id=queries['widget_id']}}
    {{w=widget_by_id widget_id}}
{{end}}
{{if dialog_id==null}}
    {{dialog_id=queries['dialogid']}}
{{end}}

{{if db==null}}
    {{db=dashboard_by_id w.dashboard_id}}
{{end}}
{{num_widgets = widget_count w.id}}
<div id="popUp{{w.id}}" class="popuptext row pb-2 no-gutters align-items-center"  onmouseleave="hideControls('{{ w.id }}');">
    {{if db.layout != 'FIXED_RESIZEABLE'}}
    <div class="col-2 text-right no-gutters">
        {{if w.order > 1}}
        <i class="fas fa-arrow-left fa-point ml-2" action="card_down" widget_id="{{w.id}}" style="font-size:14px"></i>
        {{end}}
    </div>
    <div class="col-2 mr-n2 text-center no-gutters">
        <b>{{w.order}}</b>
    </div>
    <div class="col-2 text-left no-gutters">
        {{if w.order < num_widgets}}
        <i class="fas fa-arrow-right fa-point ml-2" action="card_up" widget_id="{{w.id}}" style="font-size:14px"></i>
        {{end}}
    </div>
    {{else}}
        <div class="col-2 text-right no-gutters">            
        </div>
        <div class="col-2 mr-n2 text-center no-gutters">            
        </div>
        <div class="col-2 text-left no-gutters">            
        </div>
    {{end}}
    <div class="col-6 text-right">
        <i class="fas fa-copy fa-point mr-3" action="copy_card" widget_id="{{w.id}}" style="font-size:14px" data-toggle='tooltip' data-placement='top' title='Copy this Card'></i>
        <i class="fas fa-edit fa-point mr-3" onclick="hideControls('{{ w.id }}');$('#dashboard_reassign{{w.id}}').materialSelect();dialog_draggable();FileUploaderDialog('{{w.id}}','ImageFileUpload{{w.id}}','upload_image_file_action','file_textbox_id{{w.id}}');" action="{{dialog_id}}" widget_id="{{w.id}}" style="font-size:14px" data-toggle="modal" data-target="#{{dialog_id}}{{w.id}}"></i>
        <i class="fas fa-trash-alt fa-point mr-1" style="font-size:14px" onclick="hideControls('{{ w.id }}');ConfirmAction('delete_card','This will delete the card.','widget_id','{{w.id}}','dashboard.html');"></i>
    </div>
</div>