@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 form">
                                <span class="font-blue-madison title"><i class="icon-call-in"></i> Planos com Binagem</span>
                                @if(routeAcess('admin.plans.bin'))
                                    <a href="{{ route('admin.plans.bin') }}" class="right btn red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Voltar para consulta de planos"><i class="fa fa-arrow-circle-left"></i> Voltar</a>
                                @endif 
                                <hr>

                                @if (count($errors) > 0)
                                    <div class="alert alert-danger">
                                        <strong> O Formulário está com os erros abaixo:</strong><br><br>
                                        <ul>
                                            @foreach ($errors->all() as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif

                                {!! Form::open(['route' => $action->route, 'method' => $action->method]) !!}
                                    {!! Form::hidden('id', $plan->id) !!}      
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::select('plano_binado', $binagens, $plan->plano_binado, ['class'=>'form-control', 'onchange'=>'search_plan(this.value)']) !!}
                                                {!! Form::label('plano_binado', 'Plano de Origem:', ['class' => 'control-label']) !!}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-2">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::select('type_plan', $tiposPlano, $plan->type_plan, ['class'=>'form-control', 'onchange'=>'tipo_plano(this.value)','id'=>'type_plan']) !!}
                                                {!! Form::label('type_plan', 'Tipo de Plano:', ['class' => 'control-label']) !!}
                                            </div>
                                        </div>
                                        <div class="form-group col-md-5">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('name', $plan->name, ['class' => 'form-control', 'autocomplete' => 'off', 'id'=>'plano_nome','required']) !!}
                                                {!! Form::label('name', 'Nome do Plano') !!}
                                            </div>
                                        </div>
                                        <div class="form-group col-md-5">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('apelido', $plan->apelido, ['class' => 'form-control', 'autocomplete' => 'off', 'id'=>'plano_apelido','required']) !!}
                                                {!! Form::label('apelido', 'Alias do Plano (Não é exibido para o cliente)') !!}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-2 tipo_plano plano_normal plano_economy">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('price', $plan->price, ['class' => 'form-control', 'autocomplete' => 'off', 'id'=>'plano_price']) !!}
                                                {!! Form::label('price', 'Mensalidade') !!}
                                            </div>
                                        </div>
                                        <div class="form-group col-sm-2 tipo_plano plano_recarga">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('price_view', 'R$ 0,00' , ['class' => 'form-control', 'autocomplete' => 'off','disabled']) !!}
                                            </div>
                                        </div>
                                        <div class="form-group col-md-1">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('siptek', $plan->siptek, ['class' => 'form-control', 'autocomplete' => 'off', 'id' => 'siptek', 'onblur'=>'valida_plano_siptek(this.value)']) !!}
                                                {!! Form::label('siptek', 'Id Siptek') !!}
                                            </div>
                                        </div>
                                        <div class="form-group col-md-2">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('main_cities', $item_plans->main_cities, ['class' => 'form-control',  'autocomplete' => 'off', 'id'=>'main_cities']) !!}
                                                {!! Form::label('main_cities', 'Fixo Principais Cidades') !!}
                                            </div>
                                        </div>
                                    
                                        <div class="form-group col-md-2">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('other_cities', $item_plans->other_cities, ['class' => 'form-control',  'autocomplete' => 'off','id'=>'other_cities']) !!}
                                                {!! Form::label('other_cities', 'Fixo Demais Cidades') !!}
                                            </div>
                                        </div>
                                        <div class="form-group col-md-2">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('mobile_national', $item_plans->mobile_national, ['class' => 'form-control', 'autocomplete' => 'off','id'=>'mobile_national']) !!}
                                                {!! Form::label('mobile_national', 'Móvel Nacional') !!}
                                            </div>
                                        </div>
                                    
                                        <div class="form-group col-md-3">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('numbers', $item_plans->numbers, ['class' => 'form-control', 'autocomplete' => 'off','id'=>'numbers']) !!}
                                                {!! Form::label('numbers', 'Vlr Núm. Entrantes (Mensal)') !!}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-3 tipo_plano plano_normal">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                <br/>
                                                <div class="md-checkbox">
                                                    {!! Form::checkbox('abre_chamado', 'yes', $abre_chamado,['id'=>'abre_chamado','class'=>'md-check']); !!}
                                                    <label for="abre_chamado" class="has-personalizado">
                                                        <span></span>
                                                        <span class="check has-personalizado"></span>
                                                        <span class="box"></span> Abrir chamado na ativação?
                                                    </label>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="form-group col-md-4 tipo_plano plano_normal">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                <br/>
                                                <div class="md-checkbox">
                                                    {!! Form::checkbox('descontar_credito', 'yes', $descontar_credito,['id'=>'descontar_credito','class'=>'md-check']); !!}
                                                    <label for="descontar_credito" class="has-personalizado">
                                                        <span></span>
                                                        <span class="check has-personalizado"></span>
                                                        <span class="box"></span> Descontar Númmeros Entrantes dos créditos?
                                                    </label>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="form-group col-md-2 tipo_plano plano_normal">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                <br/>
                                                <div class="md-checkbox">
                                                    {!! Form::checkbox('liberar_creditos', 'yes', $liberar_creditos,['id'=>'liberar_creditos','class'=>'md-check']); !!}
                                                    <label for="liberar_creditos" class="has-personalizado">
                                                        <span></span>
                                                        <span class="check has-personalizado"></span>
                                                        <span class="box"></span> Liberar créditos?
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    
                                        <div class="form-group col-md-3 tipo_plano plano_normal">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('activate', $item_plans->activate, ['class' => 'form-control', 'autocomplete' => 'off']) !!}
                                                {!! Form::label('activate', 'Valor de Ativação dos Números ') !!}
                                            </div>
                                        </div>
                                    
                                        <div class="form-group col-md-3 tipo_plano plano_economy">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('activation_value', $plan->activation_value, ['class' => 'form-control', 'autocomplete' => 'off']) !!}
                                                {!! Form::label('activation_value', 'Valor de Ativação do Economy ') !!}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-2">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {{-- {!! Form::text('number_maximum', $item_plans->number_maximum, ['class' => 'form-control', 'autocomplete' => 'off','id'=>'plano_number_maximum']) !!} --}}
                                                <input type="number" name="number_maximum" value="{{$item_plans->number_maximum}}" class="form-control" autocomplete='off' min=0 />
                                                {!! Form::label('number_maximum', 'Número Máximo ') !!}
                                            </div>
                                        </div>
                                        
                                        <div class="form-group col-md-3">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::select('rota', $rotas, $plan->rota, ['class'=>'form-control']) !!}
                                                {!! Form::label('rota', 'Rota:', ['class' => 'control-label']) !!}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <button type="submit" name="Salvar" value='Salvar' class="btn green-jungle popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Finalizar e salvar o registro.">
                                                <i class=" fa fa-save"></i> Salvar
                                            </button>
                                            <a href="{{route('admin.plans')}}" class="btn red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Ao cancelar você perderá as informações não salvas."><i class="fa fa-close"></i> Cancelar</a>
                                        </div>                          
                                    </div>

                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END PAGE CONTENT INNER -->
        </div>
    </div>
