@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">Consultar Revalidações</div>
                <div class="card-body">
                    <form method="POST" action="{{ route('revalida.index') }}">
                        @csrf

                        <div class="form-group row">
                            <label for="id_produto" class="col-md-4 col-form-label text-md-right">Produto:</label>
                            <div class="col-md-6">
                                <select name="id_produto" id="id_produto" class="form-control  @if ($errors->has('id_produto')) is-invalid @endif">
                                    <option value="0">-- Selecione --</option>
                                    @foreach ($produtos as $item)
                                        <option value="{{ $item->id_produto }}">{{$item->codigo}}.{{ $item->nome }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-group row">
                            <label for="id_lote" class="col-md-4 col-form-label text-md-right">Lote:</label>
                            <div class="col-md-6">
                                <select name="id_lote" id="id_lote" class="form-control  @if ($errors->has('id_lote')) is-invalid @endif">
                                    <option value="0">-- Selecione --</option>
                                    @foreach ($lotes as $item)
                                        <option value="{{ $item->id_lote }}">{{ $item->lote }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-group row mb-0">
                            <div class="col-md-6 offset-md-4">
                                <button type="submit" class="btn btn-primary">
                                    {{ __('Consultar') }}
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('mov-lotes')
<script type="text/javascript">
    $(document).ready(function() {
        $('#id_produto').on('change',function(){
            let val = $('#id_produto').val();
            token = $('input[name="_token"]').val();
            $.ajax({
                url: '{{ route("lote.fetchLotes") }}',
                method: 'POST',
                data: { prod: val, _token: token },
                success: function (result) {
                    console.log(result);
                    $('#id_lote').html(result);
                },
                error: function (result) {
                    console.log(result);
                }

            }) 
        });
    });
</script>
@endsection