@extends('layouts.almoxarifado.painel')
@section('content')
    <style>
        .ui-autocomplete-loading {
            background: white url({{url('imagens/gif/ajax-loader.gif')}}) right center no-repeat;
        }
    </style>

    <h3 class="page-header"><span class="glyphicon glyphicon-file" aria-hidden="true"></span>&nbsp;Item/Produto<small>&nbsp;(Incluir Novo Registro)</small></h3>
    <form name="FrmCreate" action="{{route('item_produto.store')}}" method="post">
        @csrf
        <div class="row">
            <div class="col-md-6">
                <label>Contrato</label>
                <select class="form-control" name="contrato_id" required>
                    <option selected="selected" value="">Selecione o Contrato</option>
                    @foreach($contrato as $c)
                        <option value="{{$c->id}}">{{$c->n_contrato}}|{{$c->descricao}}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <hr>

        <div class="row">
            <div class="col-md-1">
                <label>N.º Lote</label>
                <input type="text" class="form-control" name="lote" maxlength="10">
            </div>
            <div class="col-md-1">
                <label>N.º Item</label>
                <input type="text" class="form-control" name="item" onkeypress="return digitos(event);" maxlength="10">
            </div>
            <div class="col-md-5">
                <label>Descrição</label>
                <textarea class="form-control" name="descricao" cols="30" rows="3"></textarea>
            </div>
            <div class="col-md-1">
                <label>Quantidade</label>
                <input type="text" class="form-control" name="estoque_inicial" onkeypress="return digitos(event);" maxlength="12">
            </div>
            <div class="col-md-2">
                <label>Valor Unitário</label>
                <div class="input-group">
                    <span class="input-group-addon">R$</span>
                    <input type="text" name="valor_unitario" id="valor_unitario" value="0,00" class="form-control" maxlength="15">
                </div>
            </div>
            <div class="col-md-2">
                <label>Valor Total</label>
                <div class="input-group">
                    <span class="input-group-addon">R$</span>
                    <input type="text" name="valor_total" id="valor_total" value="0,00" class="form-control" maxlength="15">
                </div>
            </div>
        </div>
        <hr>

        <div class="row">
            <div class="col-md-12">
                <button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span> Salvar</button>
                <button type="button" class="btn btn-default" onclick="javascript:history.back();"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span> Voltar</button>
            </div>
        </div>
        <hr>
    </form>
@endsection
@push('script')
    <script>
        $(function () {
            $('#valor_unitario, #valor_total').priceFormat({
                prefix: '',
                centsSeparator: ',',
                thousandsSeparator: '.',
                limit: 17,
                centsLimit: 2
            });
        })
    </script>
    <script src="{{url(mix('modulos/almoxarifado/produto/js/create.js'))}}"></script>
@endpush