<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
<!-- Include html2canvas from CDN -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
<div id='DivIdToPrint' class="hide">
    
    <table class="title"  width="100%" >
        <tr>
            <td style="border: 0;  text-align: right" width="100%">
                <img id="image" style="max-height: 70px" src="{APP_URL}/application/storage/system/logo.png" alt="logo" />
            </td>
        </tr>
    </table>
    <table id="conteudoDivIdToPrint"  class="table" style="width:100%; font-size: 15px;">

    </table>

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

{*<input type='button' id='btn' value='Print' onclick='printDiv();'>*}
<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>
        {if !isset($client)}     
            <a href="#" class="btn hide ticket-open-offline btn-success event_offline">
                <i class="fa fa-plus"></i> {$_L['module_helpdesk Add ticket']}
            </a>
        {/if}
        <a href="{$_url}module_helpdesk/ticket/schedulingExportCsv" class="btn btn-success event_online">
            <i class="fa fa-list"></i> Exportar CSV
        </a>
        {if !isset($client)}     
            <a href="{$_url}module_helpdesk/ticket/exportFormCsv" class="btn btn-success event_online">
                <i class="fa fa-list"></i>{$_L['module_helpdesk Export Form CSV']}
            </a>
        {/if}
    </div>

    <div class="panel-body">
        {if $showFilters}
            <form action="{$_url}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>

                    {if !isset($client)}               
                        <div class="col-sm-12 col-md-2">
                            <label class="control-label" for="">  
                                {$_L['Customer']} 
                            </label>
                            <select  id="client_id" name='client_id' class="form-control">
                                {if $account}
                                    {$account}
                                {/if}
                            </select>
                        </div>
                    {else}
                        <input type='hidden' id='provider_client_id' value="{$client->id}">
                    {/if}    
                    <div class="col-sm-12 col-md-2">
                        <label class="control-label" for="">   {$_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>
                    <div class="col-sm-12 col-md-2">
                        <label class="control-label" for="">   {$_L['module_helpdesk provider']} </label>
                        <select class="form-control" style="width:100%" id="provider_id" name="provider_id">
                            {if $provider}
                                <option value="{$provider->id}" selected >{$provider->account}</option>
                            {/if}
                        </select>
                    </div>
                    {if !isset($client)}               
                        <div class="col-sm-12 col-md-2">
                            <label class="control-label" for="cost_center">  {$_L['Center Cost']} </label>   
                            <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>
                    {/if}
                    <div class="col-sm-12 col-md-2">
                        <label class="control-label" for="module_helpdesk_tickets_cat_id"> 
                            {$_L['module_helpdesk ticket category']} 
                        </label>
                        <select name="module_helpdesk_tickets_cat_id[]" multiple="" id="module_helpdesk_tickets_cat_id" class="form-control " >
                            {if not empty($cat_ticket)}
                                {foreach $cat_ticket as $g}
                                    <option value="{$g->id}" selected> {$g->title}</option>
                                {/foreach}
                            {/if}
                        </select>
                    </div>
                </div>
                <br/>
                <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" data-val="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}
