@extends('template')

@section('content')
<div class="page-content">
    <div class="container-fluid">
        <div class="page-content-inner">
            <div class="row">
                <div class="col-md-12">
                    <div class="portlet light">
                        <div class="portlet-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <span class="font-blue-madison title"><i class="icon-calculator"></i> Ativações</span>
                                    @if(routeAcess('admin.ativacao.concluida'))
                                        <a href="{{route('admin.ativacao.concluida')}}" class="right btn green-jungle popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Visualizar ativações concluídas"><i class="glyphicon glyphicon-ok-circle"></i>  Ativações Concluídas</a>
                                    @endif
                                    @if(routeAcess('admin.ativacao.pendente'))
                                        <a href="{{route('admin.ativacao.pendente')}}" class="right btn red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Visualizar ativações pendentes" style='margin-right: 10px;'><i class="glyphicon glyphicon-exclamation-sign"></i>  Ativações Pendentes</a>
                                    @endif
                                    <hr>
                                </div>
                            </div>
                            <div class="row">
                                {!! Form::hidden('id', $ativacao->id) !!}

                                                                <div class="form-group col-md-12">
                                    <div class="portlet box blue-madison col-md-12">
                                        <div class="portlet-title">
                                            <div class="caption">
                                                <i class="glyphicon glyphicon-hdd"></i>{{ $proposta->name }} 
                                                <span class="font-dark">
                                                @if($statusTotal > 0)
                                                    {{ round (($statusActive /( $statusTotal ))*100)}}
                                                @else
                                                    0
                                                @endif
                                                    % concluídos
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">

                                        <div class="col-md-12 text-center"></div>

                                        <div class="col-md-8">
                                            <div class="portlet-body flip-scroll">
                                                <table class="table table-bordered table-striped table-condensed flip-content">
                                                    <thead class="flip-content">
                                                        <tr>
                                                            <th>#ID</th>
                                                            <th> Produto/Serviço </th>
                                                            <th> Configurações </th>
                                                            <th> Status </th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach($itens as $item)
                                                            <tr>
                                                                <td>{{$item->id}}</td>
                                                                <td> {{ $item->campo_name }} </td>
                                                                <td> 
                                                                    @if($item->campo_name == 'Portabilidade')
                                                                        @if(file_exists($item->campo_valor))
                                                                            <a href="{{asset($item->campo_valor)}}">Baixar arquivo</a>
                                                                        @else
                                                                            {!! $item->campo_valor !!}
                                                                        @endif
                                                                    @else
                                                                        @if($item->campo_valor == 'PABX' and $item->status == 0)
                                                                            <a href="{{ route('admin.ativacao.pabx.config',['id'=>$ativacao->id]) }}">Criar PABX</a>
                                                                            <a title="Caso não haja a necessidade da criação do PABX, clique aqui" id="trocartipo" data-id_check="{{$item->id}}"><p align="right" style="margin-top: -20px">Não possui PABX</p></a> 
                                                                        @else
                                                                            {!! $item->campo_valor !!}
                                                                        @endif
                                                                    @endif
                                                                </td>
                                                                <td id='item_{{$item->id}}' class="col-md-2">
                                                                    @if($item->status == 1)
                                                                        Concluido em {{dateToBRTime($item->updated_at)}} por {{$item->name}}
                                                                    @else
                                                                        <div class="md-checkbox">
                                                                            <div class="mt-action-buttons">
                                                                                <div class="btn-group btn-group-circle">
                                                                                    {!! Form::checkbox('status'.$item->id, '1', '',['id'=>'status'.$item->id,'class'=>'md-check', 'onclick'=>'check("'.$item->id.'");']) !!}
                                                                                    <label for="status{{$item->id}}" class="has-personalizado">
                                                                                        <span></span>
                                                                                        <span class="check has-personalizado"></span>
                                                                                        <span class="btn-up btn btn-outline green-jungle btn-sm" style="margin-top: -10px;" data-valor="{{$item->campo_valor}}" data-id_ativacao="{{$item->ativacao_id}}"><i class="fa fa-thumbs-up"></i>
                                                                                        </span>  
                                                                                    </label>
                                                                                    <span class="btn-down btn btn-outline red btn-sm" data-size="l" data-target="#down" data-toggle="modal" style="
                                                                                    margin-left: 32px;
                                                                                    "><i class="fa fa-thumbs-down"></i></span>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    @endif
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                            <div id="down" class="modal fade" tabindex="-1" data-width="400">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                                                            <h4 class="comentario modal-title">Adicione uma mensagem</h4>
                                                        </div>
                                                        <div class="modal-body">
                                                            <div class="row"><
                                                                <div class="col-md-12">
                                                                    {!! Form::open(['route' => 'admin.ativacao.enviar-chat', 'method' => 'post', 'role' => 'form', 'files' => true]) !!}
                                                                    {!! Form::hidden('ativacao_id', $ativacao->id) !!}
                                                                    {!! Form::hidden('tarefa','',['id' => 'tarefa']) !!}
                                                                    {!! Form::hidden('destinatario_id',$proposta->vendedor_id) !!}
                                                                    {!! Form::hidden('status','Aguardando Resposta') !!}
                                                                    <div class="row">
                                                                        <div class="form-group col-md-12">
                                                                            <textarea class="wysihtml5 form-control" rows="10" name="mensagem" data-error-container="#editor1_error" placeholder="Digite aqui sua mensagem"></textarea>
                                                                            <div id="editor1_error"> </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="form-group col-md-12">
                                                                            <button type="submit" name="Enviar" value='Salvar' class="right btn blue-madison">Enviar</i></button>
                                                                        </div>                      
                                                                    </div>
                                                                    {!! Form::close() !!}
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                       @include('chat')
                                   </div>
                               </div>
                           </div>
                       </div>
                   </div>
               </div>
           </div>
       </div>
       <!-- END PAGE CONTENT INNER -->
   </div>
