@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>Comprar Créditos</span>
                </li>
            </ul>
            <!-- END PAGE BREADCRUMBS -->

            <!-- BEGIN PAGE CONTENT INNER -->
            <div class="page-content-inner">                 
                <div class="row" id="tab-confirm">
                    <div class="col-md-12">
                        <div class="portlet light">

                            <div class="portlet-body">
                                <div class="note note-info">
                                    Confirme abaixo os serviços contratados.
                                </div> 
                                
                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-md-2">
                                            {!! Form::label('saleman', 'Selecione um Vendedor') !!}
                                        </div>
                                        <div class="col-md-4">
                                            {!! Form::select('sale_id', $sales, '', ['class'=>'form-control', 'id' => 'sale_id']) !!}
                                        </div>                                   
                                    </div>                                   
                                </div>                                   
                                
                                <div class="alert alert-success alert-dismissable" id="warning-success" style="display:none;">
                                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                    <span id="message"></span>
                                </div>                               

                                <div class="row">
                                   <table class="table table-striped table-hover table-light" id="table-number">
                                        <thead>
                                            <tr class="uppercase">
                                                <th class="col-md-3 bg-default">Serviço</th>
                                                <th class="col-md-3 bg-default">Descrição</th>
                                                <th class="col-md-3 bg-default">Valor R$</th>
                                                <th class="col-md-3 bg-default">Observação</th>
                                            </tr>
                                        </thead>
                                        <tbody> 
                                        @if(Session::get('ordered_open'))
                                            @foreach(Session::get('ordered_open') as $item)
                                                @if($item->type<>'balance')
                                                    <tr>
                                                        <td>{{ statusTypeItemsIugu($item->type) }}</td>
                                                        <td>{{$item->description}}</td>
                                                        <td>(+) R$ {{ formatMoney($item->price) }}</td>
                                                        <td>
                                                            @if($item->type == 'manutencao')
                                                                * Valor descontado dos créditos
                                                            @endif
                                                        </td>
                                                    </tr>
                                                @endif
                                            @endforeach
                                            <tr>
                                                <th class="col-md-3 bg-default"></th>
                                                <th class="col-md-3 bg-default"></th>
                                                <th class="col-md-3 bg-default"></th>
                                                <th class="col-md-3 bg-default">Total R$ {{ formatMoney($price) }}</th>
                                            </tr>
                                        @endif    
                                        </tbody>
                                    </table> 
                                </div>

                                <div class="row">
                                    <div class="col-md-8">
                                        <div class="form-actions right">
                                            <button id="pay-button" class="btn blue-madison" onclick="generate_invoice(); return false;">Gerar Fatura</button>
                                            @if($primeiraCompra)
                                                <button id="pay-button" class="btn blue-madison" onclick="remove_invoice(); return false;">Remover Fatura</button>
                                            @endif
                                        </div>
                                        <div id='janela_iugo'></div>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END PAGE CONTENT INNER -->
        </div>
    </div>
    <!-- END PAGE CONTENT BODY -->
@stop()

@section('js-voice-plan')
    <script src="{{ asset('/assets/global/plugins/fancybox/source/jquery.fancybox.js?v=2.1.5') }}" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="{{ asset('/assets/global/plugins/fancybox/source/jquery.fancybox.css?v=2.1.5') }}" media="screen" />
    <script type="text/javascript">
        $(document).ready(function() {
            $('.fancybox').fancybox();
        });

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

            var params = {
                'customer':'{!! $customer !!}',
                'items':'{!! Session::get('ordered_open') !!}',
                'user_id': '{!! Auth::user()->id !!}',
                'sale_id': $('#sale_id').val()
            }; 

            $("#janela_iugo").html("<br/><p><img src='{{ asset('/assets/global/img/loading.gif') }}'> Por favor aguarde momento enquanto carregamos o seu meio de pagamento.</p>");

            $.ajax({ 
                type: "POST", 
                url: 'http://www.telefoniacorporativa.com.br/iugu/index.php',
                data: {params: params}, 
                success: function(data) {
                    console.log(data);
                    var json = JSON.parse(data);
                    $("#janela_iugo").html("<a class='fancybox fancybox.iframe' href='"+json.invoice_secure_url+"'></a>");
                    $(".fancybox").click();
                } 
            });

        }

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

                var params = {
                    'user_id': '{!! Auth::user()->id !!}'
                }; 

                $.ajax({ 
                    type: "GET", 
                    url: '/painel/remover-pedido',
                    data: {params: params}, 
                    success: function(data) {
                        if (data == 'OK') {
                            alert('Pedido removido com sucesso');window.location.assign('/painel/dashboard');
                        }
                    } 
                });
            }
        @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()