<br/>
<ul class="nav nav-tabs">
    <!-- TODO: REABILITAR A ABA DO GRÁFICO --> 
    <li class="hide"><a data-toggle="tab" href="#graph_data">{$_L['Dashboard'] }</a></li>
    <li class="active"><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-responsive active" style="padding-bottom: 200px;">
        <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-sm hidden-xs'>{$_L['module_helpdesk provider']}</th>
                    <th class='hidden-sm hidden-xs'>{$_L['Type']}</th>
                    <th class=''>{$_L['Status']}</th>
                    <th class='hidden-sm hidden-xs'>{$_L['module_helpdesk sla']}1</th>
                    <th class='hidden-sm hidden-xs'>{$_L['module_helpdesk sla']}2</th>
                    <th class='hidden-sm hidden-xs'>{$_L['module_helpdesk responsible']}</th>
                    <th class='hidden-sm 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 class="tickets_loaded_online">
                            <td>
                                {$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}
                                {$d['id']}</td>
                            <td>{$helper->transformDateEnToPt($d['created_at'])}</td>
                            <td>{$d['client_account']}</td>
                            <td class='hidden-sm hidden-xs'>{$d['provider_name']}</td>
                            <td class='hidden-sm hidden-xs'>{if $d['treatment_type']}{$_L[$d['treatment_type']]}{/if}</td>
                            <td class='status_td{$d['id']}'>
                                {$helper->formatOSStatus($d['status'])}
                            </td> 

                            <td class='hidden-sm 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-sm 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-sm hidden-xs'>{$d['responsible_name']}</td>
                            <td class='hidden-sm hidden-xs'>{$d['desc_category']}</td>
                            <td class=''>

                                <div class="dropdown_{$d['id']}   btn-group dropdown {$loadCache}">
                                {if ($d['form_data'] >0)}
                                    <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>
                                {else}
                                    <button class="btn btn-primary opcoes_btn_{$d['id']} 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 == '' || $is_provider == true} 
                                            <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>
                                            <li class="event_offline hide">
                                                <a href="#" 
                                                   data-client-id="{$d['client_id']}"
                                                   data-client="{$d['client_account']}"
                                                   data-requester="{$d['requester_name']}" 
                                                   data-form-id="{$d['form_id']}" 
                                                   data-form="{if $d['form_id']>0}1{else}0{/if}" 
                                                   data-treatment_type='{if $d['treatment_type']}{$_L[$d['treatment_type']]}{/if}'
                                                   data-cat='{$d['desc_category']}'
                                                   class=" ticket-accept-offline event_offline hide"
                                                   data-toggle="tooltip" data-id="{$d['id']}" title="{$_L['Accept']}">
                                                    <i class="fa fa-thumbs-o-up"></i> {$_L['Accept']}
                                                </a>

                                                <a href="#"  id="form_view_{$d['id']}" class="  btn_{$d['id']} ticket-form-open  hide"
                                                   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}
                                        {if ($d['form_id'] >0) && $client_id == ''}

                                            {if ($d['status'] == 'Open')}
                                            {else}
                                                <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}
                                            {if $loadCache=='event_online' }
                                                {if ($d['status']=='Atendence' || ($d['status']=='Open'))}

                                                    <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}
                                         <li class="btn_pdf_{$d['id']}  hide">
                                                <a href="#"  id="form_pdf_{$d['id']}" data-form="{$d['form_id']}" class="btn_pdf_offline btn_pdf_{$d['id']}   hide"
                                                   data-toggle="tooltip" data-id="{$d['id']}" title="{$_L['View PDF']}">
                                                    <i class="fa fa-file-pdf-o"></i> {$_L['View PDF']}
                                                </a>

                                        </li>

                                        {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><i class='fa fa-database hide in_cache_{$d['id']}' style='padding-left:3px' title="{$_L['module_helpdesk in cache']}"></i>
                                {/if}
                                </div>


                            </td>
                        </tr>
                    {/foreach}
                {else}
                    <tr>
                        <td colspan="9">
                            {$_L['No_Records_Found']}
                        </td>
                    </tr>
                {/if}
            </tbody>
        </table>
        <div class="row paddingTB-md event_online">
            <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=$_url|cat:'module_helpdesk/ticket/listAll/'}
                    {$paginator->paginate($url)}
                </ul>

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

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

        <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-loading" class="modal container fade-scale" data-backdrop="static"  tabindex="-1" style="display: none;">
    <div class="modal-body" >
        <h4 style="margin: 50px 0px 50px 0px;font-weight: 600;text-align: center;font-size: 20px;">  <i class="fa fa-spin fa-spinner"></i> Gerando PDF, aguarde</h4>
    </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>