@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">Cadastrar Movimento</div>

                <div class="card-body">
                    <form method="POST" id="frmMov" action="{{ route('movimento.store') }}">
                        @csrf

                        <div class="form-group row">
                            <label for="tipo" class="col-md-4 col-form-label text-md-right">Tipo</label>
                            <div class="col-md-6">
                                <fieldset>
                                    @if (Auth::user()->nivel == 1)
                                        <input type="radio" name="tipo" class="rdTipo" value="1">Entrada<br>
                                    @endif
                                    <input type="radio" name="tipo" class="rdTipo" value="2">Devolução<br>
                                    <input type="radio" name="tipo" class="rdTipo" value="3">Repasse<br>
                                    <input type="radio" name="tipo" class="rdTipo" value="4">Consumo<br>
                                    <input type="radio" name="tipo" class="rdTipo" value="5">Transferência
                                    @if (Auth::user()->nivel == 1)
                                        <br><input type="radio" name="tipo" class="rdTipo" value="9">Descarte
                                    @endif
                                </fieldset>
                                @error('tipo')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        
                        <div class="form-group row">
                            <label for="id_lote" class="col-md-4 col-form-label text-md-right">Produto:</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 ($produtos as $item)
                                <option value="{{ $item->id_lote }}">{{ $item->produto->nome }} - {{ $item->lote }}</option>
                                    @endforeach
                                </select>
                                @error('id_lote')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group row">
                            <label for="or_dest" class="col-md-4 col-form-label text-md-right">Local:</label>
                            <div class="col-md-6">
                                <select name="or_dest" id="or_dest" class="form-control  @if ($errors->has('or_dest')) is-invalid @endif">
                                    <option value="0">-- Selecione --</option>
                                    @foreach ($locais as $item)
                                        <option value="{{ $item->id_municipio }}">{{ $item->nome }}</option>
                                    @endforeach
                                </select>
                                @error('or_dest')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group row">
                            <label for="dt_movimento" class="col-md-4 col-form-label text-md-right">Data</label>

                            <div class="col-md-6">
                                <input id="dt_movimento" type="date" class="form-control @error('dt_movimento') is-invalid @enderror" name="dt_movimento" value="{{ old('dt_movimento') }}" required autocomplete="dt_movimento">

                                @error('dt_movimento')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group row">
                            <label for="quantidade" class="col-md-4 col-form-label text-md-right">Quantidade</label>

                            <div class="col-md-6">
                                <input id="quantidade" type="text" class="form-control @error('quantidade') is-invalid @enderror" name="quantidade" value="{{ old('quantidade') }}" required autocomplete="quantidade">

                                @error('quantidade')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>


                        <div class="form-group row mb-0">
                            <input type="hidden" name="id_users" value="{{ Auth::user()->id_users }}">
                            <input type="hidden" name="id_unidade" id="id_unidade" value="{{ Auth::user()->id_unidade }}">
                            <input type="hidden" name="master" id="master" value="0">
                            <div class="col-md-6 offset-md-4">
                                <button type="submit" class="btn btn-primary">
                                    {{ __('Salvar') }}
                                </button>
                            </div>
                        </div>
                        
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('mov-local')
<script type="text/javascript">
      $(document).ready(function() {
        $('.rdTipo').on('click',function(){
            let val = $('input[type=radio][name = "tipo"]:checked').val();
            if (val == 1){
                $('#id_unidade').val(999);
                loadUnid(val);  
            } else if (val == 9){
                loadUnid(val);               
            } else if (val == 5 ){
                loadUnid(2);               
            } else {
                loadMun();
            }     
        });

        $('#frmMov').submit(function() {
            let str = $('#quantidade').val();
            let qt = str.replace(',', '.').replace(/[^\d.-]/g, '');
            $('#quantidade').val(qt);
            return true; // return false to cancel form action
        });
        
    });

    function loadMun(){
        token = $('input[name="_token"]').val();
        $.ajax({
                url: '{{ route("municipio.fetchMun") }}',
                method: 'POST',
                data: { _token: token },
                success: function (result) {
                    console.log(result);
                    $('#or_dest').html(result);
                },
                error: function (result) {
                    console.log(result);
                }

        })
    }

    function loadUnid(tipo){
            token = $('input[name="_token"]').val();
            $.ajax({
                url: '{{ route("unidade.fetchLocal") }}',
                method: 'POST',
                data: { tipo: tipo, _token: token },
                success: function (result) {
                    console.log(result);
                    $('#or_dest').html(result);
                },
                error: function (result) {
                    console.log(result);
                }

            })
    }
</script>
@endsection