@extends('template')

@section('content')

    <!-- BEGIN PAGE CONTENT BODY -->
    <div class="page-content">
        <div class="container-fluid">

            <!-- BEGIN PAGE BREADCRUMBS -->
            <ul class="page-breadcrumb breadcrumb">
                <li>
                    <a href="{{ route('dashboard') }}">Dashboard</a>
                    <i class="fa fa-circle"></i>
                </li>
                <li>
                    <span>Ferramentas</span>
                    <i class="fa fa-circle"></i>
                </li>
                <li data-tour-title="Binagem" data-tour-description="<img src='{{ asset('assets/images/wally.png') }}' alt='Wally' class='wally'><br/>Bem vindo a ferramenta de Siga-me.<br/>Aqui você pode escolher um número para o qual as suas ligações serão direcionadas." data-tour-index="1">
                    <span>Siga - Me</span>
                </li>
            </ul>
            <!-- END PAGE BREADCRUMBS -->

            <!-- BEGIN PAGE CONTENT INNER -->
            <div class="page-content-inner">

                <div class="note note-info">
                    <p><strong>Transferir chamadas ?</strong> Insira um número telefônico.</p>
                </div>

                <div class="row">
                    <div class="col-md-12">
                        <div class="portlet light">

                            {!! Form::open(['route' => 'sigame.insert', 'method' => 'post']) !!}
                                <div class="row" data-tour-title="Binagem" data-tour-description="<img src='{{ asset('assets/images/wally.png') }}' alt='Wally' class='wally'><br/>Aqui você pode inserir o número para o qual será realizada a transferência de chamadas." data-tour-index="2">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            {!! Form::label('phone', 'DDD+Telefone', ['class' => 'control-label']) !!}
                                            {!! Form::text('phone', $data->number, ['class' => 'form-control', 'placeholder' => 'Insira o seu DDD+Telefone', 'autocomplete' => 'off','id' => 'mask_phone']) !!}
                                        </div>
                                    </div>
                                </div>
                                <p>&nbsp;</p>
                                <div class="row">
                                    <div class="col-md-1">
                                        <div class="form-group" data-tour-title="Binagem" data-tour-description="<img src='{{ asset('assets/images/wally.png') }}' alt='Wally' class='wally'><br/>Para ativar a transferência de chamadas a chave deve estar ligada." data-tour-index="3">
                                            @if(empty($data->phone))
                                                <input type="checkbox" class="make-switch blue-madison" id="enabled" data-size="small">
                                            @else
                                                <input type="checkbox" checked class="make-switch" id="enabled" data-size="small">
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <p>&nbsp;</p>
                            {!! Form::close() !!}
                        </div>
                    </div>

                </div>
           </div>
        </div>
    </div>
    <!-- END PAGE CONTENT BODY -->
@stop()

@section('js-sigame')
<script src="{{ asset('/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/global/plugins/jquery-inputmask/jquery.inputmask.bundle.min.js') }}" type="text/javascript"></script>
<script type="text/javascript">
    $(function(){
        $("#mask_phone").inputmask({
            "mask": "099999999999",
            placeholder: ""
        });
    });
    $('#enabled').on('switchChange.bootstrapSwitch', function(event, state) {
        console.log(state); // true | false

        var phone = $("#mask_phone").val();

        if(phone==''){
          swal("Selecione um número para habilitar o Siga-me!", "", "error");
          window.location.href="{{route('sigame')}}";
        }else{

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

            $.ajax({ 
                type: "POST", 
                url: '{{ route('sigame.insert') }}', 
                data: {state: state, phone: phone, '_token': $('input[name=_token]').val()}, 
                success: function(data) {
                    $("#sigame-message").css('display', 'block');
                    
                    console.log(data); 
                    if (data == 'CREATE') {
                        swal("Siga-me habilitado com sucesso!", "", "success");
                    } else {
                        swal("Siga-me desabilitado com sucesso!", "", "success");
                    }                   
                } 
            });
        }
    });
</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()