@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 binagem de números.<br/>Aqui você pode alterar a binagem do seu plano (não disponível para todos os planos)." data-tour-index="1">
                    <span>Binagem de número</span>
                </li>
            </ul>
            <!-- END PAGE BREADCRUMBS -->

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

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

                            @if (session('message'))
                                <div class="alert alert-success">
                                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                    {{ session('message') }}
                                </div>
                            @endif

                            {!! Form::open(['route' => 'altera.binagem', 'method' => 'post']) !!}

                                <div class="row">

                                    <div class="col-md-4">
                                        <div class="row" data-tour-title="Binagem" data-tour-description="<img src='{{ asset('assets/images/wally.png') }}' alt='Wally' class='wally'><br/>Selecione aqui o número que você deseja binar." data-tour-index="2">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    {!! Form::label('number', 'Número para Binagem:', ['class' => 'control-label']) !!}
                                                    {!! Form::select('number', $numeros, $numero_atual, ['class'=>'form-control']) !!}
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row" data-tour-title="Binagem" data-tour-description="<img src='{{ asset('assets/images/wally.png') }}' alt='Wally' class='wally'><br/>Selecione aqui a sua rota de binagem." data-tour-index="3">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    {!! Form::label('rota', 'Rota de Binagem:', ['class' => 'control-label']) !!}
                                                    {!! Form::select('rota', $rotas, $rota_atual, ['class'=>'form-control','onchange'=>'exibe_tarifas("true")']) !!}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-1"></div>
                                    <div class="col-md-4" data-tour-title="Binagem" data-tour-description="<img src='{{ asset('assets/images/wally.png') }}' alt='Wally' class='wally'><br/>cada rota de binagem tem seu valor, ou seja, com base na rota escolhida podem ocorrer alterações nas tarifas do seu plano." data-tour-index="4">
                                        <div id='tarifas' class="note note-info"></div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            {!! Form::submit('Salvar', ['class' => 'btn blue-madison']) !!}
                                        </div>
                                    </div>
                                </div>                                

                            {!! Form::close() !!}
                        </div>
                    </div>

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

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


<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<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 type="text/javascript">
    
    function exibe_tarifas(message='') {

        $("#tarifas").html("<p><img src='{{ asset('/assets/global/img/loading.gif') }}'> Calculando tarifas...</p>");

        if(message)
            swal({"title":"Atenção","text":"Ao configurar a binagem de um número, suas tarifas serão alteradas!","showConfirmButton":true,"type":"warning"});

        var rota = $("#rota").val();

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

        $.ajax({ 
            type: "GET", 
            url: '{{ route('binagem.tarifa') }}', 
            data: {rota: rota}, 
            success: function(data) {
                var json = JSON.parse(data);
                console.log(json);
                html = "<h3><strong>Tarifas</strong></h3><br/>Fixo Principais Cidades <strong>"+json.fixo_principais_cidades+'</strong><br/>Fixo Demais Cidades <strong>'+json.fixo_demais_cidades+'</strong><br/>Movel Nacional <strong>'+json.movel_nacional+'</strong>';
                $("#tarifas").html(html);                 
            } 
        });
    }

    exibe_tarifas();

</script>
    @if(Auth::user()->chat)
        {!! $config->chat !!}
    @endif
@stop()