@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-10">
                    <select class="mask-chosen-autocomplete-autoload" name="pessoa_id" id="pessoa_id" data-ajax--url="{{ App\Http\Controllers\ContextoUsuario\AlunosController::urlMethod('autocomplete') }}">
                        @if (\Illuminate\Support\Facades\App::environment('testing'))
                            <option value="{{\Auth::user()->empresa->alunos_ativos->first()}}">Test</option>
                        @else
                            <option></option>
                        @endif
                    </select>
                </div>
            </div>

            <div class="form-group">
                <div class="col-md-10 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