@extends('frontend.theme_2.app')

@section('title', __('invoice') . ' || ' . $companyName)

@push('styles')

<link rel="stylesheet" href=" {{ asset('frontend/assets/plugins/daterangepicker/daterangepicker.css') }}">
<link rel="stylesheet" href=" {{ asset('frontend/assets/plugins/datatables/datatables.min.css') }}">
@endpush

@section('content')

	<div class="page-wrapper">

            <!-- Start Breadscrumb -->
            @include('frontend.pages.banner')
            <!-- End Breadscrumb -->

            <div class="content">
                <div class="container">

					<!-- start row -->
					<div class="row">

						<div class="col-lg-9 mx-auto">
							<div class="mb-3">
								<a href="{{ route('customer.order_invoice_list') }}" class="btn btn-md btn-white d-inline-flex align-items-center">
									<i class="isax isax-arrow-left me-1"></i>{{ __('back_to_invoice') }}
								</a>
							</div>
							<div class="card mb-4" id="invoiceContent">
								<div class="card-body">
									<!-- Items -->
									<div class="d-flex align-items-center justify-content-between flex-wrap row-gap-3 border-bottom pb-3 mb-3">
										<div>
											<img src="{{ asset('frontend/assets/img/logo.svg') }}" width="170" alt="logo" class="invoice-logo mb-2">
											<p class="fs-14 mb-0">{{ $company_address_line ?? '-'}}</p>
										</div>
										<h3 class="mb-0">{{ __('order_invoice') }}</h3>
									</div>
									<div class="d-flex align-items-center justify-content-between flex-wrap row-gap-3 border-bottom pb-3 mb-3">
										<div>
											<p class="fw-semibold text-secondary mb-0">#{{ $order->order_id }}</p>
											<p class="fs-14 mb-0">{{ __('create_date') }} : <span class="text-dark">{{ $order->created_date ?? '' }}</span></p>
											@if ($type == 'service')
												<p class="fs-14 mb-0">{{ __('booking_date_and_time') }} : <span class="text-dark">{{ ($order->booking_date ?? '') . ' ' . ($order->from_time ?? '') . ' - ' . ($order->to_time ?? '') }}</span></p>
											@else
												<p class="fs-14 mb-0">{{ __('due_date') }} : <span class="text-dark">{{ $order->due_date ?? '' }}</span></p>
											@endif
										</div>
										<div class="text-end">
											<p class="fw-semibold text-dark">{{ __('payment_status') }}</p>
											@if($order->type == 'product' && $order->payment_type == 5)
												@php
													$codPaymentStatus = $order->bookingProducts[0]->cod_payment_status;
												@endphp
												<span class="badge {{ $codPaymentStatus == 1 ? 'bg-info' : ($codPaymentStatus == 2? 'bg-success' : 'bg-warning') }} fs-12">
													<i class="isax isax-tick-circle me-1"></i>{{ $codPaymentStatus == 1 ?  __('unpaid')  : ( $codPaymentStatus == 2 ?  __('paid')  :  __('refund') ) }}
												</span>
											@else
												<span class="badge {{ $order->payment_status == 1 ? 'bg-info' : ($order->payment_status == 2? 'bg-success' : 'bg-warning') }} fs-12">
													<i class="isax isax-tick-circle me-1"></i>{{ $order->payment_status == 1 ?  __('unpaid')  : ( $order->payment_status == 2 ?  __('paid')  :  __('refund') ) }}
												</span>
											@endif
										</div>
									</div>
									<div class="pb-3 border-1 border-bottom mb-4">
										<!-- start row -->
										<div class="row gy-3">
											<div class="col-lg-4">
												<h5 class="mb-2 fs-16 fw-bold">{{ __('billing_address') }}</h5>
												<p class="text-body fs-14 mb-1">{{ ucfirst($order->first_name) }} {{ ucfirst($order->last_name) }}</p>
												<p class="text-body fs-14 mb-1">{{ $order->user_address }}</span> </p>
												<p class="text-body fs-14 mb-0">{{ __('Phone') }} : {{ $order->user_phone }} </p>
											</div> <!-- end col -->
											<div class="col-lg-4">
												<h5 class="mb-2 fs-16 fw-bold">{{ __('shipping_address') }}</h5>
												<p class="fs-14 mb-1">{{ ucfirst($order->shipping_user_first_name ?? $order->first_name) }} {{ ucfirst($order->shipping_user_last_name ?? $order->last_name) }}</p>
												<p class="fs-14 mb-1 pe-5">
													<span class="fs-14">{{ $order->shipping_user_address ?? $order->user_address }}</span>
												</p>
												<p class="fs-14 mb-0">{{ __('Phone') }}: {{ $order->shipping_user_phone ?? $order->user_phone }}</p>
											</div>  <!-- end col -->
											@if($type == 'service')
												<div class="col-lg-4">
													<h5 class="mb-2 fs-16 fw-bold">{{ __('vendor_details') }}</h5>
													<p  class="fs-14 mb-1">{{ $order->product->shop->shop_name ?? '-' }} </p>
													<p class="fs-14 mb-1">
														{{ $order->vendorInfo[0]->userDetail->user_city->name ?? '' }},
														{{ $order->vendorInfo[0]->userDetail->user_state->name ?? '' }},
														{{ $order->vendorInfo[0]->userDetail->user_country->name ?? '' }}
													</p>
													<p class="fs-14 mb-0">{{ __('phone') }}: {{ $order->vendorInfo[0]->phone_number ?? '-' }}</p>
												</div>
											@else
												<div class="col-lg-4">
													<h5 class="mb-2 fs-16 fw-bold">{{ __('vendor_details') }}</h5>
													<p  class="fs-14 mb-1">{{ $order->bookingProducts[0]->product->shop->shop_name ?? '-' }} </p>
													<p class="fs-14 mb-1">
														{{ $order->bookingProducts[0]->vendorInfo[0]->userDetail->user_city->name ?? '' }},
														{{ $order->bookingProducts[0]->vendorInfo[0]->userDetail->user_state->name ?? '' }},
														{{ $order->bookingProducts[0]->vendorInfo[0]->userDetail->user_country->name ?? '' }}
													</p>
													<p class="fs-14 mb-0">{{ __('phone') }}: {{ $order->bookingProducts[0]->vendorInfo[0]->phone_number ?? '-' }}</p>
												</div>
											@endif
										</div>
										<!-- end row -->
									</div>
									<!-- Items -->
									<div class="mb-4">
										<h6 class="mb-3 fs-16 fw-bold">{{ __('invoice_for') }} : {{ __('order_summary') }}</h6>
										<div>
											<!-- Table List -->
											<div class="table-responsive">
												<table class="table table-nowrap border">
													<thead class="thead-light">
														<tr>
															<th>#</th>
															<th>{{ __('item') }}</th>
															<th>{{ __('rate_item') }}</th>
															<th>{{ __('qty') }}</th>
															<th>{{ __('Total') }}</th>
														</tr>
													</thead>
													<tbody>
														@if($type == 'service')
															<tr>
																<td>1</td>
																<td><p class="fw-semibold text-dark">{{ $item['product_name'] ?? 'N/A' }}</p></td>
																<td>{{ $currencySymbol }}{{ $item['price'] }}</td>
																<td>{{ $item['quantity'] ?? 1 }}</td>
																<td>{{ $currencySymbol }}{{ $item['price'] }}</td>
															</tr>
														@else
															@foreach($order->bookingProducts ?? [] as $key => $item)
																<tr>
																	<td>{{ $key + 1 }}</td>
																	<td><p class="fw-semibold text-dark">{{ $item->product_name ?? 'N/A' }}</p></td>
																	<td>{{ $currencySymbol }}{{ $item->price }}</td>
																	<td>{{ $item->quantity ?? 1 }}</td>
																	<td>{{ $currencySymbol }}{{ $item->subtotal }}</td>
																</tr>
															@endforeach
														@endif

													</tbody>
												</table>
											</div>
											<!-- /Table List -->
										</div>
									</div>
									<!-- etart row -->
									<div class="pb-3 mb-3 border-bottom">
										<div class="row gy-3">
											<div class="col-lg-6">
												<div>
													<h6 class="mb-2 fs-16 fw-bold">{{ __('terms_and_conditions') }}</h6>
													<p class="fs-14 mb-1">{{ __('terms_and_conditions_1') }}</p>
													<p class="fs-14 mb-3">{{ __('terms_and_conditions_2') }}</p>

													<h6 class="mb-2 fs-16 fw-bold">{{ __('notes') }}</h6>
													<p class="fs-14 mb-0">{{ __('notes_content') }}</p>
												</div>
											</div> <!-- end col -->
											<div class="col-lg-6">
												@if ($type == 'service')
													<div class="d-flex align-items-center justify-content-between mx-auto mb-2">
														<p class="fs-14 mb-0 fw-medium">{{ __('subtotal') }}</p>
														<p class="fs-14 fw-medium">
															{{ $currencySymbol }}{{ $item['price'] ?? 0.00 }}
														</p>
													</div>

													@if ($item['reschedule_amount'] > 0)
														<div class="d-flex align-items-center justify-content-between mx-auto mb-2">
															<p class="fs-14 mb-0">{{ __('reschedule_amount') }}</p>
															<p class="fs-14 fw-medium">
																{{ $currencySymbol }}{{ $item['reschedule_amount'] ?? 0.00 }}
															</p>
														</div>
													@endif

													<div class="d-flex align-items-center justify-content-between mx-auto mb-2">
														<p class="fs-14 mb-0">{{ __('Coupon') }}</p>
														<p class="fs-14 fw-medium">
															- {{ $currencySymbol }}{{ $item['total_coupon_discount_amount'] ?? 0.00 }}
														</p>
													</div>

													<div class="d-flex align-items-center justify-content-between mx-auto border-bottom pb-3 mb-3">
														<p class="fs-14 mb-0">{{ __('Tax') }}</p>
														<p class="fs-14 fw-medium">
															{{ $currencySymbol }}{{ $item['tax_amount'] ?? 0.00 }}
														</p>
													</div>
													<div class="d-flex align-items-center justify-content-between mx-auto mb-2">
														<h6 class="fw-bold">{{ __('Total') }}</h6>
														<h6 class="fw-bold">
															{{ $currencySymbol }}{{ $item['total_amount'] ?? 0.00 }}
														</h6>
													</div>
												@else
													<div class="d-flex align-items-center justify-content-between mx-auto mb-2">
														<p class="fs-14 mb-0 fw-medium">{{ __('subtotal') }}</p>
														<p class="fs-14 fw-medium">
															{{ $currencySymbol }}{{ $order->total_subtotal_amount ?? 0.00 }}
														</p>
													</div>

													<div class="d-flex align-items-center justify-content-between mx-auto mb-2">
														<p class="fs-14 mb-0">{{ __('Coupon') }}</p>
														<p class="fs-14 fw-medium">
															{{ $currencySymbol }}{{ $order->total_coupon_discount_amount ?? 0.00 }}
														</p>
													</div>

													<div class="d-flex align-items-center justify-content-between mx-auto border-bottom pb-3 mb-3">
														<p class="fs-14 mb-0">{{ __('Tax') }}</p>
														<p class="fs-14 fw-medium">
															{{ $currencySymbol }}{{ $order->total_tax_amount ?? 0.00 }}
														</p>
													</div>
													<div class="d-flex align-items-center justify-content-between mx-auto mb-2">
														<h6 class="fw-bold">{{ __('Total') }}</h6>
														<h6 class="fw-bold">
															{{ $currencySymbol }}{{ $order->total_gross_amount ?? 0.00 }}
														</h6>
													</div>
												@endif
											</div> <!-- end col -->
										</div>
									</div>
									<!-- end row -->
									<!-- Items -->
									<div class="d-flex align-items-center justify-content-between flex-wrap gap-2">
										<div>
											<p class="fw-semibold text-dark mb-0">{{ __('thanks_message_invoice') }}</p>
										</div>
										<div>
											<img src="{{ asset('frontend/assets/img/icons/signature-img.svg') }}" alt="signature-img" class="img-fluid mode-img">
											<p class="mb-0">{{ ucfirst(__('for')) }} {{ $companyName }}</p>
										</div>
									</div>
								</div>
							</div>

							<div class="text-center d-flex align-items-center justify-content-center mt-3">
								<a href="{{ route('customer.invoice.download', $order->order_id) }}" class="btn btn-dark me-2 downloadinvoice">
								    <i class="isax isax-document-download me-1"></i> {{ __('download_invoice') }}
								</a>
								<a href="javascript:void(0);" class="btn btn-secondary" id="printInvoice"> <i class="isax isax-printer me-1"></i> {{ __('print_invoice') }}</a>
							</div>
						</div>

					</div>
                </div>
            </div>

        </div>

@endsection
@push('scripts')
	<script src="{{ asset('frontend/assets/js/html2pdf.bundle.min.js') }}"></script>
	<script src="{{ asset('frontend/assets/js/custom/order_invoice.js') }}"></script>

@endpush