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

@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/cadastro/conta/list.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>Contas Registradas </h3>
                    </div>
                    <div class="text-right col-12 col-md-4">
                        <a href="{{route('cadastro.conta.cadastro')}}"  class="btn btn-primary" title="Novo Cadastro"><i class="fas fa-plus-circle"></i> Nova Conta</a>
                    </div>
                </div> 
            </div> --}}

            <div class="card-header cor-card-header text-white d-flex bg-primary-gradient" style="height: 50px; align-items: center">               
                <h2> Contas Registradas </h2>
                <div class="col text-right">                     
                    <button id="btnConta" type="button" class="btn btn-light btn-sm" aria-label="Left Align">
                        <i class="fas fa-plus-circle"></i> Nova Conta
                    </button>
                </div>
            </div> 


            <div class="card-body">
                <div class="row">
                    <div class="col-12 col-md-12 table-responsive">
                        <table id="tbContas" class="table table-hover text-left" style="width:100%">
                            <thead>
                                <tr>
                                    <th>Descrição</th>
                                    <th class="text-center">Grupo</th>
                                    <th class="text-center">Status</th>                             
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>                           
                                @foreach($listaContas as $lista)
                                    <tr> 
                                        <td id="{{$lista['id']}}_descricao" width="60%">{{$lista['descricao']}}</td>
                                        <td class="text-center" id="{{$lista['id']}}_grupo">{{$lista->Grupo['descricao']}}</td>
                                        <td class="text-center">
                                            <span status="{{$lista['status']}}"
                                                class="badge {{STATUS::GetBadge($lista['status'])}}">
                                                {{STATUS::GetTipo($lista['status'])}}
                                            </span>
                                        </td>
                                        <td class="text-center">
                                            {{-- <a href="{{route('cadastro.conta.editar',Util::Criptografa($lista['id']))}}">
                                                <span class="fas fa-edit btn btn-sm btn-info cursor-pointer text-white" title="Editar Conta"></span>
                                            </a> --}}
                                            <span name="delBtn" class="btn btn-xs btn-danger fas fa-trash-alt text-white cursor-pointer" data="{{$lista['id']}}" title="Deletar"></span>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <br/>
        </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" > Nova Conta  </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('cadastro.conta.salvar')}}" >
                    @csrf
            <div class="card-body">  
                        

                <div class="row mt-2" >
                    <div class="col-12 col-md-8">
                        <label class="form-label" for="descricao">Descrição*</label>
                        <input class="form-control" id="descricao" type="text" name="descricao" maxlength="50" required/>
                        <div class="invalid-feedback">
                            Por favor, escolha uma descrição para a Conta.
                        </div>
                    </div>

                    <div class="col-12 col-md-4">
                        <label for="grupo">Grupo*</label>
                        <select class="form-control" id="grupo" name="grupo" required>
                            <option value="">Selecione um Grupo</option>
                            @foreach($listaGrupos as $key=>$lista)
                                <option value="{{$key}}">{{$lista}}</option>
                            @endforeach
                        </select>
                        <div class="invalid-feedback">
                            Por favor, selecione um Grupo.
                        </div>
                    </div>
                    
                </div>  

                <input class="custom-control-input" id="status" type="hidden" name="status" value="true" />
    
    
                    <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>


    @include('partials._modal_delete',
    [
        'rota'=>'cadastro.conta.deletar',
        'titulo'=>'Confirma Exclusão',
        'mensagem_delete'=>'Tem certeza que deseja excluir a Conta'
    ])

@endsection