application/x-httpd-php index.blade.php ( exported SGML document text )
<!-- Layouts.app contém o sidebar -->
<!-- Aprendendo a pegar os dados do Inner Join -->
@extends('../layouts.app')
<link rel="stylesheet" href="{{ asset('argon') }}/vendor/datatables.net-bs4/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" href="{{ asset('argon') }}/vendor/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css">
<link rel="stylesheet" href="{{ asset('argon') }}/vendor/datatables.net-select-bs4/css/select.bootstrap4.min.css">
<link rel="stylesheet" href="{{ asset('argon') }}/vendor/sweetalert2/dist/sweetalert2.min.css">
<link rel="stylesheet" href="{{ asset('argon') }}/vendor/select2/dist/css/select2.min.css">
<link rel="stylesheet" href="css/preloader.css">

<div id="preloaders" class="preloader"></div>
<style type="text/css">
	.modal-xl {
		max-width: 96% !important;
	}

	div#modal-atualizar-parcelas .modal-dialog,
	div#modal-atualizar-parcelas .modal-content {
		height: 96%;
	}

	div#modal-atualizar-parcelas .modal-body {
		overflow-y: scroll;
	}
</style>

@section('content')
@include('../layouts.headers.cards_prod')
<!-- A consulta desta tabela deve envolver INNER JOIN por causa dos nomes da família, nome do grupo e subgrupo, todos vindos das respectivas chaves estrangeiras -->

