<?php if (isset($component)) { $__componentOriginal7f8e1f0528d3ccf02b4e203e537febb53fee9473 = $component; } ?>
<?php $component = $__env->getContainer()->make(App\View\Components\Main\Header::class, []); ?>
<?php $component->withName('main.header'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal7f8e1f0528d3ccf02b4e203e537febb53fee9473)): ?>
<?php $component = $__componentOriginal7f8e1f0528d3ccf02b4e203e537febb53fee9473; ?>
<?php unset($__componentOriginal7f8e1f0528d3ccf02b4e203e537febb53fee9473); ?>
<?php endif; ?>
<main class="shop-main">
<section class="vehicles-select" element-id="356">
<div class="container" element-id="355">
<div class="extra-listing" element-id="354">
<form id="checkout_form">
<?php echo csrf_field(); ?>
<div class="upgrade-card-group" element-id="353">
</div>
<div class="row justify-content-between" element-id="343">
<div class="col-lg-8 col-12" element-id="342">
<div class="info-form" element-id="341">
<h4 class="theme-h4" element-id="340">Fill Out The Details</h4>
<h6 class="info" element-id="339">Billing Information:</h6>
</div>
<div class="proceed-form" element-id="338">
<div class="row g-4" element-id="337">
<div class="col-lg-6 col-12" element-id="336">
<div class="input-field" element-id="335">
<label element-id="334">What’s your first name?*</label>
<input type="text" element-id="333" name="fname" id="fname" fdprocessedid="3t6ckc">
</div>
</div>
<div class="col-lg-6 col-12" element-id="332">
<div class="input-field" element-id="331">
<label element-id="330">What’s your last name?*</label>
<input type="text" element-id="329" name="lname" id="lname" fdprocessedid="k7ojfa">
</div>
</div>
<div class="col-lg-6 col-12" element-id="328">
<div class="input-field" element-id="327">
<label element-id="326">What’s your email address?*</label>
<input type="text" element-id="325" name="email" id="email" fdprocessedid="kr5h18">
</div>
</div>
<div class="col-lg-6 col-12" element-id="320">
<div class="input-field" element-id="319">
<label element-id="318">What’s your mobile number?</label>
<input class="int-tel" type="number" name="phone" id="phone" element-id="317" fdprocessedid="i3o1ri">
</div>
</div>
</div>
<hr element-id="304">
<h4 class="theme-h4" element-id="303">We need your billing address</h4>
<div class="row g-4" element-id="302">
<div class="col-lg-8 col-12" element-id="301">
<div class="input-field" element-id="300">
<label element-id="299">Address (line 1)</label>
<input type="text" element-id="298" fdprocessedid="i2bqrf" name="address1" id="address1">
</div>
</div>
<div class="col-lg-4 col-12" element-id="297">
<div class="input-field" element-id="296">
<label element-id="295">Address (line 2)</label>
<input type="text" element-id="294" fdprocessedid="su313t" name="address2" id="address2">
</div>
</div>
<div class="col-lg-8 col-12" element-id="293">
<div class="input-field" element-id="292">
<label element-id="291">State</label>
<input type="text" element-id="290" fdprocessedid="fvw7v8" name="state" id="state">
</div>
</div>
<div class="col-lg-4 col-12" element-id="289">
<div class="input-field" element-id="288">
<label element-id="287">What’s your postal code?*</label>
<input type="text" element-id="286" fdprocessedid="r2ntu5" name="zipcode" id="zipcode">
</div>
</div>
<div class="col-lg-4 col-12" element-id="285">
<div class="input-field" element-id="284">
<label element-id="283">In what city?*</label>
<input type="text" element-id="282" fdprocessedid="cm12f" name="city" id="city">
</div>
</div>
<div class="col-lg-4 col-12" element-id="281">
<div class="input-field" element-id="280">
<label element-id="279">In what country?*</label>
<input type="text" element-id="278" fdprocessedid="mw1rlp" name="country" id="country">
</div>
</div>
</div>
<hr element-id="265">
<hr element-id="260">
<hr element-id="246">
<h4 class="theme-h4" element-id="245">Anything to add?</h4>
<div class="comment-box" element-id="244">
<textarea placeholder="Write your comments here...." maxlength="250" element-id="243" name="message" id="message"></textarea>
<p class="comment-info" element-id="242"><span element-id="241">250</span> characters
</p>
</div>
<hr element-id="240">
<!-- <div class="form-end" element-id="190">
<div class="checkbox-field" element-id="189">
<input type="checkbox" id="agreement" element-id="188">
<label for="agreement" element-id="187">I have read and accept the <a href="javascript:;" element-id="186">Terms & Conditions & rental Qualifications and Requirements</a></label>
</div>
<button class="proceed-btn" element-id="185" fdprocessedid="m8firb">Complete Reservation</button>
</div> -->
</div>
</div>
<div class="col-lg-4 col-12" element-id="184">
<div class="introduction-policy ">
<h2>Order Summary</h2>
<?php
$total = 0;
?>
<?php $__currentLoopData = $cartItems; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="custom-cards">
<div class="row align-items-center">
<div class="col-12 col-md-4">
<img src="<?php echo e(asset('storage/images/'.$item->product->product_image)); ?>" class="img-fluid" alt="img">
</div>
<div class="col-12 col-md-6">
<ul>
<li>
<h5><?php echo e($item->product->product_front_title); ?> x <?php echo e($item->product_quantity); ?><br>
<?php if($item->color): ?> <?php echo e($item->color->color_name); ?> <?php endif; ?>-<?php if($item->size): ?> <?php echo e($item->size->size); ?> <?php endif; ?>
</h5>
</li>
<li>
<span class="small-size"><?php if($item->color && $item->size): ?>
<?php
$total += ($item->product->product_origional_price + $item->color->color_price + $item->size->price) * $item->product_quantity
?>
<?php elseif($item->color): ?>
<?php
$total += ($item->product->product_origional_price + $item->color->color_price) * $item->product_quantity
?>
<?php elseif($item->size): ?>
<?php
$total += ($item->product->product_origional_price + $item->size->price) * $item->product_quantity
?>
<?php else: ?>
<?php
$total += $item->product->product_origional_price * $item->product_quantity
?>
<?php endif; ?></span>
</li>
</ul>
</div>
<div class="col-12 col-md-2">
<div class="pricing">
<p>usd
<?php if($item->color && $item->size): ?>
<?php echo e(($item->product->product_origional_price + $item->color->color_price + $item->size->price) * $item->product_quantity); ?>
<?php elseif($item->color): ?>
<?php echo e(($item->product->product_origional_price + $item->color->color_price) * $item->product_quantity); ?>
<?php elseif($item->size): ?>
<?php echo e(($item->product->product_origional_price + $item->size->price) * $item->product_quantity); ?>
<?php else: ?>
<?php echo e($item->product->product_origional_price * $item->product_quantity); ?>
<?php endif; ?></p>
</div>
</div>
</div>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<div class="blue-cap">
<!-- <ul>
<li>Discount: <span>$0.00</span></li>
<li>Shipping: <span>$10.00</span></li>
</ul> -->
<ul>
<li>TOTAL: <span>$<?php echo e($total); ?></span></li>
</ul>
<ul class="radio-ul">
<!-- <li>
<input type="radio" name="paymentMethod" id="paypal-s" value="COD">
<label for="paypal-s">
<h6>cash on delivery</h6>
</label>
</li> -->
<!-- <li>
<input type="radio" name="paymentMethod" id="paypal-s" value="Paypal">
<label for="paypal-s">
<h6>paypal</h6>
</label>
</li> -->
<li>
<input type="radio" name="paymentMethod" id="stripe-p" value="Stripe">
<label for="stripe-p">
<h6>stripe (Credit/Debit Card)</h6>
</label>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="checkbox-field field-2">
<input type="checkbox" name="terms_cnd" id="terms-cnd">
<label for="terms-cnd">I've read and accept the terms & conditions *.</label>
</div>
<button type="submit" class="mart-858 order-btn">CONFIRM ORDER</button>
</form>
</section>
</main>
<script>
$(document).ready(function(){
$("#checkout_form").on('submit', function(e){
e.preventDefault();
var data = new FormData(this);
debugger
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$.ajax({
url: "<?php echo e(url('/placeorder')); ?>",
method: "POST",
data: data,
cache: false,
processData: false,
contentType: false,
success:function(data)
{
debugger
if(data.status==1)
{
window.location = "<?php echo e(url('/payment')); ?>"+'/'+data.order_id;
}
else if(data.status==2)
{
window.location = "<?php echo e(url('/stripe_payment')); ?>"+'/'+data.order_id;
}
else if($.isEmptyObject(data.error))
{
toastr.success(data.success,"Success",{timeOut: 1500});
window.location = "<?php echo e(url('/')); ?>";
}
else if(data.error.fname)
{
toastr.error(data.error.fname,"Error",{timeOut: 1500});
return false;
}
else if(data.error.lname)
{
toastr.error(data.error.lname,"Error",{timeOut: 1500});
return false;
}
else if(data.error.email)
{
toastr.error(data.error.email,"Error",{timeOut: 1500});
return false;
}
else if(data.error.phone)
{
toastr.error(data.error.phone,"Error",{timeOut: 1500});
return false;
}
else if(data.error.address1)
{
toastr.error(data.error.address1,"Error",{timeOut: 1500});
return false;
}
else if(data.error.city)
{
toastr.error(data.error.city,"Error",{timeOut: 1500});
return false;
}
else if(data.error.state)
{
toastr.error(data.error.state,"Error",{timeOut: 1500});
return false;
}
else if(data.error.country)
{
toastr.error(data.error.country,"Error",{timeOut: 1500});
return false;
}
else if(data.error.zipcode)
{
toastr.error(data.error.zipcode,"Error",{timeOut: 1500});
return false;
}
else if(data.error.paymentMethod)
{
toastr.error(data.error.paymentMethod,"Error",{timeOut: 1500});
return false;
}
else if(data.error.terms_cnd)
{
toastr.error(data.error.terms_cnd,"Error",{timeOut: 1500});
return false;
}
},
error:function()
{
toastr.error("Something Went Wrong","Error",{timeOut: 1500});
return false;
},
});
});
});
</script>
<?php if (isset($component)) { $__componentOriginalc4b07cf28b7f1e802225b60d159b9be2061c7516 = $component; } ?>
<?php $component = $__env->getContainer()->make(App\View\Components\Main\Footer::class, []); ?>
<?php $component->withName('main.footer'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc4b07cf28b7f1e802225b60d159b9be2061c7516)): ?>
<?php $component = $__componentOriginalc4b07cf28b7f1e802225b60d159b9be2061c7516; ?>
<?php unset($__componentOriginalc4b07cf28b7f1e802225b60d159b9be2061c7516); ?>
<?php endif; ?><?php /**PATH D:\Qasim Khan\easy-buyer\resources\views/checkout.blade.php ENDPATH**/ ?>