<?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 &amp; Conditions &amp; 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**/ ?>