@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">
                                 <div class="row">
                                    <div class="col-md-12">
                                        <span class="font-blue-madison title"><i class="fa fa-phone-square"></i> Portabilidade</span>
                                        <a href="{{ route('admin.numbers') }}" class="right btn red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Voltar para colsulta de portabilidades"><i class="fa fa-arrow-circle-left"></i>  Voltar</a>
                                        <hr>
                                    </div>
                                </div>
                                @if (false)
                                    <div class="alert alert-danger">
                                        <strong> O Formulário está com os erros abaixo:</strong><br><br>
                                        <ul>

                                        </ul>
                                    </div>
                                @endif
                                <p>&nbsp;</p>
                                {!! Form::open(['route' => $action->route, 'method' => $action->method]) !!}

                                    {!! Form::hidden('id', $portability->id) !!}
                                    <div class="row">
                                        <div class="form-group col-md-4">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('user_id', $portability->name, ['class' => 'form-control', 'placeholder' => 'Nome', 'autocomplete' => 'off']) !!}
                                                {!! Form::label('user_id', 'Nome do cliente') !!}
                                            </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('number', $portability->number_portability, ['class' => 'form-control', 'placeholder' => 'Número', 'autocomplete' => 'off']) !!}
                                                {!! Form::label('number', 'Número') !!}
                                            </div>
                                        </div>
                                    
                                        <div class="form-group col-md-2" id="date-agendamento" class="hidden">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('data_agendado', $portability->data_agendado, ['id'=>'data_agendado','class' => 'form-control', 'placeholder' => '06/10/2017', 'autocomplete' => 'off']) !!}
                                                {!! Form::label('data_agendado', 'Data') !!}
                                            </div>
                                        </div>
                                    
                                        <div class="form-group col-md-4">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::select('status', $status ,$portability->status, ['id' => 'status','class' => 'form-control', 'autocomplete' => 'off', 'onchange' => 'alteraStatusPort(this.value);']) !!}
                                                {!! Form::label('status', 'Status') !!}
                                            </div>
                                        </div>
                                    </div>

                                    <p>&nbsp;</p>

                                    <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.numbers')}}" 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>

                                    <p>&nbsp;</p>

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

@section('js-admin-number')
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>    
    <script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $.datepicker.regional['pt-BR'] = {
                closeText: 'Fechar',
                prevText: '&#x3c;Anterior',
                nextText: 'Pr&oacute;ximo&#x3e;',
                currentText: 'Hoje',
                monthNames: ['Janeiro','Fevereiro','Mar&ccedil;o','Abril','Maio','Junho',
                'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
                monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun',
                'Jul','Ago','Set','Out','Nov','Dez'],
                dayNames: ['Domingo','Segunda-feira','Ter&ccedil;a-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sabado'],
                dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
                dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
                weekHeader: 'Sm',
                dateFormat: 'dd/mm/yy',
                firstDay: 0,
                isRTL: false,
                showMonthAfterYear: false,
                yearSuffix: ''
            };

            $.datepicker.setDefaults($.datepicker.regional['pt-BR']);

            $("#data_agendado").datepicker();

            alteraStatusPort($("#status").val());

            $("#status").focus();


        });
        alteraStatusPort = function(val){
            // alert(val);
            if(val == "agendado"){
                $("#date-agendamento").removeClass('hidden');
            }else{
                $("#date-agendamento").addClass('hidden');
            }
        }
    </script>
@stop()