<div class="panel panel-default">

    <div class="panel-body ">
        <a href="{$_url}module_helpdesk/ticket/add" class="btn btn-success event_online">
            <i class="fa fa-plus"></i> {$_L['module_helpdesk Add ticket']}
        </a>
        <a href="#" class="btn ticket-open-offline btn-success event_offline">
            <i class="fa fa-plus"></i> {$_L['module_helpdesk Add ticket']}
        </a>

        <a href="{$_url}module_helpdesk/ticket/schedulingExportCsv" class="btn btn-success event_online">
            <i class="fa fa-list"></i> Exportar CSV
        </a>
    </div>

    <div class="panel-body">
        {if $showFilters}
            <form action="{U}module_helpdesk/ticket/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}">
                <input type='hidden' name='clear' value="0">

                <div class="row event_online">  
                    <div class="col-sm-12 col-md-2">
                        <label class="control-label" for="">
                            {$_L['Status']} 
                        </label>
                        <select name="status" id="status" class="form-control">
                            <option {if $filter['status']=="all" }selected{/if} value = "all" >{$_L['All']}</option>
                            <option {if $filter['status']=="Open" }selected{/if} value = "Open" >{$_L['module_helpdesk status Open']}</option>
                            <option {if $filter['status']=="Atendence" }selected{/if} value = "Atendence">{$_L['module_helpdesk status Atendence']}</option>
                            <option {if $filter['status']=="Closed" }selected{/if} value = "Closed">{$_L['module_helpdesk status Closed']}</option>
                        </select>
                    </div>
                    <div class="col-sm-12 col-md-2">
                        <label class="control-label" for="">
                            {$_L['module_helpdesk sla']} 
                        </label>
                        <select name="sla" id="sla" class="form-control">
                            <option {if $filter['sla']=="all" }selected{/if} value = "all" >{$_L['All']}</option>
                            <option {if $filter['sla']=="late" }selected{/if} value = "late" >{$_L['module_helpdesk sla late']}</option>
                            <option {if $filter['sla']=="critical" }selected{/if} value = "critical">{$_L['module_helpdesk sla critical']}</option>
                        </select>
                    </div>
                    <div class="col-xs-12 col-md-3">
                        <label>  {$_L['module_helpdesk responsible']} </label>
                        <select class="form-control" style="width:100%" id="responsible_id" name="responsible_id">
                            {if $responsible}
                                <option value="{$responsible->id}" selected >{$responsible->account}</option>
                            {/if}
                        </select>
                    </div>

                    {if !isset($client)}           
                        <div class="col-xs-12 col-md-5">
                            <label>  {$_L['Customer']} </label>
                            <select  id="client_id" name='client_id' class="form-control ">
                                {if $account}
                                    {$account}
                                {/if}
                            </select>
                        </div>
                    {/if}
                </div>
                <div class="row top10 event_online">
                    <div class="col-md-2">
                        <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>
<div class="col-md-10">
    <div class="input-group">
        <input type="text" name="search" class="form-control" autocomplete="off"
               placeholder="{$_L['Search by client or identification']}"
               {if isset($filter['search'])} value="{$filter['search']}"{/if}>
        <span class="input-group-btn">
            <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i></button>
        </span>
        <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}



<ul class="nav nav-tabs">
    <li class="active"><a data-toggle="tab" href="#graph_data">{$_L['Dashboard'] }</a></li>
    <li><a style="" data-toggle="tab" id="nav_table" href="#table">{$_L['Table']}</a></li>
</ul>

