@extends('layouts.app', [
    'title' => __('User Management'),
    'parentSection' => 'laravel',
    'elementName' => 'user-management'
])

@section('title', 'Editar Recebimento |')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<link rel="stylesheet" href="{{ asset('argon/vendor/quill/dist/quill.core.css') }}" type="text/css">
<link href="{{asset('ijaboCropTool-master/ijaboCropTool.min.css')}}" rel="stylesheet" />

@section('content')
    @component('layouts.headers.auth')
        @component('layouts.headers.breadcrumbs')
            @slot('title')
            Editar Pagamento
            @endslot

            <li class="breadcrumb-item"><a class="text-default" href="{{ route('payments.index') }}">Lista de Pagamentos</a></li>
        @endcomponent
    @endcomponent

    <div class="container-fluid mt--6">
        <div class="row">
            <div class="col-xl-12 order-xl-1">
                <div class="card">
                    <div class="card-header">
                        <div class="row align-items-center">
                            <div class="col-8">
                                <h3 class="mb-0">Edição de Pagamento #{{ $payment->id }}</h3>
                            </div>
                            <div class="col-4 text-right">
                                <a href="{{ route('payments.index') }}" class="btn btn-sm btn-primary">Voltar</a>
                            </div>
                        </div>
						<div class="row align-items-center">
							<div class="col-12 mt-4">
								@include('alerts.success')
								@include('alerts.errors')
							</div>
						</div>
                    </div>
                    <div class="card-body">
                        <form method="post" action="{{ route('payments.update', $payment->id) }}" autocomplete="off"
                        enctype="multipart/form-data">
						@method('PUT')
                        @csrf

                        <h6 class="heading-small text-muted mb-4">Informações do Pagamento #{{ $payment->id }}</h6>
                            <div class="row">
                                <div class="col-3">
                                    <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left"  for="basic-url">Fornecedor</label>
                                        <select name="provider_id" id="provider_id" value="{{old('provider_id')}}" required disabled class="form-control select2" @error('provider_id') is-invalid @enderror>
                                            <option value="{{$provider->id}}">{{ $provider->name }}</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-3">
                                    <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left"  for="basic-url">Conta Bancária</label>
                                        <select name="bankaccount_id" id="bankaccount_id" value="{{old('bankaccount_id')}}" required disabled class="form-control select2" @error('bankaccount_id') is-invalid @enderror>
                                            <option value="{{$account->id}}">{{ $account->title }}</option>
                                        </select>
                                    </div>
                                </div>
								<div class="col-3">
									<div class="form-group">
										<label class="form-control-label text-left" style="float:left" for="basic-url">Data do Pagamento</label>
										<div class="input-group">
											<div class="input-group-prepend">
												<span class="input-group-text" id="basic-addon1"><i class="ni ni-calendar-grid-58"></i></span>
											</div>
											<input type="date" class="form-control" name="date_payment" required value="{{ $payment->date_payment }}">
										</div>
									</div>
								</div>
								<div class="col-3">
                                    <div class="form-group{{ $errors->has('description') ? ' has-danger' : '' }}">
                                        <label class="form-control-label" for="input-description">Valor Total do Pagamento</label>
										<div class="input-group">
											<div class="input-group-prepend">
												<span class="input-group-text" id="basic-addon1"><i class="ni ni-money-coins"></i></span>
											</div>
											<input type="number" class="form-control" id="total_price" required name="total_price" step="any" value="{{ $payment->total_price }}">

										</div>
                                        @include('alerts.feedback', ['field' => 'total_price'])
                                    </div>
                                </div>
                            </div>
							<div class="row">
								<label class="form-control-label text-left" style="margin-left:20px" for="basic-url">Produtos Não Pagos</label>
								<div class="col-12">
									<div class="form-group">
										<div class="list border-0 flex-column align-items-start ps-0 py-0 mb-3" id="list-product">
											<script>
												var total_price = $('#total_price');
											</script>
											@foreach ($all_sps as $sps)
											<li class="checklist-entry list-group-item flex-column align-items-start" id="li-list">
												<div class="checklist-item checklist-item-default">
													<div class="checklist-info" id="name_passenger">
														<a href="{{route('sales.show', $sps->sale_id)}}" target="_blank()"><h5 class="checklist-title mb-0"> Forma de Pagamento #{{ $sps->smpid }} da Venda #{{ $sps->sale_id }}</h5></a>
														<small>Produto:</strong> {{ $sps->product }} - <strong>Prestador:</strong> {{ $sps->provider }} - <strong>Cliente:</strong> {{ $sps->full_name }} - <strong>Pagamento Esperado:</strong> R$ {{ number_format($sps->payment, 2, ",", ".") }} </small>
													</div>
													<div>
														<div class="custom-control custom-checkbox custom-checkbox-default">
															<input type="checkbox"
															@foreach ($this_payment as $payed)
																@if($payed->methodpayment_id == $sps->smpid)
																checked
																@endif
                                                            @endforeach
															 name="methodpayment_id[]"
															 id="smpid{{$sps->smpid}}"
															 value="{{$sps->smpid}}"
															 class="custom-control-input">
															<label class="custom-control-label" for="smpid{{$sps->smpid}}"></label>
														</div>
													</div>
												</div>
											</li>
											<hr class="horizontal dark mt-4 mb-0">
											@endforeach
										</div>
									</div>
								</div>
							</div>
							<br>
                            <div class="row">
                                <div class="col-12">
                                    <div class="form-group{{ $errors->has('description') ? ' has-danger' : '' }}">
                                        <label class="form-control-label" for="input-description">Descrição</label>
                                        <textarea name="description" id="input-description" rows="4" resize="none" class="form-control{{ $errors->has('description') ? ' is-invalid' : '' }}" placeholder="Descrição do Recebimento" value="{{ old('description') }}"></textarea>

                                        @include('alerts.feedback', ['field' => 'description'])
                                    </div>
                                </div>
                            </div>
							<div class="row">

                            </div>
							<div class="text-center" style="float: right;">
								<button type="submit" class="btn btn-success btn-sm mt-4">Atualizar</button>
							</div>
                        </form>
                        </div>
                    </div>
                </div>
            </div>
            @include('layouts.footers.auth')
        </div>
    </div>
@endsection
@push('css')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="{{ asset('argon') }}/vendor/datatables.net-bs4/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" href="{{ asset('argon') }}/vendor/datatables.net-select-bs4/css/select.bootstrap4.min.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
@endpush
@push('js')
	<script>
		var response = @json($all_sps);
		var sum = {{ $payment->total_price }};
			response.forEach(element => {
			var revenue = element.payment;
			var revenue = Number(revenue);

			$(`#smpid${element.smpid}`).on("click", function(){
				smpid = $(`#smpid${element.smpid}`).is(":checked");
				if(smpid) {
					var actual_price = $('#total_price').val();
					let val = revenue;
					sum += val;
					total_price.val(sum.toFixed(2));
					var new_price = $('#total_price').val();
				} else {
					if ($('#total_price').val() > 0) {
						var actual_price = $('#total_price').val();
						var new_price = actual_price - revenue;
						total_price.val(new_price.toFixed(2));
						var new_price1 = $('#total_price').val();
						sum -= revenue;
					}
				}
			});
		});
	</script>
@endpush