@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 Recebimento
            @endslot

            <li class="breadcrumb-item"><a class="text-default" href="{{ route('receipts.index') }}">Lista de Recebimentos</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 Recebimento #{{ $receipt->id }}</h3>
                            </div>
                            <div class="col-4 text-right">
                                <a href="{{ route('receipts.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('receipts.update', $receipt->id) }}" autocomplete="off"
                        enctype="multipart/form-data">
						@method('PUT')
                        @csrf

                        <h6 class="heading-small text-muted mb-4">Informações do Recebimento #{{ $receipt->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 Recebimento</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="{{ $receipt->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 Recebimento</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="{{ $receipt->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 Recebibos</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">
											@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">  Produto #{{ $sps->spid }} da Venda #{{ $sps->sale_id }}</h5></a>
														<small>Produto:</strong> {{ $sps->product }} - <strong>Prestador:</strong> {{ $sps->provider }} - <strong>Cliente:</strong> {{ $sps->full_name }} - <strong>Valor do Produto:</strong> R$ {{ number_format($sps->final_price, 2, ",", ".") }} - <strong>Receita Esperada:</strong> R$ {{ number_format($sps->commission + $sps->du_tax + $sps->rav_tax + $sps->hide_tax - $sps->rav_discount - $sps->du_discount, 2, ",", ".") }}</small>
													</div>
													<div>
														<div class="custom-control custom-checkbox custom-checkbox-default">
															<input type="checkbox"
															@foreach ($this_receipt as $received)
																@if($received->saleproduct_id == $sps->spid)
																checked
																@endif
                                                            @endforeach
															 name="saleproduct_id[]"
															 id="spid{{$sps->spid}}"
															 value="{{$sps->spid}}"
															 class="custom-control-input">
															<label class="custom-control-label" for="spid{{$sps->spid}}"></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') }}">{{ $sps->description }}</textarea>

                                        @include('alerts.feedback', ['field' => 'description'])
                                    </div>
                                </div>
                            </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 total_price = $('#total_price');
		var response = @json($all_sps);
		var sum = {{ $receipt->total_price }};
			response.forEach(element => {
			var revenue = element.commission + element.du_tax + element.rav_tax + element.hide_tax - element.rav_discount - element.du_discount;
			var revenue = Number(revenue);
			var revenue2 = Number(revenue);
			var revenue = revenue.toLocaleString('pt-br',{style: 'currency', currency: 'BRL'});
			var final_price = element.final_price;
			if(final_price > 0) {
				var final_price = final_price.toLocaleString('pt-br',{style: 'currency', currency: 'BRL'});
			}
			var sale_date = element.sale_date;
			var sale_date = sale_date;
			$('#list-product').append(`
				<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', '')}}/${element.sale_id}" target="_blank"><h5 class="checklist-title mb-0">  Produto #${element.spid} da Venda #${element.sale_id} no dia ${element.sale_date}</h5></a>
							<small>Produto:</strong> ${element.product} - <strong>Prestador:</strong> ${element.supplier} -<strong>Cliente:</strong> ${element.full_name} - <strong>Valor do Produto:</strong> ${element.final_price} - <strong>Receita Esperada:</strong> ${revenue}</small>
						</div>
						<div>
							<div class="custom-control custom-checkbox custom-checkbox-default">
								<input type="checkbox" name="saleproduct_id[]" id="spid${element.spid}" value="${element.spid}" class="custom-control-input">
								<label class="custom-control-label" for="spid${element.spid}"></label>
							</div>
						</div>
					</div>
				</li>
				<hr class="horizontal dark mt-4 mb-0">
			`);
			$(`#spid${element.spid}`).on("click", function(){
				spid = $(`#spid${element.spid}`).is(":checked");
				if(spid) {
					var actual_price = $('#total_price').val();
					let val = revenue2;
					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 - revenue2;
						total_price.val(new_price.toFixed(2));
						var new_price1 = $('#total_price').val();
						sum -= revenue2;
					}
				}
			});
		});
	</script>
@endpush