<div class="panel panel-default">

    <div class="panel-body">
        <a href="{$_url}{if isset($client)}{'client/'}{/if}module_helpdesk/sla/add" class="btn btn-success">
            <i class="fa fa-plus"></i> {$_L['module_helpdesk sla Add']}
        </a>
    </div>

    <div class="panel-body">
    {if $showFilters}
        <form action="{U}{if isset($client)}{'client/'}{/if}module_helpdesk/sla/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">  
                <div class="col-md-2">
                    <div class="col-md-12 ">
                            <label>  {$_L['Period']} </label>
                        </div> 
                    <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" 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="col-md-12 ">
                            <label>  {$_L['Customer']} </label>
                        </div>     
                        <div class="col-md-12 ">
                            <select  id="client_id" name='client_id' class="form-control ">
                                {if $account}
                                    {$account}
                                {/if}
                            </select>
                        </div>
                    </div>
                {/if}
                <div class="col-md-2">
                     <label>  {$_L['Clean Filter']} </label>
                    <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>

    {/if}

    <br/><br/>

    <div id="table" class="tab-pane fade in active">
    <table class="table table-bordered table-hover sys_table footable margin-10px0"  data-filter="#foo_filter" data-page-size="50">
        <thead>
            <tr>
    {*            <th class="" style="width:25px">#</th>*}
                <th>{$_L['Date']}</th>
                <th>{$_L['Customer']}</th>
                <th>{$_L['Type']}</th>
                <th>{$_L['Category']}</th>
                <th>{$_L['module_helpdesk sla']}1</th>
                <th>{$_L['module_helpdesk sla']}2</th>
                <th>{$_L['Action']}
                    <form action="{$_url}module_helpdesk/sla/delete" method="post" id="formdelete"></form>
                </th>
            </tr>
        </thead>
        <tbody>
            {if count($records) > 0}
                {foreach $records as $d}
                    <tr>
    {*                    <td>{$d['id']}</td>*}
                        <td>{$helper->transformDateEnToPt($d['created_at'])}</td>
                        <td>{$d['client_account']}</td>
                        <td>{$_L[$d['treatment_type']]}</td>
{*                        <td>{$helper->transformSla($d['created_at'])}</td>*}
                        <td>{$d['desc_product']}</td>
                        <td>{$d['sla1']}</td>
                        <td>{$d['sla2']}</td>
                        <td>
                            <a href="{$_url}module_helpdesk/sla/edit/{$d['id']}" class="btn btn-xs btn-warning"
                               data-toggle="tooltip" title="{$_L['Edit']}">
                                <i class="fa fa-pencil"></i> 
                            </a>

                            <a href="#" onclick="ConfirmDelete({$d['id']})" class="btn btn-xs btn-danger"
                                data-toggle="tooltip" title="{$_L['Delete']}">
                                <i class="fa fa-trash"></i>
                            </a>
                        </td>
                    </tr>
                {/foreach}
            {else}
                <tr>
                    <td colspan="7">
                        {$_L['No_Records_Found']}
                    </td>
                </tr>
            {/if}
        </tbody>
    </table>
    <div class="row paddingTB-md">
        <div class="col-md-12"><small>{if $paginator->total_pages>0} {$_L['Page']}  {$paginator->current_page} de {$paginator->total_pages} {else}{/if}</small></div>

        <div class="col-md-1">
            <div class="dropdown inline margin-10px0">
                <select class="form-control input-sm select-custom" id="items_per_page">
                    <option {if $filter['items_per_page'] == 5}selected="selected"{/if} value="5">5</option>
                    <option {if $filter['items_per_page'] == 10}selected="selected"{/if} value="10">10</option>
                    <option {if $filter['items_per_page'] == 50}selected="selected"{/if} value="50">50</option>
                    <option {if $filter['items_per_page'] == 100}selected="selected"{/if} value="100">100</option>
                    <option {if $filter['items_per_page'] == 500}selected="selected"{/if} value="500">500</option>
                    <option {if $filter['items_per_page'] == all}selected="selected"{/if} value="all">Todos</option>
                </select>
            </div>
        </div>
        <div class="col-md-12 margin-10px">
            <ul class="pagination pagination-xs margin-10px0">
                {assign var=url value=U|cat:'module_helpdesk/sla/listAll/'}
                {$paginator->paginate($url)}
            </ul>
        </div>
    </div>
    </div>

</div>