@extends('website.layouts.master')

@section('site_title')تعديل طريقة الدفع للطلب -@endsection
@section('content')
		<section class="page-title ">
			<div class="container">
				<div class="row">
					<div class="col-6">
						<div class="title-icon">
							<i class="fas fa-clipboard-list"></i>
							<h5>تعديل طريقة الدفع للطلب - #{{ $order->id }}</h5>
						</div>
					</div>
					<div class="col-6 pl-0">
						<div class="page-text">
							<a href="{{ route('website.orders.show_details', ['slug' => $order['slug']]) }}" class="back-to-store">عرض تفاصيل الطلب</a>
						</div>
					</div>
				</div>
			</div>
		</section>
		<section class="cart-2 single-order-details">
			<div class="container-fluid">
				<div class="row">
					<div class="col-lg-6">
						<div class="orders-cart">
							<div class="cart-title">
								<h5>ملخص الطلب</h5>
							</div>
							@foreach($order->order_products()->get() as $product)
							<div class="single-order">
								<div class="row">
									<div class="col-8 col-md-9 col-lg-9 col-xl-9">
										<div class="order-content">
											<div class="order-img">
												<div style="background-image:url('{{ URL::asset('/img/product_thumbnail/' . $product['image']) }}')"></div>
											</div>
											<div class="order-details">
												<p class="order-name">
													{{ $product['name'] }}
												</p>
												<div>
													<p>
														<span class="order-price">
															{{ $product->pivot['quantity'] }}
														</span>
														<i class="fas fa-times"></i>
														<span class="order-price">
															{{ $product->pivot['price'] }}
														</span>
													</p>
												</div>
											</div>
										</div>
									</div>
									<div class="col-4 col-md-3 col-lg-3 col-xl-3">
										<div class="total-price">
											<p><span class="total">{{ $product->pivot['quantity'] * $product->pivot['price'] }}</span> ريال</p>
										</div>
									</div>
								</div>
							</div>
							@endforeach
							<div class="calculate-price">
								<div>
									<span>سعر المنتجات</span>
									<p><span id="total"></span><span>ريال </span></p>
								</div>
								<div>
									<span>رسوم التوصيل</span>
									<p><span>{{ $order['delivery_price'] }}</span> <span>ريال</span></p>
								</div>
								<div>
									<span>القيمة المضافة</span>
									<P><span>{{ $order['vat'] }} </span><span>ريال</span></P>
								</div>
								<div>
									<span>اجمالي الخصم</span>
									<P><span>{{ $order['discount'] }} </span><span>ريال</span></P>
								</div>
								<!-- Start total reciept -->
								<div class="total-receipt">
									<span>الاجمالي ( المستحق للدفع )</span>
									<P><span id="receipt"> {{ $order['total_price'] }} </span><span>ريال</span></P>
								</div>
								<!-- End total reciept -->
							</div>
						</div>
					</div>
					<div class="col-lg-6">
						<form action="{{ route('website.orders.change_payment_store', ['slug' => $order->slug]) }}" method="POST" id="create-order-form" onsubmit="return confirm('تأكيد العملية؟');">
							@csrf
							<div class="orders-cart">
								<div class="cart-title">
									<h5>طريقة الدفع</h5>
								</div>
								@if ($errors->has('payment_method'))
								<p style="color: red;">{{ $errors->first('payment_method') }}</p>
								@endif
								<div class="col-md-12">
									<div class="form-group">
										<label for="payment_method" class="d-block">اختر طريقة الدفع المناسبة</label>
										<select class="form-control" name="payment_method">
											<option value="credit_cards"	{{ ($order['payment_method'] == 'credit_cards')? 'selected' : '' }} >
												<i class="fa fa-times"></i>
												البطاقة الائتمانية (فيزا أو ماستر)
											</option>
											<option value="mada_online"		{{ ($order['payment_method'] == 'mada_online')? 'selected' : '' }} >
												مدى (الكتروني)
											</option>
											<option value="stc_pay"			{{ ($order['payment_method'] == 'stc_pay')? 'selected' : '' }} >
												اس تي سي باي STCPay
											</option>
											<option value="cash"			{{ ($order['payment_method'] == 'cash')? 'selected' : '' }} >
												كاش(نقدى)
											</option>
											<option value="mada"			{{ ($order['payment_method'] == 'mada')? 'selected' : '' }} >
												مدى (شبكة)
											</option>
										</select>
										@if ($errors->has('payment_method'))
										<span class="invalid-feedback" role="alert">
											<strong>
												{{ $errors->first('payment_method') }}
											</strong>
										</span>
										@endif
									</div>
								</div>
								<section class="set-location">
									<button type="submit" class="btn" style="background: #ffbf2a;">تعديل</button>
									أو
									<a href="{{ route('website.orders.index') }}" class="btn">الغاء والعودة</a>
								</section>
							</div>
						</form>
					</div>
				</div>
			</div>
		</section>
@endsection

@push('page_level_style')
	<style type="text/css">
		@media (min-width: 992px){
			.page-title .title-icon i {
				margin-left: 20px;
			}
		}
		.set-location button, .company-form button, .set-location a, .company-form a {
			margin: 0 auto 0;
			width: 40%;
			display: inline-block;
			background: #68d1f5;
			color: #fff;
			height: 50px;
			border-radius: 10px;
		}
	</style>
@endpush

@push('page_level_script')
@endpush