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

    <table class="table">
        <thead>
        <tr>
            <th width="10%">N.º CONTRATO</th>
            <th width="10%">SITUAÇÃO</th>
            <th width="50%">OBJETO</th>
            <th width="10%">VALOR TOTAL</th>
            <th width="10%">ASSINATURA</th>
            <th width="10%">VECIMENTO</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>{{$contrato->n_contrato}}</td>
            <td>{{$contrato->situacao == '1' ? 'Liberado':'Aguardando'}}</td>
            <td>{{$contrato->objeto}}</td>
            <td>R$ {{formatVlrReal($contrato->vlr_inicial)}}</td>
            <td>{{dataYMD_DMY($contrato->dt_assinatura)}}</td>
            <td><b>{{dataYMD_DMY($contrato->dt_vecimento)}}</b></td>
        </tr>
        </tbody>
    </table>

    <h3 class="page-header"><span class="glyphicon glyphicon-file" aria-hidden="true"></span>&nbsp;Adicionar Item/Produto</h3>
    <form name="FrmCreate" action="{{route('item_produto.store')}}" method="post">
        @csrf
        <div class="row">
            <div class="col-md-5">
                <label>Produto</label>
                <input type="text" class="form-control" id="produto-search" maxlength="10" required>
                <input type="hidden" class="form-control" name="produto_id" id="produto_id">
            </div>
            <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-1">
                <label>Quantidade</label>
                <input type="text" class="form-control" name="contrato_inicial" onkeypress="return digitos(event);" maxlength="12" required>
            </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" required>
                </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" readonly>
                </div>
            </div>
        </div>
        <hr>

        <div class="row">
            <div class="col-md-12">
                <input type="hidden" name="contrato_id" value="{{$contrato->id}}">
                <button type="submit" class="btn btn-warning"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Adicionar</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>

    <table class="table table-hover data-table">
        <thead>
        <tr>
            <th width="5%">#ID</th>
            <th width="5%">N.º LOTE</th>
            <th width="5%">N.º ITEN</th>
            <th width="52%">PRODUTO</th>
            <th width="9%">QTD. INICIAL</th>
            <th width="9%">QTD. SALDO</th>
            <th width="10%">VALOR TOTAL</th>
            <th width="5%">AÇÃO</th>
        </tr>
        </thead>
    </table>
@endsection
@push('script')
    <script type="text/javascript">
        $(document).ready(function () {
            let oTable = $('.data-table').DataTable({
                searching: false,
                lengthChange: false,
                iDisplayLength: 5,
                processing: true,
                serverSide: true,
                ordering: false,
                ajax: {
                    url: '{{ route('index_item_produto',$contrato->id) }}',
                    // data: function (d) {
                    //     d.codigo = $('input[name=codigo]').val();
                    //     d.contrato = $('input[name=n_contrato]').val();
                    //     d.licitacao = $('input[name=n_licitacao]').val();
                    //     d.fornecedor = $('input[name=fornecedor]').val();
                    //     d.situacao = $('select[name=situacao]').val();
                    // }
                },
                columns: [
                    {data: 'codigo', name: 'codigo'},
                    {data: 'lote', name: 'lote'},
                    {data: 'item', name: 'item'},
                    {data: 'produto', name: 'produto'},
                    {data: 'contrato_inicial', name: 'contrato_inicial'},
                    {data: 'contrato_saldo', name: 'contrato_saldo'},
                    {data: 'valor_total', name: 'valor_total'},
                    {data: 'acao', name: 'acao', orderable: false, searchable: false},
                ],
                language: {
                    "sEmptyTable": "Nenhum registro encontrado",
                    "sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros",
                    "sInfoEmpty": "Mostrando 0 até 0 de 0 registros",
                    "sInfoFiltered": "(Filtrados de _MAX_ registros)",
                    "sInfoPostFix": "",
                    "sInfoThousands": ".",
                    "sLengthMenu": "_MENU_ resultados por página",
                    "sLoadingRecords": "Carregando...",
                    "sProcessing": "Processando...",
                    "sZeroRecords": "Nenhum registro encontrado",
                    "sSearch": "Pesquisar",
                    "oPaginate": {
                        "sNext": "Próximo",
                        "sPrevious": "Anterior",
                        "sFirst": "Primeiro",
                        "sLast": "Último"
                    },
                    "oAria": {
                        "sSortAscending": ": Ordenar colunas de forma ascendente",
                        "sSortDescending": ": Ordenar colunas de forma descendente"
                    }
                }
            });

            $('#codigo, #n_contrato, #n_licitacao, #fornecedor').keyup(function () {
                oTable.draw();
            });
            $('#situacao').change(function () {
                oTable.draw();
            });

            $(document).on("click", '.deleteRecord', function () {
                let id = $(this).attr('data-id');
                let token = $("meta[name='csrf-token']").attr("content");

                if (window.confirm("Deseja excluir registro?")) {
                    $.ajax(
                        {
                            url: urlBase + '/almoxarifado/item_produto/' + id,
                            type: 'DELETE',
                            data: {
                                "id": id,
                                "_token": token,
                            },
                            success: function () {
                                $.blockUI({
                                    message: '<div class="alert alert-success alert-dismissible" role="alert"><strong><span class="glyphicon glyphicon-ok" aria-hidden="true"></span> Parabéns: </strong> registro excluído com sucesso (:',
                                    timeout: 1500,
                                    onOverlayClick: $.unblockUI
                                });
                                oTable.draw();
                            },
                            error: function (data) {
                                if (data.status === 405) {
                                    alert('Você não tem permissão para esta ação.')
                                }
                            }
                        });
                }
            });
        });

        $(function () {
            $('#valor_unitario, #valor_total').priceFormat({
                prefix: '',
                centsSeparator: ',',
                thousandsSeparator: '.',
                limit: 17,
                centsLimit: 2
            });
        })
    </script>
    <script src="{{url(mix('modulos/almoxarifado/search_js/search.js'))}}"></script>
    <script src="{{url(mix('modulos/almoxarifado/produto/js/create_item.js'))}}"></script>
@endpush