<main data-testid="" class="container css-pzzzko e1wcrodl0 mb-3">
    <div data-testid="announcement-bar" class="css-0"></div>
    <div class="css-1jkkz37">
        <div role="section" class="css-2gpxb5 mt-5">
            <h1 class="fw-bold pt-3 mb-5" role="heading">My Orders</h1>

            <?php if(count($orders) == 0): ?>
                <section class="css-33q94s">
                    <div class="css-ng5v4y">
                        <h3 class="chakra-heading css-1ih6yrm fw-bold" role="heading">Orders in progress</h3>
                        <div class="css-1vusyjt justify-content-center">
                            <img alt="car surrounded by various sizes of plus signs" src="<?php echo e(asset('assets/images/shopping-car.svg')); ?>" class="chakra-image css-0">
                            <p class="chakra-text css-jc9y2y">Here you will see cars in transaction process.</p>
                            <button type="submit" class="btn btn-lg p-4 btn-primary fw-bold" data-testid="feature.car_selector.search"><?php echo e(offers()); ?> Offers</button>
                        </div>
                    </div>
                </section>
            <?php else: ?>
                <!-- orders -->
                <style data-emotion="css 1l6amd2">
                    .css-1l6amd2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;gap:1.6rem;}
                </style>
                <div class="css-1l6amd2" data-testid="page.search_car.result_list">
                    <style data-emotion="css 5kv5sp">
                        .css-5kv5sp{width:100%;-webkit-order:1;-ms-flex-order:1;order:1;}@media  screen and (min-width: 768px){.css-5kv5sp{width:calc(50% - 0.8rem);}}@media  screen and (min-width: 992px){.css-5kv5sp{width:100%;}}
                    </style>

                    <!-- car div to loop -->
                    <?php $__currentLoopData = $orders; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $order): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="css-5kv5sp" data-testid="feature.car.card">
                            <style data-emotion="css 2acrqc">
                                .css-2acrqc{position:relative;box-shadow:0px 4px 8px rgba(72, 88, 133, 0.08);-webkit-transition:box-shadow 250ms ease;transition:box-shadow 250ms ease;border-radius:0.8rem;background:var(--chakra-colors-white);color:var(--chakra-colors-gray-800);}.css-2acrqc:hover,.css-2acrqc[data-hover]{box-shadow:0px 8px 16px rgba(72, 88, 133, 0.16);}
                            </style>
                            <div class="css-2acrqc" role="group">
                                <style data-emotion="css 1ux7p7m">
                                    .css-1ux7p7m{-webkit-text-decoration:none;text-decoration:none;width:100%;margin-bottom:2.4rem;}@media  screen and (min-width: 768px){.css-1ux7p7m{width:calc(50% - 0.8rem);margin-bottom:1.6rem;}}@media  screen and (min-width: 992px){.css-1ux7p7m{width:100%;}}
                                </style>
                                <span class="gtm-element-visibility-impressions-list css-1ux7p7m">
                                    <style data-emotion="css wf7tda">
                                        @media  screen and (min-width: 992px){.css-wf7tda{display:grid;grid-template-columns:27.7rem minmax(27.7rem, 1fr);grid-template-rows:minmax(20.8rem, 1fr);}}
                                    </style>
                                    <div class="css-wf7tda">
                                        <style data-emotion="css 178hvjl">
                                            .css-178hvjl{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--chakra-space-4);-webkit-align-self:flex-start;-ms-flex-item-align:flex-start;align-self:flex-start;}
                                        </style>
                                        <div class="chakra-stack css-178hvjl">
                                            <div class="css-79elbk">
                                                <style data-emotion="css 1wj7m3u">
                                                    .css-1wj7m3u{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;aspect-ratio:1.3333333333333333;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:0.6rem 0.6rem 0 0;}@media  screen and (min-width: 992px){.css-1wj7m3u{border-radius:0.6rem 0 0 0.6rem;}}.css-1wj7m3u:hover [role=button],.css-1wj7m3u[data-hover] [role=button]{opacity:1;}.css-1wj7m3u [role=button]{opacity:0;}
                                                </style>
                                                <div class="chakra-carousel css-1wj7m3u">
                                                    <style data-emotion="css 1mxdn2f">
                                                        .css-1mxdn2f{position:relative;overflow:hidden;width:100%;min-height:100%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-image:url(/_next/static/media/Car24.44ffa1fd.svg);background-repeat:no-repeat;-webkit-background-position:center center;background-position:center center;aspect-ratio:1.3333333333333333;}
                                                    </style>
                                                    <div class="chakra-carousel__slide css-1mxdn2f">
                                                        <style data-emotion="css 14nefjg">
                                                            .css-14nefjg{aspect-ratio:1.3333333333333333;max-width:100%;}.car-img{object-fit:cover;padding:5px 5px 0px 5px;border-radius:10px}
                                                        </style>
                                                        <img alt="<?php echo e($order->car->title); ?>" class="chakra-image css-14nefjg car-img" decoding="async" loading="eager" width="100%" src="<?php echo e(asset($order->car->images[0])); ?>"/>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <style data-emotion="css hy3pkv">
                                            .css-hy3pkv{position:relative;padding:1.2rem;opacity:1;height:auto;overflow:hidden;}@media  screen and (min-width: 992px){.css-hy3pkv{padding:1.6rem 1.2rem 1.2rem 1.2rem;height:100%;overflow:auto;}}
                                        </style>
                                        <div class="css-hy3pkv">
                                            <style data-emotion="css 1a4fuv6">
                                                .css-1a4fuv6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;padding:0.4rem 0.4rem 0;}@media  screen and (min-width: 992px){.css-1a4fuv6{}}
                                            </style>
                                            <div class="css-1a4fuv6">
                                                <style data-emotion="css 1dtn3dh">
                                                    .css-1dtn3dh{font-family:EuclidCircularB,sans-serif;color:#1F2B59;font-style:normal;margin:var(--chakra-space-0);font-weight:800;font-size:2rem;line-height:2.8rem;letter-spacing:-0.02rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}[role=group]:hover .css-1dtn3dh,[role=group][data-hover] .css-1dtn3dh,[data-group]:hover .css-1dtn3dh,[data-group][data-hover] .css-1dtn3dh,.group:hover .css-1dtn3dh,.group[data-hover] .css-1dtn3dh{color:#3E47DD;}
                                                </style>
                                                <a href="<?php echo e(route('car-detail', $order->car_id)); ?>">
                                                    <h4 class="chakra-heading css-1dtn3dh" data-testid="feature.car.card_serp_row_title" role="heading">
                                                        <?php echo e($order->car->title); ?>

                                                    </h4>
                                                </a>
                                            </div>

                                            <style data-emotion="css 1f7pwkr">
                                                .css-1f7pwkr{padding:0 0 0.8rem;min-height:5.6rem;}@media  screen and (min-width: 992px){.css-1f7pwkr{padding:1.2rem 0 0.4rem 0;min-height:2.4rem;}}
                                            </style>
                                            <div class="css-1f7pwkr">

                                                <div class="css-1dc8cah" role="group">
                                                    <style data-emotion="css 11p90fi">
                                                        .css-11p90fi{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.8rem;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-height:4.8rem;overflow:visible;}@media  screen and (min-width: 992px){.css-11p90fi{max-height:2.4rem;}}
                                                    </style>

                                                    <style data-emotion="css 1pm5upt">
                                                        .css-1pm5upt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--chakra-colors-blue-100);border-radius:var(--chakra-radii-base);-webkit-padding-start:0.4rem;padding-inline-start:0.4rem;-webkit-padding-end:0.4rem;padding-inline-end:0.4rem;max-width:100%;color:var(--chakra-colors-blue-700);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-transition:0.2s ease;transition:0.2s ease;cursor:pointer;}@media  screen and (min-width: 0em) and (max-width: 991.98px){.css-1pm5upt{height:2rem;}.css-1pm5upt>svg{width:1.4rem;height:1.4rem;padding:var(--chakra-space-0);}}@media  screen and (min-width: 992px){.css-1pm5upt{height:2.4rem;}.css-1pm5upt>svg{width:1.6rem;height:1.6rem;padding:0.2rem;}}
                                                    </style>

                                                    <style data-emotion="css 1jqfiqr">
                                                        .css-1jqfiqr{font-family:EuclidCircularB,sans-serif;font-style:normal;font-weight:600;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-padding-start:0.4rem;padding-inline-start:0.4rem;-webkit-padding-end:0.4rem;padding-inline-end:0.4rem;line-height:1.6rem;font-size:var(--chakra-fontSizes-75);}
                                                    </style>

                                                    <?php
                                                        $firstKey = array_key_first($order->payment_history);
                                                        $lastKey = array_key_last($order->payment_history);

                                                        $initialDeposit = $order->payment_history[$firstKey];
                                                        $lastDeposit = $order->payment_history[$lastKey];

                                                        $nextDepositDate = date('d-m-Y', strtotime($lastKey . ' +30 days'));
                                                    ?>

                                                    <div class="fw-bold p-2">
                                                        <div class="p-1">
                                                            Total Financed: <span class="border border-warning px-2 rounded">$<?php echo e(number_format($order->amount_paid)); ?></span>
                                                        </div>
                                                        <div class="p-1">
                                                            Down Payment: <span class="border border-warning px-2 rounded">$<?php echo e(number_format($initialDeposit)); ?></span>
                                                        </div>
                                                        <div class="p-1">
                                                            Monthly Installment: <span class="border border-warning px-2 rounded">$<?php echo e(number_format($order->monthly_plan)); ?></span>
                                                        </div>
                                                        <div class="p-1">
                                                            Payment Duration: <span class="border border-warning px-2 rounded"><?php echo e($order->duration); ?> months</span>
                                                        </div>
                                                        <div class="p-1">
                                                            Last Deposit Date: <span class="border border-warning px-2 rounded"><?php echo e($lastKey); ?></span>
                                                        </div>
                                                        <div class="p-1">
                                                            Next Deposit Date: <span class="border border-warning px-2 rounded"><?php echo e($nextDepositDate); ?></span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <style data-emotion="css 1fnfjg1">
                                                .css-1fnfjg1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}@media  screen and (min-width: 992px){.css-1fnfjg1{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:7.6rem;padding-top:0.8rem;}}
                                            </style>
                                            <div class="css-1fnfjg1">
                                                <style data-emotion="css cyilet">
                                                    .css-cyilet{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;padding:0.2rem 0;height:0.6rem;}@media  screen and (min-width: 992px){.css-cyilet{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:0.8rem;padding:0.8rem 0 0;height:6.8rem;}}
                                                </style>
                                                <div class="css-cyilet">
                                                </div>
                                                <style data-emotion="css 19h6fup">
                                                    .css-19h6fup{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:100%;height:0.5rem;padding:0.2rem 0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}@media  screen and (min-width: 992px){.css-19h6fup{width:1.7rem;height:100%;padding:0.8rem;}}
                                                </style>
                                                <div class="css-19h6fup">
                                                    <style data-emotion="css v4sy6o">
                                                        .css-v4sy6o{opacity:0.6;border:0;border-color:inherit;border-style:solid;border-bottom-width:1px;width:100%;}@media  screen and (min-width: 992px){.css-v4sy6o{width:0.1rem;height:5.2rem;}}
                                                    </style>
                                                </div>
                                                <style data-emotion="css qxjueq">
                                                    .css-qxjueq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;padding:0.6rem 0 0;}@media  screen and (min-width: 992px){.css-qxjueq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:50%;height:6.4rem;padding:var(--chakra-space-0);}}
                                                </style>
                                                <div class="css-qxjueq">
                                                    <style data-emotion="css hboir5">
                                                        .css-hboir5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;}
                                                    </style>
                                                    <div class="css-hboir5">
                                                        <style data-emotion="css k8pdt6">
                                                            .css-k8pdt6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
                                                        </style>
                                                        <div class="css-k8pdt6">
                                                            <style data-emotion="css 1aglhhc">
                                                                .css-1aglhhc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;min-width:30rem;}@media  screen and (min-width: 992px){.css-1aglhhc{gap:3rem;}}@media  screen and (min-width: 1200px){.css-1aglhhc{gap:var(--chakra-space-0);}}
                                                            </style>
                                                            <div class="css-1aglhhc">
                                                                <style data-emotion="css 1xh5apb">
                                                                    .css-1xh5apb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;background:transparent;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;gap:0.7rem;}
                                                                </style>
                                                                <div class="mt-3 mr-4 p-2">
                                                                    <button class="btn fw-bold text-light" style="font-size:16px;background:#1F2B59" role="button" data-toggle="modal" data-target="#exampleModalLong">Finance</button>
                                                                </div>
                                                                <div class="css-1xh5apb e1vkzwd0" type="textBottom">
                                                                    <style data-emotion="css 1jnz86y">
                                                                        .css-1jnz86y{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:0;}.css-1jnz86y >p{margin:0;}.css-1jnz86y >span{margin-left:0.8rem;}
                                                                    </style>
                                                                    <div class="css-1jnz86y e1vkzwd1" type="textBottom">
                                                                        <style data-emotion="css ibn9o7">
                                                                            .css-ibn9o7{color:#175808;white-space:nowrap;font-size:1.2rem;line-height:2rem;}
                                                                        </style>
                                                                        <div class="css-ibn9o7 e1vkzwd2" type="textBottom">
                                                                            <style data-emotion="css 120a3oc">
                                                                                .css-120a3oc{font-family:EuclidCircularB,sans-serif;font-style:normal;color:inherit;font-size:1.2rem;line-height:2rem;font-weight:600;}
                                                                            </style>
                                                                            <p class="chakra-text css-120a3oc">
                                                                                Top offer
                                                                            </p>
                                                                        </div>
                                                                    </div>
                                                                    <style data-emotion="css ivf718">
                                                                        .css-ivf718{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
                                                                    </style>
                                                                    <div class="css-ivf718 e1vkzwd3" type="textBottom">
                                                                        <style data-emotion="css g676ha">
                                                                            .css-g676ha{width:1.3rem;height:0.8rem;border-radius:10rem;background-color:#378517;margin-right:0.2rem;}.css-g676ha:last-child{margin-right:0;}
                                                                        </style>
                                                                        <div class="css-g676ha e1vkzwd4">
                                                                        </div>
                                                                        <div class="css-g676ha e1vkzwd4">
                                                                        </div>
                                                                        <div class="css-g676ha e1vkzwd4">
                                                                        </div>
                                                                        <div class="css-g676ha e1vkzwd4">
                                                                        </div>
                                                                        <div class="css-g676ha e1vkzwd4">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <style data-emotion="css pc8kt4">
                                                                    .css-pc8kt4{display:block;width:100%;-webkit-align-self:flex-end;-ms-flex-item-align:flex-end;align-self:flex-end;text-align:end;}@media (min-width:992px){.css-pc8kt4{-webkit-align-self:flex-end;-ms-flex-item-align:flex-end;align-self:flex-end;display:block;text-align:end;}}
                                                                </style>
                                                                <div class="css-pc8kt4 e16y9auy0">
                                                                    <div>
                                                                        <style data-emotion="css ybv1ny">
                                                                            .css-ybv1ny{font-family:EuclidCircularB,sans-serif;color:#1F2B59;font-style:normal;margin:var(--chakra-space-0);font-weight:800;font-size:2rem;line-height:2.8rem;letter-spacing:-0.02rem;white-space:nowrap;overflow:hidden;}
                                                                        </style>
                                                                        <h4 class="chakra-heading css-ybv1ny" data-testid="feature.serp_car_card.price" role="heading">
                                                                            $<?php echo e(number_format($order->car_price)); ?>

                                                                        </h4>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </span>
                            </div>
                        </div>



                        <!-- Modal -->
                        <link rel="stylesheet" href="<?php echo e(asset('assets/css/payment-modal.css')); ?>">
                        <div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" >
                            <div class="modal-dialog" role="document">
                                <div class="modal-content" style="border-radius: 2rem">
                                    <div class="modal-body">
                                        <form>
                                            <div class="css-ujjr14 bg-white">
                                                <div role="dialog" class="css-1nw4mfe">
                                                    <div class="css-7r74hk">
                                                        <button type="button" class="chakra-button css-k4t1hf close" aria-label="Step back" data-testid="feature.modal.back_button" data-dismiss="modal">
                                                            <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-g7y5ub" aria-hidden="true">
                                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M6.70711 2.2929C6.31659 1.90237 5.68342 1.90237 5.2929 2.29289L0.292896 7.29287C0.105359 7.4804 1.45502e-06 7.73476 5.24534e-07 7.99997C5.4772e-07 8.26519 0.105356 8.51954 0.292892 8.70708L5.29289 13.7071C5.68341 14.0976 6.31658 14.0976 6.7071 13.7071C7.09763 13.3166 7.09763 12.6834 6.70711 12.2929L3.41421 8.99998L15 8.99998C15.5523 8.99998 16 8.55226 16 7.99998C16 7.44769 15.5523 6.99998 15 6.99998L3.41422 6.99998L6.7071 3.70711C7.09763 3.31659 7.09763 2.68342 6.70711 2.2929Z" fill="currentColor"></path>
                                                            </svg>
                                                        </button>
                                                        <h3 class="chakra-heading css-1a3ob45" role="heading">Financing</h3>
                                                    </div>
                                                    <div class="css-1rcner2">
                                                        <div class="css-1jmaa3">
                                                            <div class="css-qvw3sj">
                                                                <div class="css-i7jdrw">
                                                                    <div class="css-cv8rvs">
                                                                        <div role="radiogroup" aria-labelledby="financing-type" class="css-omhou1">
                                                                            <fieldset aria-checked="true" role="radio" class="css-l8wdn">
                                                                                <p class="chakra-text css-1ltvw3b mt-2">Low Installment</p>
                                                                                <div class="css-du0yet">New</div>
                                                                            </fieldset>
                                                                        </div>
                                                                        <div class="css-hboir5">
                                                                            <small>Pay for your vehicle in easy installments! Enter the amount you want to top-up for this order.</small>
                                                                        </div>
                                                                    </div>
                                                                    <div class="css-1eecgpw">

                                                                        <div class="css-1ofqig9">
                                                                            <div class="css-exvop4">
                                                                                <div class="css-1fag19g">
                                                                                    <p class="chakra-text css-2d055x">
                                                                                        <small class="w-bold">Amount</small>
                                                                                    </p>
                                                                                </div>
                                                                            </div>

                                                                            <div class="css-j7qwjs">
                                                                                <input type="number" class="form-control form-control-lg" placeholder="500" wire:model.lazy="amount" min="200">
                                                                                <small class="text-danger">
                                                                                    <?php $__errorArgs = ['amount'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                                                                        <?php echo e($message); ?>

                                                                                    <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                                                                </small>
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                    <button class="btn btn-primary fw-bold p-3 mt-0" data-testid="feature.receipt.financing_next_button" role="button" wire:click="finance(<?php echo e($order->car_id, $order->car_price, $order->duration, $order->monthly_plan); ?>)">
                                                                        Start Financing
                                                                    </button>
                                                                </div>

                                                                <div class="css-tiyt5v px-3">
                                                                    <div class="css-qtnf3s mb-2">
                                                                        <p class="css-er1uci epmtl4v0">Need some advice?</p>
                                                                        <button class="btn btn-white btn-lg text-primary fw-bold border border-2 border-primary">Chat Support  &nbsp;<i class="fa-solid fa-message"></i></button>
                                                                    </div>
                                                                    <div class="p-1 shadow-sm">
                                                                        <small class="chakra-text css-cs1cpz text-danger">
                                                                            You can request for a refund if you choose to discontinue with your purchase.
                                                                        </small>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Modal end -->
                        <!-- car div to loop ends -->
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
                <!-- end orders -->
            <?php endif; ?>
        </div>
    </div>

    <script>
        window.addEventListener('reinitializeModal', function() {
            document.getElementById('exampleModalLong').style.display = 'block';
            $('#exampleModalLong').addClass('show');
        });
    </script>
</main><?php /**PATH C:\xampp\htdocs\cavg\resources\views/livewire/pages/main/orders.blade.php ENDPATH**/ ?>