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

@section('css')
    <link rel="stylesheet" href="{{{ URL::asset('js/DataTables/datatables.min.css') }}}" />
@endsection

@section('scripts')
    <script src="{{{ URL::asset('js/DataTables/datatables.min.js') }}}"></script>
    <script src="{{{ URL::asset('js/views/financeiro/contapagar/list.js') }}}"></script>

    
@endsection

@section('pagina')
    
    <div class="container-fluid">  

        <div class="card mt-2">
            <div class="card-header cor-card-header text-white d-flex bg-primary-gradient" style="height: 50px; align-items: center">               
                <h2> Registros do Contas a Pagar </h2>
                <div class="col text-right">                     
                    <button id="btnAdd" type="button" class="btn btn-light btn-sm" aria-label="Left Align">
                        <i class="fas fa-plus-circle"></i> Novo Registro
                    </button>
                </div>
            </div>            

            <div class="card-body">
                <form method="GET" action="{{route('financeiro.conta_pagar.pesquisar')}}">
                    <div class="row" >
                        <div class="col-12 col-md-2">
                            <label class="col-form-label text-md-left">Início</label>
                            <br/>
                            <input class="form-control" type="date" name="dataInicio" required/>
                        </div>
                        <div class="col-12 col-md-2">
                            <label class="col-form-label text-md-left">Termino</label>
                            <br/>
                            <input class="form-control" type="date" name="dataFinal" required/>
                        </div>
                        <div class="col-12 col-md-3">
                            <label class="col-form-label">Fornecedor</label>
                            <br/>
                            <select class="form-control" name="fornecedorPesquisa">
                                <option value="">Todos...</option>
                                @foreach($listaFornecedores as $key=>$lista)
                                    <option value="{{$key}}">{{$lista}}</option>
                                @endforeach
                            </select>
                        </div>                   
                        <div class="col-12 col-md-3">
                            <label class="col-form-label">Conta</label>
                            <br/>
                            <select class="form-control" name="contaPesquisa">
                                <option value="">Todos...</option>
                                @foreach($listaContas as $key=>$lista)
                                    <option value="{{$key}}">{{$lista}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-12 col-md-2 text-center">
                            <label for="btnPesquisa" class="col-form-label">&nbsp;</label>
                            <br/>
                            <button id="btnPesquisa" type="submit" class="btn btn-success"><i class="fas fa-search"></i> Pesquisar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
            
        <div class="card mt-2">    
            <div class="card-body">
                <div class="row" style="width: 100%">
                    <div  class="col panel panel-primary table-responsive">
                        <table id="tbContasPagar" class="table table-hover text-left" >
                                <thead>
                                    <tr>                                       
                                        <th class="text-center"></th>                                       
                                        <th class="text-center">Situação</th>
                                        <th class="text-center">Fornecedor</th>                                        
                                        <th class="text-center">Descrição</th>                                
                                        <th class="text-center">Conta</th>                                                                              
                                        <th class="text-center">Vencimento</th>                                        
                                        <th class="text-center">Forma Pagamento</th>                                       
                                        <th class="text-center">Valor</th>
                                        <th class="text-center">NF</th>
                                        <th class="text-center">Emissão</th>                                       
                                        <th class="text-center">Data Pag.</th> 
                                        
                                        
                                    </tr>
                                </thead>
                                <tbody>
                                    @php 
                                        $totalpago = 0; 
                                        $hoje = date('Y-m-d');                                       
                                    @endphp
                                    @foreach($listaContasPagar as $lista)
                                        <tr>
                                            <td  class="text-center" width="20%">                                                                                             
                                                <span name="editBtn" class="btn btn-xs btn-warning fas fa-edit text-white cursor-pointer" data="{{$lista['id']}}" title="Editar"></span>                                                
                                            </td>                                            
                                            @if($lista->getSituacao()=='Registrado')
                                                @if($lista['dt_vencimento'] < $hoje)
                                                    <td class="text-center" id="{{$lista['id']}}_situacao"><span class="badge-pill badge-danger">Atrasado</span></td>
                                                @else 
                                                    <td class="text-center" id="{{$lista['id']}}_situacao"><span class="badge-pill badge-warning">{{$lista['situacao']}}</span></td>
                                                @endif                                                
                                            @else
                                                <td id="{{$lista->getId()}}_situa" data="{{$lista['situacao']}}"><span class="badge-pill badge-success">{{$lista->getSituacao()}}</span></td>
                                            @endif
                                            <td id="{{$lista['id']}}_fornec" data="{{$lista['fk_fornecedor']}}">{{$lista->Fornecedor['fantasia']}}</td>
                                            <td id="{{$lista['id']}}_descricao" data="{{$lista['descricao']}}">{{$lista['descricao']}}</td>
                                            <td class="text-center" id="{{$lista['id']}}_conta" data="{{$lista['fk_conta']}}">{{$lista->Conta['descricao']}}</td> 
                                            
                                            <td class="text-center" id="{{$lista['id']}}_vencimento" data="{{$lista['dt_vencimento']}}">{{date('d/m/Y', strtotime($lista['dt_vencimento']))}}</td>
                                            
                                            <td class="text-center" id="{{$lista['id']}}_forma_pagamento" data="{{$lista['fk_forma_pagamento']}}">{{$lista->FormaPagamento['descricao']}}</td>
                                            <td class="text-center mask_moeda" id="{{$lista['id']}}_valor" data="{{$lista['valor']}}">{{$lista['valor']}}</td>
                                            <td class="text-center" id="{{$lista['nota_fiscal']}}_nf">{{$lista['nota_fiscal']}}</td>
                                            <td class="text-center" id="{{$lista['id']}}_dtregistro" data="{{$lista['dt_registro']}}">{{date('d/m/Y', strtotime($lista['dt_registro']))}}</td>
                                            <td class="text-center" id="{{$lista['id']}}_dtpag" data="{{$lista['dt_pagamento']}}">{{($lista['dt_pagamento'] == Null ? '------------' : date('d/m/Y', strtotime($lista['dt_pagamento'])))}}</td>
                                            <input type="hidden" id="{{$lista['id']}}_id" data="{{$lista['id']}}">

                                        </tr>

                                        @php 
                                            if($lista->getSituacao()=='Finalizado'){
                                                $totalpago = $totalpago + $lista['valor'];   
                                            }                                                   
                                                                                 
                                        @endphp     
                                    @endforeach
                                    
                                </tbody>
                        </table>
                    </div>
                  </div>
            </div>
        </div>
        <div class="card mt-2">
            <div class="card-header cor-card-header text-white d-flex bg-primary-gradient" style="height: 50px; align-items: center"> 
                <h3> Totalização </h3>
            </div>
            <div class="card-body">
                <div class="row" >

                    <div class="col-sm-6 col-md-4">
                        <div class="card card-stats card-round">
                            <div class="card-body ">
                                <div class="row">
                                    <div class="col-5">
                                        <div class="icon-big text-center">
                                            <i class="flaticon-coins text-success"></i>
                                        </div>
                                    </div>
                                    <div class="col-7 col-stats">
                                        <div class="numbers">
                                            <p class="card-category"> Total Pago:</p>
                                            <h4 class="card-title">R$ {{number_format($totalpago,2,',','.')}}</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-6 col-md-4">
                        <div class="card card-stats card-round">
                            <div class="card-body ">
                                <div class="row">
                                    <div class="col-5">
                                        <div class="icon-big text-center">
                                            <i class="flaticon-coins text-primary"></i>
                                        </div>
                                    </div>
                                    <div class="col-7 col-stats">
                                        <div class="numbers">
                                            <p class="card-category"> Total em Aberto:</p>
                                            <h4 class="card-title">R$ {{number_format($aberto,2,',','.')}}</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-6 col-md-4">
                        <div class="card card-stats card-round">
                            <div class="card-body ">
                                <div class="row">
                                    <div class="col-5">
                                        <div class="icon-big text-center">
                                            <i class="flaticon-coins text-danger"></i>
                                        </div>
                                    </div>
                                    <div class="col-7 col-stats">
                                        <div class="numbers">
                                            <p class="card-category"> Total em Atraso:</p>
                                            <h4 class="card-title">R$ {{number_format($atraso,2,',','.')}}</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    
                </div>



            </div>


            
        </div>
    </div>


 
 <!-- Modal adição-->
 <div class="modal fade" id="addconta" tabindex="-1" role="dialog" aria-labelledby="addconta" aria-hidden="true">
	<div class="modal-dialog modal-lg" role="document">

		<div class="modal-content">
			<div class="modal-header card-header cor-card-header text-white d-flex justify-content-between bg-primary-gradient">
				<h5 class="modal-title" > Adicionar Conta a Pagar </h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>

            <form  method="POST" action="{{route('financeiro.conta_pagar.salvar')}}" >
                    @csrf
            <div class="card-body">                               
                       
                   
    
                <div class="row mt-3"> 
                      
    
                        <div class="col-12 col-md-5">
                            <label for="conta">Conta*</label>
                            <select class="form-control" name="acontaPesquisa">
                                    <option value="">Todos...</option>
                                    @foreach($listaContas as $key=>$lista)
                                        <option value="{{$key}}">{{$lista}}</option>
                                    @endforeach
                                </select>
                        </div>
    
                        <div class="col-12 col-md-7">
                            <label class="form-label" for="descricao">Descrição*</label>
                            <input class="form-control" id="adescricao" type="text" name="adescricao" 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>
    
                    <div class="row mt-3"> 
    
                        <div class="col-12 col-md-3">
                            <label class="form-label" for="valor">Valor*</label>
                            <input class="form-control mask_moeda" id="avalor" type="text" name="avalor" value="{{isset($contaPagar) ? $contaPagar['valor'] : ''}}" required/>
                            <div class="invalid-feedback">
                                Por favor, escolha um valor.
                            </div>
                        </div>
    
                        <div class="col-12 col-md-3">
                            <label for="formaPagamento">Forma de Pagamento*</label>
                            <select class="form-control" id="aformaPagamento" name="aformaPagamento" required>
                                <option value="">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-3">
                            <label for="dtVencimento">Data Emissão*</label>
                            <input class="form-control" id="adtemissao" type="date" name="adtemissao"  required/>
                            <div class="invalid-feedback">
                                Por favor, escolha uma data de vencimento.
                            </div>
                        </div>
    
                        <div class="col-12 col-md-3">
                            <label for="dtVencimento">Data Vencimento*</label>
                            <input class="form-control" id="adtVencimento" type="date" name="adtVencimento" value="{{isset($contaPagar) ? $contaPagar['dt_vencimento'] : ''}}" required/>
                            <div class="invalid-feedback">
                                Por favor, escolha uma data de vencimento.
                            </div>
                        </div>
                        
                    </div>
                 
               
                   
    
                    <div class="row mt-3"> 
                        <div class="col-12 col-md-6">
                            <label for="fornecedor">Fornecedor</label>
                            <select class="form-control" id="afornecedor" name="afornecedor" required>
                                <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="anotaFiscal" type="text" name="anotaFiscal" value="{{isset($contaPagar) ? $contaPagar['nota_fiscal'] : ''}}" 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="anumeroDocumento" type="text" name="anumeroDocumento" value="{{isset($contaPagar) ? $contaPagar['numero_documento'] : ''}}" maxlength="20"/>
                        </div>
                    </div>
    
                    <div class="row mt-3"> 
    
                        <div class="col-12 col-md-8">
                            <label class="form-label" for="chave">Chave</label>
                            <input class="form-control" id="achave" type="text" name="achave" value="{{isset($contaPagar) ? $contaPagar['chave'] : ''}}" maxlength="50"/>
                        </div>
    
                        <div class="col-12 col-md-4">
                            <label for="fornecedor">Situação</label>
                            <select class="form-control" id="asituacao" name="asituacao">
                                <option>Registrado </option>
                                <option>Finalizado </option>
                                
                            </select>
                        </div>
    
                    </div>
    
    
                    <div class="row mt-3"> 
                        <div class="col-12 col-md-12 text-right">
                            <button class="btn btn-success" id="btnSalvar" type="submit">
                                <i class="fas fa-save"></i>  Confirmar
                            </button>
                            <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-window-close"></i> Cancelar</button> 
                        </div>
                    </div> 


            </div>

            </form>

		</div>
	</div>
</div>



    
 <!-- Modal edição-->
 <div class="modal fade" id="editconta" tabindex="-1" role="dialog" aria-labelledby="editconta" aria-hidden="true">
	<div class="modal-dialog modal-lg" role="document">

		<div class="modal-content">
			<div class="modal-header card-header cor-card-header text-white d-flex justify-content-between bg-primary-gradient">
				<h5 class="modal-title" > Baixar Pagamento </h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>

            <form  method="POST" action="{{route('financeiro.conta_pagar.atualizar')}}" >
                    @csrf
            <div class="card-body">           

                
               
                <div class="row mt-3">                    
                  

                    <div class="col-12 col-md-5">
                        <label for="conta">Conta*</label>
                        <select class="form-control" id="contaPesquisa" name="contaPesquisa" disabled>
                                <option value="">Todos...</option>
                                @foreach($listaContas as $key=>$lista)
                                    <option value="{{$key}}">{{$lista}}</option>
                                @endforeach
                            </select>
                    </div>

                    <div class="col-12 col-md-7">
                        <label class="form-label" for="descricao">Descrição*</label>
                        <input class="form-control" id="descricao" type="text" disabled 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>

                <div class="row mt-3"> 
                    
                    <div class="col-12 col-md-4">
                        <label class="form-label" for="valor">Valor*</label>
                        <input class="form-control mask_moeda" id="valor" type="text" name="valor" disabled/>
                        <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="1">DINHEIRO</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-4">
                        <label for="fornecedor">Situação</label>
                        <select class="form-control" id="situacao" name="situacao">
                            <option>Registrado </option>
                            <option>Finalizado </option>
                            <option>Cancelado </option>
                            
                        </select>
                    </div>
                    
                </div>   
                
                <input type="hidden" name="id" id="id" >
                

                <div class="row mt-3">                    

                    <div class="col-12 col-md-12 text-right">
                       
                        <button class="btn btn-success" id="btnSalvar" type="submit">
                            <i class="fas fa-save"></i>  Atualizar 
                        </button>
                        <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-window-close"></i> Cancelar</button> 
                    </div>
                </div>
            </div>

            </form>

		</div>
	</div>
</div>



@endsection