@can('visualizar-contas-a-receber')
<div class="container-fluid mt--5">
	<div class="row">
		<div class="col-xl-12 order-xl-1">
			<div class="card bg-secondary shadow">
				<div class="card-header bg-white border-0">
					<div class="row align-items-center">
						<div class="col-8">
							<h3 class="mb-0">{{ __('Lista de contas à receber') }}</h3>
						</div>
						@can('adicionar-contas-a-receber')
						<div class="col-4 text-right">
							<a href="{{ route('contas_receber.adicionar') }}" class="btn btn-sm btn-primary">{{ __('Adicionar contas à receber') }}</a>
						</div>
						@endcan
					</div>
				</div>
				<div class="card-body">
					<div class="table-responsive py-4">
						<table class="table table-flush table-bordered table-dark">
							<thead class="thead-dark">
								<tr class="text-center">
									<th>Código</th>
									<th>Data da compra</th>
									<th>Cliente</th>
									<th>Valor</th>									
									<th>Pagamento</th>
									<th>Ações</th>
								</tr>
							</thead>
							<tbody>
								@foreach($contas_receber as $cp)
								<tr class="text-center">
									<td class="align-middle">{{$cp->id}}</td>
									<td class="align-middle">{{date('d - m - Y', strtotime($cp->emitido_receber))}}</td>
									<td class="align-middle">{{Str::limit($cp->razao_cliente, 20)}}</td>
									<td class="align-middle">R$ {{ number_format($cp->valor_receber, 2, ',', '.') }}</td>									
									<td class="align-middle">{{$cp->nome_tipo_pagamento}}</td>
									<td class="align-middle">
										@can('editar-contas-a-pagar')
										@if($cp->forma_parcelamento_contas_receber == '1')
										<button type="button" class="btn btn-info" data-toggle="modal" data-target="#pagar-editarModal{{$cp->id}}"><i class="fas fa-search"></i> Pesquisar</button>
										@else
										<button type="button" class="btn btn-info btn_atualizar_parcelas" data-toggle="modal" data-target="#modal-atualizar-parcelas" value="{{$cp->id}}"><i class="fas fa-search"></i> Pesquisar</button>
										@endif
										@endcan										
									</td>
								</tr>
								<!-- Button trigger modal -->
								<div class="modal fade" id="pagar-editarModal{{$cp->id}}" tabindex="-1" role="dialog" aria-labelledby="pagar-editarModal{{$cp->id}}" aria-hidden="true">
									<div class="modal-dialog modal-dialog-centered modal-xl" role="document">
										<div class="modal-content">
											<div class="modal-header">
												<h5 class="modal-title">
													<strong id="text-warning">Contas a receber: {{$cp->descricao_receber}}</strong>
												</h5>
												<button type="button" class="close" data-dismiss="modal" aria-label="Close">
													<span aria-hidden="true">&times;</span>
												</button>
											</div>
											<div class="modal-body pb-0" style="background-color:#f7fafc">
												<form class="atualizar_contas_receber" method="post" action="{{route('contas_receber.atualizar',$cp->id)}}">
													<!-- Passando o Token -->
													{{csrf_field()}}
													<input type="hidden" name="forma_parcelamento_contas_receber" value="{{$cp->forma_parcelamento_contas_receber}}">
													<div class="form-row">
														<div class="col-md-6 col-lg-6 col-sm-12">
															<div class="form-group">
																<label class="form-control-label" for="input-name">Tipo de Conta</label>
																<select class="form-control form-control-alternative" name="tag_receber" placeholder="Tipo de Conta" readonly>
																	<option value="Venda">Venda</option>
																	<option value="Serviço">Serviço</option>
																</select>
															</div>
														</div>
														<div class="col-md-6 col-lg-6 col-sm-12">
															<div class="form-group">
																<label class="form-control-label" for="input-name">Forma de pagamento</label>
																<select class="form-control form-control-alternative" placeholder="Tipo de Conta" readonly>
																	<option value="{{$cp->id}}">{{$cp->nome_tipo_pagamento}}</option>
																</select>
															</div>
														</div>
													</div>
													<div class="form-row">
														<div class="col-md-6 col-lg-6 col-sm-12">
															<div class="form-group">
																<label class="form-control-label">Cliente</label>
																<select class="form-control form-control-alternative" readonly>
																	<option value="{{$cp->id}}">
																		{{$cp->razao_cliente}}
																	</option>
																</select>
															</div>
														</div>
														<div class="col-md-6 col-lg-6 col-sm-12">
															<div class="form-group">
																<label class="form-control-label" for="input-name">Descrição</label>
																<input type="text" class="form-control form-control-alternative" value="{{$cp->descricao_receber}}" placeholder="Descrição" readonly>
															</div>
														</div>
													</div>
													<div class="form-row">
														<div class="col-md-6 col-lg-6 col-sm-6">
															<div class="form-group">
																<label class="form-control-label" for="input-name">Emitido</label>
																<input type="date" class="form-control form-control-alternative emitido_atualizar" value="{{$cp->emitido_receber}}" readonly>
															</div>
														</div>
														<div class="col-md-6 col-lg-6 col-sm-6" id="quase">
															<div class="form-group">
																<label class="form-control-label" for="input-name">Vencimento - {{$cp->vencimento_receber}}</label>
																<input type="date" class="form-control form-control-alternative data_vencimento_atualizar" value="{{$cp->vencimento_receber}}" name="vencimento_receber" min="{{$cp->vencimento_receber}}" readonly>
																<small class="text-danger font-weight-bold texto-alerta-atualizar">* Preenchimento obrigatório</small>
																<small class="text-danger font-weight-bold texto-data-errada">* Data de vencimento menor que data emitda</small>
															</div>
														</div>
													</div>
													<div class="form-row">
														<div class="col-md-12 col-lg-4 col-sm-12">
															<div class="form-group">
																<label class="form-control-label" for="input-name">Valor - <span class="text-warning">{{$cp->valor_receber}}</span></label>
																<input type="number" class="form-control form-control-alternative valor_receber" value="{{$cp->valor_receber}}" name="valor_receber" min="{{$cp->valor_receber - 1.00}}" max="{{$cp->valor_receber + 1.00}}" step="0.01">
																<input type="hidden" name="valor_hidden" class="valor_hidden" value="{{$cp->valor_receber}}">
															</div>
														</div>
														<div class="col-md-12 col-lg-4 col-sm-12">
															<div class="form-group">
																<label class="form-control-label" for="input-name">Situação atual - <span class="text-warning">{{$cp->situacao_receber}}</span></label>
																<input type="text" name="situacao_receber" value="{{$cp->situacao_receber}}" class="form-control" readonly>
															</div>
														</div>
														<div class="col-md-12 col-lg-4 col-sm-12">
															<div class="form-group">
																<label class="form-control-label" for="forma_parcelamento">Forma de pagamento</label>
																@if($cp->forma_parcelamento_contas_receber != "a vista")
																<input type="text" name="forma_parcelamento_contas_receber" disabled="on" value="Parcelado em {{$cp->forma_parcelamento_contas_receber}}X" class="form-control">
																@else
																<input type="text" name="forma_parcelamento_contas_receber" disabled="on" value="{{$cp->forma_parcelamento_contas_receber}}" class="form-control">
																@endif
															</div>
														</div>
														<div class="row mt-2 mb-0 w-100 mx-auto">
															<div id="valor_excedido" class="alert alert-danger font-weight-bold text-center w-100"><i class="fas fa-bullhorn mr-4"></i>* Valor não permitido para alteração</div>
														</div>
													</div>
											</div>
											<div class="modal-footer pt-0">
												@can('adicionar-contas-a-receber')
												<button type="button" class="btn btn-danger" data-dismiss="modal">Fechar</button>
												<input type="submit" class="btn btn-success btn_atualizar" value="Atualizar">
												@endcan
												</form>
											</div>
										</div>
									</div>
								</div>
								@endforeach
							</tbody>
							<tfoot>
								<tr class="text-left">
									<td colspan="6">
										<h2 class="text-white">Total à receber : R$ {{ number_format($valor_total_receber, 2, ',', '.') }}</h2>
									</td>
								</tr>
							</tfoot>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

	<!-- Modal para contas a receber parcelado -->
	<div class="modal fade" id="modal-atualizar-parcelas" tabindex="-1" role="dialog" arialabelledby="modal-atualizar-parcelas" aria-hidden="true">
		<div class="modal-dialog modal-xl" role="document">
			<div class="modal-content">
				<div class="modal-header pb-0">
					<h5 class="modal-title">
						<strong id="titulo_conta_receber">Contas á receber</strong>
					</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body pt-0" style="background-color:#f7fafc">
					<form id="atualizar_contas_receber_parceladas" method="post">
						<!-- Passando o Token -->
						{{csrf_field()}}
						<input type="hidden" name="id_contas_parceladas" id="id_contas_parceladas" value="">
						<div class="form-row">
							<div class="col-md-4 col-lg-4 col-sm-12">
								<div class="form-group">
									<label class="form-control-label" for="input-name">Tipo de Conta</label>
									<select class="form-control form-control-alternative" name="tag_receber_parcelas" placeholder="Tipo de Conta" readonly>
										<option value="Venda">Venda</option>
										<option value="Serviço">Serviço</option>
									</select>
								</div>
							</div>
							<div class="col-md-4 col-lg-4 col-sm-12">
								<div class="form-group">
									<label class="form-control-label">Cliente</label>
									<input type="text" class="form-control" id='id_cliente_fk_parcelas' readonly>
								</div>
							</div>
							<div class="col-md-4 col-lg-4 col-sm-12">
								<div class="form-group">
									<label class="form-control-label" for="input-name">Forma de pagamento</label>
									<input type="text" class="form-control" id="id_tipo_pagamento_fk_parcelas" readonly>
								</div>
							</div>
						</div>
						<div class="form-row">
							<div class="col-md-4 col-lg-4 col-sm-12">
								<div class="form-group">
									<label class="form-control-label" for="input-name">Valor</label>
									<input type="number" class="form-control form-control-alternative valor_receber_atualizar" id="valor_receber_atualizar" name="valor_receber_atualizar" min="0" step="0.01">
									<input type="hidden" id="valor_receber_hidden">
									<small class="text-warning">* Máximo permitido para alteração R$ 1,00 (um real)</small>
								</div>
							</div>
							<div class="col-md-4 col-lg-4 col-sm-12">
								<div class="form-group">
									<label class="form-control-label" for="input-name">Parcelas</label>
									<input type="hidden" name="forma_parcelamento_contas_receber" id="forma_parcelamento_contas_receber_hidden">
									<input type="text" name="forma_parcelamento_contas_receber" disabled="on" id="forma_parcelamento_contas_receber" class="form-control">
								</div>
							</div>
							<div class="col-md-4 col-lg-4 col-sm-12">
								<div class="form-group">
									<label class="form-control-label" for="input-name">Emitido</label>
									<input type="date" class="form-control form-control-alternative emitido_atualizar_parcelas" id="emitido_receber_parcelas" placeholder="" readonly>
								</div>
							</div>
						</div>
						<div class="dados-ajax">
						</div>

						<div class="modal-footer pt-0">
							@can('adicionar-contas-a-receber')
							<button type="button" class="btn btn-danger" data-dismiss="modal">Fechar</button>
							<input type="submit" id="btn_atualizar_parcelados" class="btn btn-success" value="Atualizar">
							@endcan
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
@endcan
<!-- Comentando o navbar horizontal -->
@include('../layouts.footers.auth')

