<div class="panel panel-default">

    <div class="panel-body">
        <form action="{U}module_helpdesk/dashboard/listAll" method="post"  id="form-filter" class="search">
            <input type="hidden" name="items_per_page" value="{if isset($filter['items_per_page'])}{$filter['items_per_page']}{/if}">
            <input type="hidden" name="period" value="{if isset($filter['period'])}{$filter['period']}{/if}">


            <div class="row event_online">  

                <div class="col-md-2">
                    <label>{$_L['Date']}</label>
                    <div class="btn-group" style="width:100%">
                        <button style="width:100%" class="btn btn-default dropdown-toggle" data-toggle="dropdown"
                                aria-haspopup="true" aria-expanded="false">
                            <i class="fa fa-calendar"></i>
                            {if isset($filter['period']) && $filter['period'] != ''}
                            {if $filter['period'] == 'all'}{$_L['All']}{/if}
                            {*         {if $filter['period'] == 'day'}{$_L['In day']}{/if}
                            {if $filter['period'] == 'week'}{$_L['In week']}{/if}
                            *} {if $filter['period'] == 'month'}{$_L['In month']}{/if}
                        {if $filter['period'] == 'interval'}{$_L['Interval']}{/if}
                    {else}
                        {$_L['Date']}
                    {/if}
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu dropdown-period" id="filter-period">
                    <li class="dropdown-header">{$_L['Period']}</li>
                    <li role="separator" class="divider"></li>
                    <li {if !isset($filter['period']) || (isset($filter['period']) && $filter['period'] == 'all')}class="active"{/if}>
                        <a data-val="all" href="#">{$_L['All']}</a>
                    </li>
                    {*        <li {if isset($filter['period']) && $filter['period'] == 'day'}class="active"{/if}>
                    <a data-val="day" href="#">{$_L['In day']}</a>
                    </li>
                    <li {if isset($filter['period']) && $filter['period'] == 'week'}class="active"{/if}>
                    <a data-val="week" href="#">{$_L['In week']}</a>
                    </li>
                    *}        <li {if isset($filter['period']) && $filter['period'] == 'month'}class="active"{/if}>
                        <a data-val="month" href="#">{$_L['In month']}</a>
                    </li>
                    <li role="separator" class="divider"></li>
                    <li class="disabled">
                        <div class="col-md-12">
                            <label for="">{$_L['Interval']}:</label>
                        </div>
                    </li>
                    <li>
                        <div class="col-md-12">
                            {$_L['Outset']}: <input type="text" class="form-control datepicker dt" name="period_ini" data-date-format="dd/mm/yyyy"
                                     value="{if isset($filter['period_ini'])}{implode('/', array_reverse(explode('-', $filter['period_ini'])))}{/if}" >
                        </div>
                    </li>
                    <li>
                        <div class="col-md-12">
                            {$_L['End']}: <input type="text" class="form-control datepicker dt" name="period_end" data-date-format="dd/mm/yyyy"
                                     value="{if isset($filter['period_end'])}{implode('/', array_reverse(explode('-',$filter['period_end'])))}{/if}" >
                        </div>
                    </li>
                    <li>
                        <div class="col-md-12"><br>
                            <a id="period-filter-interval" data-val="interval" class="btn btn-primary btn-xs" href="#">{$_L['Filtrate']}</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        {if !isset($client)}               
            <div class="col-xs-12 col-md-5">
                <div class="row">

                    <div class="col-md-12 ">
                        <label> {$_L['Center Cost']} </label>
                    </div>     
                    <div class="col-md-12 ">
                        <select class="form-control" id="cost_center" multiple="" name="cost_center[]" style="width:100%">
                            <option>{$_L['Select']}</option>
                            {foreach $cost_center as $g}
                                <option value="{$g['id']}" {if in_array($g['id'],$filter['cost_center'])}selected{/if}>{$g['name']}</option>
                            {/foreach}
                        </select>
                    </div>
                </div>
            </div>

            <div class="col-xs-12 col-md-5">
                <div class="col-md-12 ">
                    <label>  {$_L['Customer']} </label>
                </div>     
                <div class="col-md-12 ">
                    <select  id="client_id" name='client_id[]' multiple='' class="form-control ">
                        {if $account}
                            {$account}
                        {/if}
                    </select>
                </div>
            </div>
        {/if}
    </div>
    <div class="row top10 event_online">

        <div class="col-md-12">
            <div class="input-group ">
                <span class="input-group-btn ">
                    <a class="btn btn-primary" id="filter-clear" href="#" style="margin-left: 5px;">
                        <i class="fa fa-eraser"></i> {$_L['Clean Filter']}
                    </a>
                </span>


            </div>

        </div>
    </div>


</form>
<br/>
<br/>


<div class="row">
    <div  data-url="module_helpdesk/dashboard/graphDisponibleOperation" class="graph_dash col-xs-12">

    </div>
</div>
<div class="row">
    <div  data-url="module_helpdesk/dashboard/graphMediaSla" class="graph_dash col-xs-12">

    </div>
</div>


{if !isset($client)}        
    <div class="row">
        <div  data-url="module_helpdesk/dashboard/graphNumberCategory" class="graph_dash col-xs-12">

        </div>
    </div>
    <div class="row">
        <div  data-url="module_helpdesk/dashboard/graphNumberSeries" class="graph_dash col-xs-12">

        </div>
    </div>

    {*<div class="row">
    <div  data-url="module_helpdesk/dashboard/graphKm" class="graph_dash col-xs-12">

    </div>
    </div>
    
    <div class="row">
    <div  data-url="module_helpdesk/dashboard/totalComponent" class="graph_dash col-xs-12">

    </div>
    </div>*}
{/if}


</div>
</div>