@stop()

@section('js-admin-plan')
    <script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('/assets/apps/scripts/jquery.maskMoney.js') }}" type="text/javascript"></script>
    <script type="text/javascript">
        $(function(){
            $("#plano_price").maskMoney({symbol:'R$ ', showSymbol:true, thousands:'.', decimal:',', symbolStay: true});
            $("#main_cities").maskMoney({symbol:'R$ ', showSymbol:true, thousands:'.', decimal:',', symbolStay: true});
            $("#other_cities").maskMoney({symbol:'R$ ', showSymbol:true, thousands:'.', decimal:',', symbolStay: true});
            $("#mobile_national").maskMoney({symbol:'R$ ', showSymbol:true, thousands:'.', decimal:',', symbolStay: true});
            $("#numbers").maskMoney({symbol:'R$ ', showSymbol:true, thousands:'.', decimal:',', symbolStay: true});
            $("#activate").maskMoney({symbol:'R$ ', showSymbol:true, thousands:'.', decimal:',', symbolStay: true});
            $("#activation_value").maskMoney({symbol:'R$ ', showSymbol:true, thousands:'.', decimal:',', symbolStay: true});
        })

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

             $.ajax({ 
                type: "GET", 
                url: '{{ route('admin.plans.search.siptek') }}',
                data: {siptek: siptek}, 
                success: function(data) { 
                    var json = JSON.parse(data);
                    console.log(json); 
                    
                    if(json.name){
                        $("#siptek").val('');
                        alert("Já consta um plano com esse id vindo do SIPTEK!");
                    }
                }
            });
        }

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

            $.ajax({ 
                type: "GET", 
                url: '{{ route('admin.plan.search') }}', 
                data: {id: id}, 
                success: function(data) { 
                    var json = JSON.parse(data);
                    console.log(json); 
                    $("#type_plan").val(json.type_plan).focus();
                    $("#activation_value").val(json.activation_value).focus();
                    $("#plano_nome").val(json.name).focus();
                    $("#plano_apelido").val(json.apelido).focus();
                    $("#plano_price").val("R$ "+json.price).focus();
                    $("#main_cities").val("R$ "+json.main_cities).focus();
                    $("#other_cities").val("R$ "+json.other_cities).focus();
                    $("#mobile_national").val("R$ "+json.mobile_national).focus();
                    $("#numbers").val("R$ "+json.numbers).focus();
                    if(json.descontar_credito == 'yes'){
                        $('#plano_descontar_credito').prop("checked", true);
                    }else{
                        $('#plano_descontar_credito').prop("checked", false);
                    }
                    if(json.liberar_creditos == 'yes'){
                        $('#plano_liberar_creditos').prop("checked", true)
                    }else{
                        $('#plano_liberar_creditos').prop("checked", false);
                    }
                    
                    $("#activate").val("R$ "+json.activate);
                    $("#plano_number_maximum").val(json.number_maximum).focus();

                    tipo_plano(json.type_plan);
                   
                } 
            });
        }

        function tipo_plano(tipo){
            $(".tipo_plano").hide('slow');
            $(".plano_"+tipo).show('slow');
            if(tipo=='recarga'){
                $('#price').val('0.00');
            }
        }

        var type_plan =  $( ":input[name='type_plan']").val();
        tipo_plano(type_plan);

        //tipo_plano('{{$plan->type_plan}}');
    </script>
@stop()