@extends('layouts.app')

@section('content')
    <div class="block-header"><h2>{{trans('validation.attributes.notas_produto')}}</h2></div>

    <div class="row">
        <div class="col-lg-12">
            {!! Layout::openCardForm(array('action' => array($controller::pathMethod('store'),0), 'class' => "form-horizontal")) !!}

            <div class="form-group">
                {{Form::label('pessoa_id', trans('validation.attributes.cliente'), array('class' => 'col-md-2 control-label'))}}

                <div class="col-md-8">
                    {!! Layout::inputAutocomplete(array('name'=>'pessoa_id', 'action'=>\App\Http\Controllers\ContextoUsuario\AlunosController::pathMethod('autocomplete'), 'preloaded'=>false, 'model'=>\App\Models\Aluno\Aluno::class)) !!}
                </div>
            </div>

            <div class="form-group">
                <div class="col-md-8 col-md-offset-2">
                    <div id="place_movimentacoes"></div>
                </div>
            </div>

            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-8">
                    {!!Form::submit('Continuar', array('class' => 'btn btn-primary')) !!}
                    <a href="{{ URL::previous() }}" name="previous" class="btn btn-default">Voltar</a>
                </div>
            </div>

            {!! Layout::closeCardForm() !!}
        </div>
    </div>

    @push('scripts')
    <script>
        var urlmovimentacoes = "{{App\Http\Controllers\ContextoUsuario\NfeController::urlMethod('movimentacoesPorCliente',999999)}}";

        $(document).ready(function(){
            $("#pessoa_id").on("change",function(){
                alterouCliente();
            });
        });

        function alterouCliente(){
            var pessoa_id = $("#pessoa_id").val();

            var placemovimentacoes = $("#place_movimentacoes");

            placemovimentacoes.html($("#loader-default").html());

            var urlmovcliente = urlmovimentacoes.replace('999999',pessoa_id);

            $.get(urlmovcliente, function(data) {
                placemovimentacoes.html(data);
            }).fail(function(){
                $("#tabela-resultado").html('Ocorreu um erro ao buscar as movimentações deste cliente. Tente novamente mais tarde.');
            })
        }
    </script>
    @endpush
@stop