@extends('layouts.app')

@section('content')

@include('layouts.headers.cards_prod')
<link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />
<style type="text/css">
	.select2-container .select2-selection--single {
		height: unset !important;
	}

	.modal-lg {
		max-width: 1200px;
	}

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

	div#modal-atualizar-parcelamento .modal-body {
		overflow-y: scroll;
	}

	/*#select_forma_pagamento,#select_forma_parcelamento{
    height: 50px;
    border-radius: 5px;
  }*/
</style>

<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">{{ __('Ajustar Parcelas') }}</h3>
						</div>
						<div class="col-4 text-right">
							<button class="btn btn-sm btn-primary" data-toggle="modal" data-target="#modal-atualizar-parcelamento">
								{{ __('Ajustar parcelamento') }}
							</button>
						</div>
					</div>
				</div>
				<div class="col-12">
					<div class="table-responsive">
						<table class="table table-sm align-items-center table-dark table-flush" id="datatable-buttons">
							<thead class="thead-dark">
								<tr class="text-center">
									<th scope="col-1">Formas de Parcelamento</th>
									<th scope="col-1">Valor máximo</th>
									<th scope="col-1">Valor mínimo</th>
									<th scope="col-1">Situação</th>
								</tr>
							</thead>
							<tbody>
								@foreach($parcelamentos as $parcelas)
								<tr class="text-center">
									<td>{{$parcelas->quantidade_parcelas}} X</td>
									@if(!empty($parcelas->valor_minimo_parcelamento))
									<td>R$ {{$parcelas->valor_minimo_parcelamento}}</td>
									@else
									<td>--//--</td>
									@endif
									<td>R$ {{$parcelas->valor_maximo_parcelamento}}</td>
									@if($parcelas->habilitar_parcelamento == 1)
									<td class="font-weight-bold text-success">Habilitado</td>
									@else
									<td class="font-weight-bold text-danger">Desabilitado</td>
									@endif
								</tr>
								@endforeach
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="modal fade" id="modal-atualizar-parcelamento" tabindex="-1" aria-labelledby="#modal-atualizar-parcelamento" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title font-weight-bold">Atualizar parcela</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
				<form id="ajustar_parcelas" method="post" action="{{ route('contas_receber.parcelamento') }}">
					{{ csrf_field() }}
					<input type="hidden" id="parcelas_ativas" name="parcelas_ativas" value="{{$quantidade_parcelas_ativas}}">
					@foreach($parcelamentos as $parcelas)
					<div class="row">
						<h4 class="mx-auto text-primary font-weight-bold">-
							Parcelamento em {{$parcelas->quantidade_parcelas}} X -
						</h4>
					</div>
					<div class="form-group row">
						<div class="col-lg-4 col-md-4 col-sm-12">
							<label class="label-text" for="valor_minimo_{{$parcelas->quantidade_parcelas}}">
								<small>Valor minimo permitido</small>
							</label>
							@if($parcelas->quantidade_parcelas == 1 || $parcelas->habilitar_parcelamento == 0)
							<input type="number" step="0.01" name="valor_minimo_{{$parcelas->quantidade_parcelas}}" id="valor_minimo_{{$parcelas->quantidade_parcelas}}" class="form-control form-control-sm valor_minimo" value="{{$parcelas->valor_minimo_parcelamento}}" min='0.00' readonly>
							<small class="alerta text-danger"></small>
							@else
							<input type="text" id="valor_minimo_{{$parcelas->quantidade_parcelas}}" name="valor_minimo_{{$parcelas->quantidade_parcelas}}" class="form-control form-control-sm" value="{{$parcelas->valor_minimo_parcelamento}}">
							@endif
						</div>
						<div class="col-lg-4 col-md-4 col-sm-12">
							<label class="label-text" for="valor_maximo_{{$parcelas->quantidade_parcelas}}">
								<small>Valor máximo permitido</small>
							</label>
							<input type="number" step="0.01" name="valor_maximo_{{$parcelas->quantidade_parcelas}}" id="valor_maximo_{{$parcelas->quantidade_parcelas}}" class="form-control form-control-sm valor_maximo" value="{{$parcelas->valor_maximo_parcelamento}}" min='0.00' @if($parcelas->habilitar_parcelamento == 0) readonly @endif>
							<small class="alerta text-danger"></small>
						</div>
						<div class="col-lg-4 col-md-4 col-sm-12 ">
							<div class="row">
								<label class="mx-auto">
									<small>Situação do parcelamento {{$parcelas->quantidade_parcelas}}</small>
								</label>
								<input type="hidden" name="id_parcelamento_{{$parcelas->id}}" value="{{$parcelas->id}}" id="id_parcelas_{{$parcelas->id}}">
							</div>
							<div class="form-check form-check-inline pl-5">
								<input class="form-check-input habilitar_parcelamento" type="radio" name="parcelamento_{{$parcelas->id}}" id="habilitar_parcelamento_{{$parcelas->quantidade_parcelas}}" value="1" data_habilitado="{{$parcelas->quantidade_parcelas}}" @if($parcelas->habilitar_parcelamento == 1) checked @endif>
								<label class="form-check-label font-weight-bold" for="inlineRadio1">Ativo</label>
							</div>
							@if($parcelas->quantidade_parcelas != 1)
							<div class="form-check form-check-inline pl-5">
								<input class="form-check-input desabilitar_parcelamento" type="radio" name="parcelamento_{{$parcelas->id}}" id="desabilitar_parcelamento_{{$parcelas->quantidade_parcelas}}" value="0" data_desabilitado="{{$parcelas->quantidade_parcelas}}" @if($parcelas->habilitar_parcelamento == 0) checked @endif>
								<label class="form-check-label text-danger font-weight-bold" for="inlineRadio1">Inativo</label>
							</div>
							@endif
						</div>
					</div>
					@endforeach
			</div>
			<div class="modal-footer">
				<div class="form-group">
					<input type="submit" name="enviar" id="enviar" class="btn btn-info font-weight-bold" value="Atualizar">
				</div>
				</form>
			</div>
		</div>
	</div>
</div>

@include('layouts.footers.auth')

@endsection

@push('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.min.js" type="text/javascript"></script>
<script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js" type="text/javascript"></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 src="https://unpkg.com/sweetalert/dist/sweetalert.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="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script type="text/javascript" src="/js/ajustar_parcelas.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>
@endpush