@extends('template')

@section('content')
    <div class="page-content">
        <div class="container-fluid">

             <!-- BEGIN PAGE BREADCRUMBS -->
            <ul class="page-breadcrumb breadcrumb">
                <li>
                    @if(!isset(Auth::user()->menu))
						<a href="{{ route('dashboard') }}">Dashboard</a>
					@else
						<a href="#">Dashboard</a>
					@endif
                    <i class="fa fa-circle"></i>
                </li>
                <li>
                    <span>Suporte</span>
                    <i class="fa fa-circle"></i>
                </li>
                <li>
                    <span>Meus Tickets</span>
                </li>
            </ul>
            <!-- END PAGE BREADCRUMBS -->

            <div class="page-content-inner">
                <div class="row">
                    <div class="col-md-12">
                        <!-- sidebar -->
                        <div class="col-md-12">
                            <div class="app-ticket app-ticket-list">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="portlet light ">
                                            <div class="portlet-title tabbable-line">
                                                <div class="caption caption-md">
                                                    <i class="icon-globe theme-font hide"></i>
                                                    <span class="caption-subject font-blue-madison bold uppercase">Meus Tickets</span>
                                                </div>
                                            </div>
                                            <div class="portlet-body">
                                            
                                                    <div class="table-toolbar">
                                                        <div class="row">
                                                            <div class="col-md-6">
                                                                <div class="btn-group">
                                                                    <a href="{{ route('suporte.ticket') }}" id="sample_editable_1_new" class="btn sbold blue-madison"><i class="fa fa-plus"></i> Abrir Novo Chamado </a>
                                                                </div>
                                                            </div>
                                                            {!! Form::open(['route' => 'busca.ticket', 'method' => 'get']) !!}
                                                                <div class="col-md-4">
                                                                    {!! Form::text('busca', '', ['class' => 'form-control', 'placeholder' => 'Busca', 'autocomplete' => 'off']) !!}
                                                                </div>
                                                                <div class"col-md-2">
                                                                    {!! Form::submit('Filtrar', ['class' => 'btn blue-madison']) !!}
                                                                </div>
                                                            {!! Form::close() !!}
                                                        </div>
                                                    </div>
                                                
                                                <table class="table table-striped table-bordered table-hover table-checkable order-column" id="sample_1">
                                                    <thead>
                                                        <tr>
                                                            <th class="col-md-2"> Protocolo </th>
                                                            <th class="col-md-6"> Assunto </th>
                                                            <th class="col-md-2"> Aberto em </th>
                                                            <th class="col-md-2"> Última alteração </th>
                                                            <th class="col-md-2"> Status </th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach($tickets as $ticket)
                                                            <tr class="odd gradeX">
                                                                <td> {{$ticket->protocolo}} </td>
                                                                <td> {{$ticket->assunto}} </td>
                                                                <td class="center"> {{dateToBRTime($ticket->created_at)}} </td>
                                                                <td class="center"> {{dateToBRTime($ticket->updated_at)}} </td>
                                                                <td class="center">
                                                                    <span class="sbold btn-circle btn color-view bold uppercase @if($ticket->status=='Aberto')bg-green-jungle bg-font-green-jungle @else bg-grey-salsa bg-font-grey-salsa @endif" style='min-width:91px'><center>{{$ticket->status}}</center></span>
                                                                </td>
                                                                <td >
                                                                    <div class="btn-group">
                                                                        <a class='blue-madison sbold btn' style="min-width: 105px" href='{{ route('suporte.visualizar.ticket',['id'=>$ticket->id]) }}'>
                                                                            @if($ticket->status=='Aberto')
                                                                                <span class="fa fa-edit"> <strong>Editar</strong></span>
                                                                            @else
                                                                                <span class="fa fa-eye"> <strong>Visualizar</strong></span>
                                                                            @endif
                                                                        </a>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                    <tfoot>
                                                        <tr>
                                                            <td colspan="6" align="center">
                                                                {!! $paginacao !!}
                                                            </td>
                                                        </tr>
                                                    </tfoot>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- -->
                    </div>
                </div>
            </div>
        </div>
    </div>

@stop()

@section('js-admin-tickets')
<link href="{{ asset('/assets/global/plugins/bootstrap-sweetalert/sweetalert.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('/assets/global/css/components.min.css') }}" rel="stylesheet" id="style_components" type="text/css" />
<script src="{{ asset('/assets/global/plugins/jquery.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('/assets/global/plugins/bootstrap/js/bootstrap.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('/assets/global/plugins/bootstrap-sweetalert/sweetalert.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('/assets/pages/scripts/ui-sweetalert.min.js') }}" type="text/javascript"></script>

<script type="text/javascript">
    function atribuirChamado(atendente, chamado){

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
            }
        })

        var str = "";
        
        if(atendente==0){
                
            swal({"title":"Oops!","text":"Selecione um atendente para atribuir ao chamado","showConfirmButton":true,"type":"error"});  
            var atendente = $("#operador"+chamado).val();  
            $("#atendente"+chamado).val(atendente);

        }else{
            $.ajax({ 
                type: "GET", 
                url: "{{ route('admin.tickets.atribuir.chamado') }}",
                data: {atendente: atendente, chamado:chamado}, 
                success: function(data) { 
                    swal({"title":"","text":"Chamado atribuído com sucesso!","showConfirmButton":true,"type":"success"});
                } 
            });
        }
        
    }
     @if (session('message'))
            swal({"title":"","text":"{!! session('message') !!}","showConfirmButton":true,"type":"success"});
    @endif
</script>

    @if(Auth::user()->chat)
        <!-- BEGIN JIVOSITE CODE {literal} -->
            <!-- <script type='text/javascript'>
            (function(){ var widget_id = 'o6gDGQPyK5';var d=document;var w=window;function l(){
            var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//code.jivosite.com/script/widget/'+widget_id; var ss = document.getElementsByTagName('script')[0]; ss.parentNode.insertBefore(s, ss);}if(d.readyState=='complete'){l();}else{if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();</script> -->
        <!-- {/literal} END JIVOSITE CODE -->
        <script type="text/javascript">
            var __tw_omni_args__ = { channel: 'widget', link: 'https://app.omnismart.io:3000/', sk: '1591185964576', lang: 'pt-BR' }; 
            var script = document.createElement('script'); script.type = 'text/javascript'; script.src = __tw_omni_args__.link + 'chat/index.js'; 
            document.head.appendChild(script); 
        </script>
    @endif
@stop()