<div class="tab-content">
    <div id="table" class="tab-pane fade in">
        <table id='table-ticket' 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 class='hidden-xs'>{$_L['Type']}</th>
                    <th class='hidden-xs'>{$_L['Status']}</th>
                    <th class='hidden-xs'>{$_L['module_helpdesk sla']}1</th>
                    <th class='hidden-xs'>{$_L['module_helpdesk sla']}2</th>
                    <th class='hidden-xs'>{$_L['module_helpdesk responsible']}</th>
                    <th class='hidden-xs'>{$_L['Category']}</th>
                    <th>{$_L['Action']} 
                        <a href="#" title="{$_L['module_helpdesk clear cache']}" class=' {if count($cacheList)==0}hide{else}event_online {/if}  clear_cache btn btn-xs btn-danger '><i class=' fa fa-eraser  '></i></a>
                        <form action="{$_url}module_helpdesk/ticket/delete" method="post" id="formdelete"></form>
                    </th>
                </tr>
            </thead>
            <tbody>
                {assign var=totalCache value=0}

                {if count($records) > 0}
                    {foreach $records as $d}
                        <tr>
                            {$loadCache=""}
                            {if $totalCache<5 && ($d['status']=='Atendence' || $d['status']=='Open')}
                        <input type='hidden' name='id_cache[]' class="cache_id  {$totalCache++}" value='{$d['id']}'>


                    {else}
                        {if in_array($d['id'],$cacheList)}
                            <input type='hidden' name='id_cache' class="cache_id" value='{$d['id']}'>
                        {else}
                            {$loadCache="event_online"}   
                        {/if}

                    {/if}
                    {*                    <td>{$d['id']}</td>*}
                    <td>{$helper->transformDateEnToPt($d['created_at'])}</td>
                    <td>{$d['client_account']}</td>
                    <td class='hidden-xs'>{$_L[$d['treatment_type']]}</td>
                    <td class='hidden-xs'>
                        {$helper->formatOSStatus($d['status'])}
                    </td> 

                    <td class='hidden-xs' {if $d['sla_1_critical']}style="background-color: red;color: #FFF"{elseif $d['sla_1_late']}style="background-color:yellow"{/if}>{$helper->transformSla($d['created_at'],$d['begin_at'])}</td>
                    <td class='hidden-xs' {if $d['sla_2_critical']}style="background-color: red;color: #FFF"{elseif $d['sla_2_late']}style="background-color:yellow"{/if}>{$helper->transformSla($d['begin_at'],$d['closed_at'])}</td>
                    {*                    <td>{$d['desc_product']}</td>*}
                    <td class='hidden-xs'>{$d['responsible_name']}</td>
                    <td class='hidden-xs'>{$d['desc_category']}</td>
                    <td>

                        <div class="btn-group dropdown">
                            <button class="btn btn-primary btn-xs dropdown-toggle"
                                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                <i class="fa fa-cog"></i> <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu pull-right" aria-labelledby="dropdown-list">
                                <li>
                                    <a href="{$_url}module_helpdesk/ticket/view/{$d['id']}" class="event_online"
                                       data-toggle="tooltip" title="{$_L['Preview']}">
                                        <i class="fa fa-eye"></i> {$_L['Preview']}
                                    </a>
                                </li>
                                {if $d['requester_id'] == 0 ||  $client_id == ''}
                                    <li>
                                        <a href="{$_url}module_helpdesk/ticket/edit/{$d['id']}" class="event_online"
                                           data-toggle="tooltip" title="{$_L['Edit']}">
                                            <i class="fa fa-pencil"></i> {$_L['Edit']}
                                        </a>
                                    </li><li>
                                        <a href="#" onclick="ConfirmDelete({$d['id']})" class=" event_online"
                                           data-toggle="tooltip" title="{$_L['Delete']}">
                                            <i class="fa fa-trash"></i>{$_L['Delete']}
                                        </a>
                                    </li>
                                {/if}
                                {if ($d['status'] == 'Open') && $client_id == ''}
                                    <li>
                                        <a href="#" data-form="{if $d['form_id']>0}1{else}0{/if}" class=" ticket-accept event_online"
                                           data-toggle="tooltip" data-id="{$d['id']}" title="{$_L['Accept']}">
                                            <i class="fa fa-thumbs-o-up"></i> {$_L['Accept']}
                                        </a>
                                    </li>
                                {/if}
                                {if ($d['form_id'] >0) && $client_id == ''}

                                    <li >

                                        <a href="#"  id="form_view_{$d['id']}" class="  btn_{$d['id']} ticket-form-open  {$loadCache}"
                                           data-toggle="tooltip" data-id="{$d['id']}" title="{$_L['module_helpdesk ticket form']}">
                                            <i class="fa fa-file-o"></i> {$_L['module_helpdesk ticket form']}
                                        </a>
                                    </li>
                                    {if $loadCache=='event_online' }
                                        <li >

                                            <a href="#"  id="form_cache_{$d['id']}" class=" event_online  ticket-add-cache  "
                                               data-toggle="tooltip" data-id="{$d['id']}" title="{$_L['module_helpdesk ticket form add cache']}">
                                                <i class="fa fa-database"></i> {$_L['module_helpdesk ticket form add cache']}
                                            </a>
                                        </li>   
                                    {/if}
                                {/if}

                                {if ($d['form_data'] >0)}
                                    <li>
                                        <a href="{$_url}module_helpdesk/ticket/view/{$d['id']}/pdf" title='{$_L['View PDF']}' class=" event_online"   target="_blank"> <i class="fa fa-file-pdf-o"></i> {$_L['View PDF']}</a>
                                    </li>
                                {/if}
                            </ul>
                            &nbsp;
                            <i class='fa fa-database hide in_cache_{$d['id']}' title="{$_L['module_helpdesk in cache']}"></i>
                        </div>


                    </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 event_online">
                <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/ticket/listAll/'}
                    {$paginator->paginate($url)}
                </ul>

            </div>
        </div>
    </div>

    <div id="graph_data" class="tab-pane fade in active">

        <div class="row">
            <div class="col-md-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content">
                        <div id="graph_qty" style="height: 350px;"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</div>


<div id="ajax-modal-form" class="modal container fade-scale" data-backdrop="static"  tabindex="-1" style="display: none;">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h3>{$_L['module_helpdesk ticket form']}</h3>
    </div>
    <div class="modal-body" id='ajax-modal-form-body' style="margin-bottom: 50px">

    </div>
     
</div>


<div id="ajax-modal-addTicket" class="modal container fade-scale" data-backdrop="static"  tabindex="-1" style="display: none;">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h3>{$_L['module_helpdesk Add ticket']} <span class="label label-danger">Offline</span></h3>
    </div>
    <div class="modal-body" id='ajax-modal-form-body-addTicket'>

    </div>
</div>

    <div id='form_start'>
        
    </div>