</div>
@stop()

@section('js-admin-servico')
    <script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>
    <script type="text/javascript">

        $("#trocartipo").click(function(){
            var id_check = $(this).data('id_check');
            swal({
              title: "",
              text: "Tem certeza que esse serviço não possui PABX?",
              type: "warning",
              showCancelButton: true,
              confirmButtonClass: "btn-success",
              confirmButtonText: "Sim",
              cancelButtonText: "Não",
              closeOnConfirm: false,
              closeOnCancel: true
            },
            function(isConfirm) {
                if (isConfirm) {
                    $.ajax({ 
                        type: "POST", 
                        url: "{{ route('admin.ativacao.alterarcheck') }}",
                        data: {_token   : "{{ csrf_token() }}", id: id_check},
                        success: function(data) {
                            location.reload();
                        } 
                    });
                }else{
                    return false;
                } 
            });
        });

        $(".btn-down").click(function(){            
            //adiciona o id da tarefa
            $("#tarefa").val($(this).closest('tr').find("td").eq(0).html());
        });
        
        $(".btn-up").click(function(){
            var valor       = $(this).data('valor');
            var id_ativacao = $(this).data('id_ativacao');

            if(valor == "PABX"){
               
                $.ajax({ 
                    type: "POST", 
                    url: "{{ route('admin.ativacao.alterarstatus') }}",
                    data: {_token   : "{{ csrf_token() }}", id: id_ativacao},
                    success: function(data) {
                        window.location = data;
                    } 
                });
                
            }
        });
        
        function check(id){

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

            $.ajax({ 
                type: "GET", 
                url: '{{ route('admin.ativacao.check') }}', 
                data: {id:id}, 
                success: function(data) {
                    console.log(data); 
                    var json = JSON.parse(data);
                    if(json.ok){
                        $("#item_"+id).html("Tarefa Concluída!");
                    }
                    if(json.error){
                        swal({"title":"Ops","text":"Houve algum erro com a solicitação!","showConfirmButton":true,"type":"error","html":true});
                    }
                    if(json.concluida){
                        swal({"title":"","text":"Ativação concluída!","showConfirmButton":true,"type":"success","html":true});
                        swal({
                          title: "Ativação concluída com sucesso!",
                          text: "Deseja adicionar essa informação ao Ticket " +json.ticket+ " ?",
                          type: "success",
                          showCancelButton: true,
                          confirmButtonClass: "btn-success",
                          confirmButtonText: "Sim",
                          cancelButtonText: "Não",
                          closeOnConfirm: false,
                          closeOnCancel: true
                      },
                      function(isConfirm) {
                        if (isConfirm) {
                            window.location = json.route;
                        }else{
                            return false;
                        } 
                    });
                    }
                } 
            });
        }
    </script>
@stop()