@extends('adminlte::page')

{{--@section('title', 'SISOP')--}}

@section('content_header')

@stop

@section('content')
    <div id="msgAquisicaoView">

    </div>

    <div class="box-header with-border" style="padding: 0; margin-bottom: 0;">
        <div class="row">
            <div class="col-md-12">
                <div class="box box-widget widget-user bg-yellow" style="margin-bottom: 0;">
                    <div class="widget-user-header bg-light-blue-active">
                        <h3 class="widget-user-username">Entregas</h3>
                        <h5 class="widget-user-desc">Cadastro e Edição de Entregas</h5>
                    </div>
                    <div class="widget-user-image" style="z-index: 1;">
                        <img class="img-circle bg-light-blue-active" src="{{ asset('img/entrega128.png') }}" alt="User Avatar">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="box no-border box-primary" style="padding-top: 30px;">
        <div class="box-header with-border">
            <fieldset  style="padding: 10px 10px 10px 10px; margin-top: 0;">
                <span id="spnTipoOperacaoInsercao" class="label label-success pull-left" style="display: none;">Inserção</span>
                <span id="spnTipoOperacaoEdicao" class="label label-warning pull-left" style="display: none;">Edição</span>
                <button id="btnSalvarEntrega" type="button" class="btn btn-app bg-light-blue-active pull-right" style="margin-bottom: 0;" onclick="entrega_view.salvarEntrega();">
                    <i class="fa fa-save"></i>
                    Salvar Entrega
                </button>
                <button id="btnNovaEntrega" type="button" class="btn btn-app bg-light-blue-active pull-right" style="margin-bottom: 0;" onclick="entrega_view.novaEntrega();">
                    <i class="fa fa-file"></i>
                    Nova Entrega
                </button>
            </fieldset>
        </div>
        <div class="box-body">
            <fieldset class="form-horizontal" style="padding: 10px 10px 10px 10px; margin-top: 0;">
                <legend class="txt-cinza"><b>DADOS DA ENTREGA</b></legend>
                <input type="hidden" name="AVALIACAO_ID" id="AVALIACAO_ID">
                <div class="form-group">
                    <label for="ENTREGA_ID" class="col-sm-3 control-label">Id</label>
                    <div class="col-sm-2">
                        <input type="text" id="ENTREGA_ID" name="ENTREGA_ID" value="{{ $entregaId }}" class="form-control" disabled="disabled">
                    </div>
                </div>

                <div class="form-group">
                    <label for="ENTREGA_DATA" class="col-sm-3 control-label">Data da Entrega</label>

                    <div class="col-sm-4">
                        <input type="date" id="ENTREGA_DATA" name="ENTREGA_DATA" class="form-control">
                    </div>
                </div>

                <div class="form-group">
                    <label for="ENTREGA_OBSERVACAO" class="col-sm-3 control-label">Observação</label>

                    <div class="col-sm-9">
                        <textarea id="ENTREGA_OBSERVACAO" name="ENTREGA_OBSERVACAO" class="form-control" rows="3"></textarea>
                    </div>
                </div>
            </fieldset>

            <fieldset id="fdsDadosDaSolicitacao" class="form-horizontal" style="padding: 0 10px 20px 10px; margin-top: 0;">
                <legend class="txt-cinza" style="padding: 3px 15px 3px 15px;"><b>DADOS DA SOLICITAÇÃO</b></legend>
                <div class="form-group">
                    <label for="SOLICITACAO_ID" class="col-sm-3 control-label">Número da Solicitação</label>
                    <div class="col-sm-4">
                        <div class="input-group">
                            <span class="input-group-btn">
                                <button title="Pesquisar solicitação" type="button" class="btn btn-primary btn-flat" onclick="mdSelecionarSolicitacao.chamarModal();">
                                    <i class="fa fa-search"></i>
                                </button>
                            </span>
                            <input type="text" id="SOLICITACAO_ID" name="SOLICITACAO_ID" class="form-control" disabled="disabled">
                        </div>
                    </div>

                    <label for="SOLICITACAO_DATA_entrega_view" class="col-sm-2 control-label">Data da Solicitação</label>
                    <div class="col-sm-3">
                        <input type="text" id="SOLICITACAO_DATA_entrega_view" name="SOLICITACAO_DATA_entrega_view" class="form-control" disabled="disabled">
                    </div>
                </div>

                <div class="form-group">
                    <label for="PESSOA_NOME_entrega_view" class="col-sm-3 control-label">Receptor</label>
                    <div class="col-sm-9">
                        <div class="input-group">
                            <span class="input-group-btn">
                                <button title="Selecionar pessoa" type="button" class="btn btn-primary btn-flat" onclick="mdSelecionarPessoa.chamarModal();">
                                    <i class="fa fa-search"></i>
                                </button>
                                <button title="Limpar seleção" type="button" class="btn btn-primary btn-flat" onclick="entrega_view.deselecionarPessoa();">
                                    <i class="fa fa-times"></i>
                                </button>
                            </span>
                            <input type="text" id="PESSOA_NOME_entrega_view" name="PESSOA_NOME_entrega_view" class="form-control" disabled="disabled">
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <label for="SOLICITACAO_MUNICIPIO_entrega_view" class="col-sm-3 control-label">Município</label>
                    <div class="col-sm-9">
                        <input type="text" id="SOLICITACAO_MUNICIPIO_entrega_view" name="SOLICITACAO_MUNICIPIO_entrega_view" class="form-control" disabled="disabled">
                    </div>
                </div>

                <div class="form-group">
                    <label for="SOLICITACAO_PACIENTE_entrega_view" class="col-sm-3 control-label">Paciente</label>
                    <div class="col-sm-9">
                        <input type="text" id="SOLICITACAO_PACIENTE_entrega_view" name="SOLICITACAO_PACIENTE_entrega_view" class="form-control" disabled="disabled">
                    </div>
                </div>

                <div class="form-group">
                    <label for="SOLICITACAO_OBSERVACAO_entrega_view" class="col-sm-3 control-label">Observação</label>
                    <div class="col-sm-9">
                        <textarea id="SOLICITACAO_OBSERVACAO_entrega_view" name="SOLICITACAO_OBSERVACAO_entrega_view" rows="3" class="form-control" readonly="readonly"></textarea>
                    </div>
                </div>
            </fieldset>

            <fieldset id="fdsPrescricoes" style="padding: 0 10px 20px 10px; margin-top: 0; display: none;">
                <legend class="txt-cinza" style="padding: 3px 15px 3px 15px;"><b>PRESCRIÇÕES</b></legend>

                <div id="tree"></div>

                <div class="col-xs-12 table-responsive" id="divTabelaAvaliacoes">

                </div>
            </fieldset>

            <fieldset id="fdsItemDeEntrega" style="padding: 0 10px 10px 10px; margin-top: 10px; display: none;">
                <legend class="txt-cinza"><b>ITEM DE ENTREGA</b></legend>

                <div class="col-xs-12">
                    <fieldset  style="padding: 0 10px 10px 10px; margin-top: 10px;">
                        <legend class="txt-cinza"><b>DISPOSITIVO</b></legend>
                        <div class="col-xs-12">
                            <label for="DISPOSITIVO_SELECIONADO">Dispositivo</label>
                            <div class="input-group">
                                <span class="input-group-btn">
                                    <button title="Remover selecionado" type="button" class="btn btn-primary btn-flat" onclick="entrega_view.deselecionarDispositivo()">
                                        <i class="fa fa-times"></i>
                                    </button>
                                </span>
                                <input type="text" id="DISPOSITIVO_SELECIONADO" name="DISPOSITIVO_SELECIONADO" class="form-control" disabled="disabled">
                            </div>
                        </div>


                        <div class="col-xs-2">
                            <label for="DISPOSITIVO_SALDO">Saldo Atual</label>
                            <input type="text" id="DISPOSITIVO_SALDO" name="DISPOSITIVO_SALDO" class="form-control" disabled="disabled">
                        </div>
                        <div class="col-xs-2">
                            <label for="DISPOSITIVO_QTD_SOLICITADA">Qtd. Solicitada</label>
                            <input type="text" id="DISPOSITIVO_QTD_SOLICITADA" name="DISPOSITIVO_QTD_SOLICITADA" class="form-control" disabled="disabled">
                        </div>
                        <div class="col-xs-2">
                            <label for="DISPOSITIVO_PRECO_MEDIO">Preço Médio*</label>
                            <input type="text" id="DISPOSITIVO_PRECO_MEDIO" name="DISPOSITIVO_PRECO_MEDIO" class="form-control">
                        </div>
                        <div class="col-xs-2">
                            <label for="DISPOSITIVO_QTD_FORNECIDA">Qtd. Fornecida</label>
                            <input type="text" id="DISPOSITIVO_QTD_FORNECIDA" name="DISPOSITIVO_QTD_FORNECIDA" class="form-control">
                        </div>
                        <div class="col-xs-2">
                            <label for="DISPOSITIVO_TOTAL_FORNECIDO">Total Fornecido</label>
                            <input type="text" id="DISPOSITIVO_TOTAL_FORNECIDO" name="DISPOSITIVO_TOTAL_FORNECIDO" class="form-control" disabled="disabled">
                        </div>
                    </fieldset>
                </div>

                <div class="col-xs-12">
                    <fieldset  style="padding: 10px 10px 10px 10px; margin-top: 10px;">
                        * Preço médio por unidade, calculado de acordo com os as últimas 5 aquisições do item selecionado
                    </fieldset>
                </div>

                <div class="col-xs-12">
                    <fieldset  style="padding: 0 10px 20px 10px; margin-top: 10px;">
                        <legend class="txt-cinza"><b>LOTE</b></legend>

                        <div class="col-xs-3">
                            <label for="LOTE_ID_entrega_view">Id</label>
                            <div class="input-group">
                                <span class="input-group-btn">
                                    <button type="button" class="btn btn-primary" onclick="mdSelecionarLote.chamarModal();">
                                        <i class="fa fa-search"></i>
                                    </button>
                                </span>
                                <input type="text" id="LOTE_ID_entrega_view" name="LOTE_ID_entrega_view" class="form-control" disabled="disabled">
                            </div>
                        </div>
                        <div class="col-xs-3">
                            <label for="NUMERO_LOTE_SELECIONADO_entrega_view">Número</label>
                            <input type="text" id="NUMERO_LOTE_SELECIONADO_entrega_view" name="NUMERO_LOTE_SELECIONADO_entrega_view" class="form-control" disabled="disabled">
                        </div>
                        <div class="col-xs-3">
                            <label for="LOTE_DT_FABRICACAO_entrega_view">Data de Fabricação</label>
                            <input type="text" id="LOTE_DT_FABRICACAO_entrega_view" name="LOTE_DT_FABRICACAO_entrega_view" class="form-control" disabled="disabled">
                        </div>
                        <div class="col-xs-3">
                            <label for="LOTE_DT_VENCIMENTO_entrega_view">Data de Vencimento</label>
                            <input type="text" id="LOTE_DT_VENCIMENTO_entrega_view" name="LOTE_DT_VENCIMENTO_entrega_view" class="form-control" disabled="disabled">
                        </div>

                        <div class="col-xs-12">
                            <label for="FABRICANTE_SELECIONADO_entrega_view">Fabricante</label>
                            <input type="text" id="FABRICANTE_SELECIONADO_entrega_view" name="FABRICANTE_SELECIONADO_entrega_view" class="form-control" disabled="disabled">
                        </div>
                    </fieldset>
                </div>

                <div class="col-xs-12" style="margin-top: 10px; text-align: right;">
                    <button type="button" class="btn btn-primary btn-flat" onclick="entrega_view.salvarItemEntrega();">
                        <i class="fa fa-plus"></i>
                        Adicionar entrega
                    </button>
                </div>

                <div class="col-xs-12 table-responsive" id="divTabelaEntregas">

                </div>
            </fieldset>
        </div>
        <div class="box-footer">

        </div>
    </div>

    <script src="{{ asset('js/entrega/entrega_view.js') }}?v={{ Config::get('versao') }}" defer></script>

    @include('solicitacao.mdSelecionarSolicitacao.mdSelecionarSolicitacao')
    @include('entrega.mdSelecionarItemEntrega')
    @include('pessoa.mdSelecionarPessoa')
    @include('lote.mdSelecionarLote')
@stop