@extends('layouts.layout_pagina',
[
    'icone_titulo'=>'fas fa-file-invoice-dollar',
    'titulo'=>'Editar Conta a Pagar',
    'breadcrumb'=>['Financeiro','Conta a Pagar']
])

@section('css') @endsection

@section('scripts') 
    <script src="{{{ URL::asset('js/views/financeiro/contapagar/edit.js') }}}"></script>
@endsection

@section('pagina')

<div class="container-fluid">          
    <div class="card mt-2">
        <div class="card-header cor-card-header text-white bg-primary-gradient">
            <div class="row">
                <div class="col-12 col-md-8">
                    <h3>Adicionar Conta a Pagar </h3>
                </div>
                <div class="text-right col-12 col-md-4"> 
                    <a href="{{route('financeiro.conta_pagar')}}">
                        <span class="fas fa-arrow-left btn btn-warning cursor-pointer text-white" title="Voltar">Voltar</span>
                    </a>
                </div>
            </div>
        </div>
        <form class="needs-validation" method="POST" action="{{route('financeiro.conta_pagar.salvar')}}" novalidate>
            @csrf
            <input id="id" type="hidden" name="id"  value="{{isset($contaPagar) ? $contaPagar['id'] : ''}}"/>
            <input id="idConta" type="hidden" name="idConta" value="{{isset($contaPagar) ? $contaPagar['fk_conta'] : ''}}" data="{{isset($contaPagar) && !empty($contaPagar['fk_conta']) ? $contaPagar->Conta['descricao'] : ''}}"/>
            <div class="card-body">
                <div class="row">
                    <div class="col col-md-12 text-center"><b>DADOS GERAIS</b></div>
                </div>

                <div class="row mt-2" >                    
                    

                    <div class="col-12 col-md-3">
                        <label for="grupo">Grupo*</label>
                        <select class="form-control" id="grupo" name="grupo">
                            <option value="">Selecione um Grupo</option>
                            @foreach($listaGrupos as $key=>$lista)
                                <option value="{{$key}}" {{isset($contaPagar) && !empty($contaPagar['fk_conta']) && ($key === $contaPagar->Conta['fk_grupo']) ? 'selected' : ''}}>{{$lista}}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-12 col-md-3">
                        <label for="conta">Conta*</label>
                        <select class="form-control" id="conta" name="conta" required>
                            <option value="">Selecione uma Conta</option>
                        </select>
                    </div>

                    <div class="col-12 col-md-5">
                        <label class="form-label" for="descricao">Descrição*</label>
                        <input class="form-control" id="descricao" type="text" name="descricao" value="{{isset($contaPagar) ? $contaPagar['descricao'] : ''}}" maxlength="50" required/>
                        <div class="invalid-feedback">
                            Por favor, escolha uma descrição para a Conta a Pagar.
                        </div>
                    </div>
                   

                    <div class="col-12 col-md-1">
                        <div class="form-group">
                            <br/>
                            <div class="custom-control custom-checkbox">
                                <input class="custom-control-input" id="status" type="checkbox" name="status" value="true" {{isset($contaPagar) && $contaPagar['status'] == 1 ? 'checked' : ''}}/>
                                <label class="custom-control-label" for="status">Ativo</label>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row mt-2">

                    <div class="col-12 col-md-2">
                        <label class="form-label" for="valor">Valor*</label>
                        <input class="form-control mask_moeda" id="valor" type="text" name="valor" value="{{isset($contaPagar) ? $contaPagar['valor'] : ''}}" required/>
                        <div class="invalid-feedback">
                            Por favor, escolha um valor.
                        </div>
                    </div>

                    <div class="col-12 col-md-4">
                        <label for="formaPagamento">Forma de Pagamento*</label>
                        <select class="form-control" id="formaPagamento" name="formaPagamento" required>
                            <option value="">Selecione uma Forma de Pagamento</option>
                            @foreach($listaFormasPagamento as $key=>$lista)
                                <option value="{{$key}}" {{isset($contaPagar) && !empty($contaPagar['fk_forma_pagamento']) && ($key === $contaPagar->FormaPagamento['id']) ? 'selected' : ''}}>{{$lista}}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-12 col-md-2">
                        <label for="dtVencimento">Data Vencimento*</label>
                        <input class="form-control" id="dtVencimento" type="date" name="dtVencimento" value="{{isset($contaPagar) ? $contaPagar['dt_vencimento'] : ''}}" required/>
                        <div class="invalid-feedback">
                            Por favor, escolha uma data de vencimento.
                        </div>
                    </div>

                    <div class="col-md-3"></div>
                </div>
            </div>

            <div class="card-body">
                <div class="row">
                    <div class="col col-md-12 text-center"><b>DADOS NOTA FISCAL</b></div>
                </div>

                <div class="row mt-2">
                    <div class="col-12 col-md-3">
                        <label for="fornecedor">Fornecedor</label>
                        <select class="form-control" id="fornecedor" name="fornecedor">
                            <option value="">Selecione um Fornecedor</option>
                            @foreach($listaFornecedores as $key=>$lista)
                                <option value="{{$key}}" {{isset($contaPagar) && !empty($contaPagar['fk_fornecedor']) && ($key === $contaPagar->Fornecedor['id']) ? 'selected' : ''}}>{{$lista}}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-12 col-md-3">
                        <label class="form-label" for="notaFiscal">Nota Fiscal</label>
                        <input class="form-control" id="notaFiscal" type="text" name="notaFiscal" value="{{isset($contaPagar) ? $contaPagar['nota_fiscal'] : ''}}" maxlength="20"/>
                    </div>

                    <div class="col-12 col-md-3">
                        <label class="form-label" for="chave">Chave</label>
                        <input class="form-control" id="chave" type="text" name="chave" value="{{isset($contaPagar) ? $contaPagar['chave'] : ''}}" maxlength="20"/>
                    </div>

                    <div class="col-12 col-md-3">
                        <label class="form-label" for="numeroDocumento">Número Documento</label>
                        <input class="form-control" id="numeroDocumento" type="text" name="numeroDocumento" value="{{isset($contaPagar) ? $contaPagar['numero_documento'] : ''}}" maxlength="20"/>
                    </div>
                </div>

                <div class="row mt-4">
                    <div class="col-12 col-md-12 text-center">
                        <button class="btn btn-success" id="btnSalvar" type="submit">
                            <i class="fas fa-save"></i>  Salvar
                        </button>
                    </div>
                </div>
            </div>
        </form>
    </div>  
</div>
<script>
// Exemplo de JavaScript inicial para desativar envios de formulário, se houver campos inválidos.
(function() {
  'use strict';
  window.addEventListener('load', function() {
    // Pega todos os formulários que nós queremos aplicar estilos de validação Bootstrap personalizados.
    var forms = document.getElementsByClassName('needs-validation');
    // Faz um loop neles e evita o envio
    var validation = Array.prototype.filter.call(forms, function(form) {
      form.addEventListener('submit', function(event) {
        if (form.checkValidity() === false) {
          event.preventDefault();
          event.stopPropagation();
        }
        form.classList.add('was-validated');
      }, false);
    });
  }, false);
})();
</script>
@endsection