@endsection

@push('js')
<script src="{{ asset('argon/vendor/select2/dist/js/select2.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.flash.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.print.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-select-bs4/js/dataTables.select.min.js') }}"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.colVis.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/responsive/2.2.2/js/dataTables.responsive.min.js"></script>
<script type="text/javascript" src="{{asset('js/index_contas_receber.js')}}"></script>
<script type="text/javascript" src="{{asset('js/index_contas_receber_parcelado.js')}}"></script>
<script>
	$(document).ready(function() {
		$('.table').DataTable({
			"language": {
				"info": "Mostrando de _START_ até _END_ de _TOTAL_ registos",
				"search": "Procurar:",
				"paginate": {
					"first": "Primeiro",
					"previous": "<",
					"next": ">",
					"last": "Último"
				}
			},
			dom: 'Bfrtip',
			buttons: [{
					extend: 'pdfHtml5',
					className: 'btn bg-danger text-white rounded',
					exportOptions: {
						columns: [0, 1, 2, 3, 4, 5, 6]
					}
				},
				{
					extend: 'excelHtml5',
					className: 'btn bg-success text-white rounded',
					exportOptions: {
						columns: [0, 1, 2, 3, 4, 5, 6]
					}
				},
				{
					extend: 'colvis',
					text: 'Colunas',
					className: 'btn bg-default text-white rounded'
				}
			],
			stateSave: true
		});
	});
</script>
<script>
	//código usando jQuery
	$(document).ready(function() {
		$('.preloader').hide();
	});
</script>
@endpush