webshell

Ghost Exploiter Team Official

Directory >> /home/softsuitetech/public_html/DEMO/loot4games/resources/views/front/cart/

File / Folder	Size	Action
.	-
cart.blade.php	24.193KB	edt ren
checkout.blade.php	26.306KB	edt ren
checkout_step_one.blade...	17.241KB	edt ren
checkout_step_three.bla...	19.63KB	edt ren
checkout_step_two.blade...	18.251KB	edt ren

@extends('front.layout.app')
@section('content')

<section class="mx-44 bg-white rounded-2xl p-4 mb-7">
        <div class="grid grid-cols-4 gap-0 mx-2">
            <div class="flex">
                <div class="rounded-full border-2 border-yellow-300 h-10 w-10 rounded-2xl flex items-center justify-center mr-2">
                    <span class="text-center text-slate-600 text-sm">1</span>
                </div>
                <a class="mt-[10px] nav-link font-semibold" id="pills-inventory-tab" data-toggle="pill" href="#pills-inventory" role="tab" aria-controls="pills-inventory" aria-selected="true">Warenknob</a>
                <hr class="h-[2px] bg-slate-200 mt-[21px] ml-[6px] w-[79px]"/>
            </div>
            <div class="flex items-center">
                
                <div class="rounded-full border-2 border-slate-200 h-10 w-10 rounded-2xl flex items-center justify-center mr-2">
                    <span class="text-center text-slate-200 text-sm">2</span>
                </div>
                <a class="text-slate-200 nav-link font-semibold" id="pills-inventory-tab" data-toggle="pill" href="#pills-inventory" role="tab" aria-controls="pills-inventory" aria-selected="true">Payment</a>
                <hr class="h-[2px] bg-slate-200 ml-[6px] w-[101px]"/>
            </div>

<div class="flex">
                <div class="rounded-full border-2 border-slate-200 h-10 w-10 rounded-2xl flex items-center justify-center mr-2">
                    <span class="text-center text-slate-200 text-sm">3</span>
                </div>
                <a class="mt-2 text-slate-200 nav-link font-semibold whitespace-nowrap" id="pills-inventory-tab" data-toggle="pill" href="#pills-inventory" role="tab" aria-controls="pills-inventory" aria-selected="true">Erhalte dein Produke</a>
            </div>
            <div class="flex ml-10">
                <svg class="mt-1.5" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" style="fill: rgba(21, 247, 7, 1);transform: ;msFilter:;"><path d="M12 2C9.243 2 7 4.243 7 7v2H6c-1.103 0-2 .897-2 2v9c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-9c0-1.103-.897-2-2-2h-1V7c0-2.757-2.243-5-5-5zM9 7c0-1.654 1.346-3 3-3s3 1.346 3 3v2H9V7zm9.002 13H13v-2.278c.595-.347 1-.985 1-1.722 0-1.103-.897-2-2-2s-2 .897-2 2c0 .736.405 1.375 1 1.722V20H6v-9h12l.002 9z"></path></svg>
                <div class="mx-2 text-[27px] text-slate-200">|</div>
                <p class="mt-2 nav-link font-bold text-xs leading-[14px]" id="pills-inventory-tab" data-toggle="pill" href="#pills-inventory" role="tab" aria-controls="pills-inventory" aria-selected="true">SicHere Zahlung <br> <span class="font-semibold text-[9px]">256-bt SSL Verschlüsselt</span></p>
            </div>
        </div>
    </section>

<div class="flex flex-col col-span-1 lg:col-span-4 mt-2 ml-3">
                            <b class="uppercase tracking-wide text-sm text-gray-700 whitespace-nowrap">FORTNITE ACCOUNT - ARIANA GRANDE SKIN </b>

<div class="w-px h-4 bg-black mx-1"></div>
                                <p class="uppercase tracking-wide text-xs text-black font-bold whitespace-nowrap">Move To Wishlist</p>
                            </div>
                        </div>

<div class="col-span-4 lg:col-span-4 ml-10">
                <div class="bg-white rounded-xl p-4 h-auto">
                    <div class="grid grid-cols-2 flex gap-4">
                        <b class="ml-4 flex">Zwischensumme:</b>
                        <b class="justify-center flex">$8798</b>
                    </div>

<div class="grid grid-cols-2 flex gap-4 mt-3">
                        <b class="ml-4">Rabatt:</b>
                        <b class="justify-center flex">$2500</b>
                    </div>

<div class="grid grid-cols-2 flex gap-4 mt-6">
                        <b class="justify-center flex">Gesamt (inkl. MwSt.):</b>
                        <b class="justify-center flex">$6298</b>
                    </div>

<div class="grid grid-cols-1 mt-5">
                        <a href="" class="col-span-5 mx-16 rounded-xl px-4 py-4 bg-black text-white hover:bg-black duration-300">Jetzt Zur Zahlung</a>
                    </div>

<div class="grid grid-cols-1 mt-5 mb-5">
                        <div class="flex justify-center">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 mt-1 text-black mx-1">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15m0 0l6.75 6.75M4.5 12l6.75-6.75" />
                            </svg>
                            <a href="" class="text-black font-bold text-lg">Einkauf Fortsetzen</a>
                        </div>
                    </div>

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

@endsection

// Listen for click events on nav pills
        $('.nav-pills .nav-link').click(function(event) {
            event.preventDefault(); // Prevent the default anchor scroll behavior
            // Remove active class from all pills
            $('.nav-pills .nav-link').removeClass('active text-orange-500');
            // Add active class to the clicked pill
            $(this).addClass('active text-orange-500');
            // Get the target content section ID
            var target = $(this).attr('href');
            // Hide all content sections
            $('.tab-content .tab-pane').hide();
            // Show the target content section
            $(target).show();
            // Hide the account, order, affiliate, customer support, wishlist, and inventory sections when showing the notification section
            if (target === '#pills-notification') {
                $('#accountSection').hide();
                $('#orderSection').hide();
                $('#affiliateSection').hide();
                $('#customerSupportSection').hide();
                $('#wishlistSection').hide();
                $('#inventorySection').hide();
                $('#notificationSection').show();
            } else if (target === '#pills-operation') {
                $('#accountSection').hide();
                $('#notificationSection').hide();
                $('#orderSection').hide();
                $('#affiliateSection').hide();
                $('#customerSupportSection').hide();
                $('#wishlistSection').hide();
                $('#inventorySection').hide();
                $('#operationSection').show();
            } else if (target === '#pills-order') {
                $('#accountSection').hide();
                $('#notificationSection').hide();
                $('#operationSection').hide();
                $('#affiliateSection').hide();
                $('#customerSupportSection').hide();
                $('#wishlistSection').hide();
                $('#inventorySection').hide();
                $('#orderSection').show();
            } else if (target === '#pills-affiliate') {
                $('#accountSection').hide();
                $('#notificationSection').hide();
                $('#operationSection').hide();
                $('#orderSection').hide();
                $('#customerSupportSection').hide();
                $('#wishlistSection').hide();
                $('#inventorySection').hide();
                $('#affiliateSection').show();
            } else if (target === '#pills-customer-support') {
                $('#accountSection').hide();
                $('#notificationSection').hide();
                $('#operationSection').hide();
                $('#orderSection').hide();
                $('#affiliateSection').hide();
                $('#wishlistSection').hide();
                $('#inventorySection').hide();
                $('#customerSupportSection').show();
            } else if (target === '#pills-wishlist') {
                $('#accountSection').hide();
                $('#notificationSection').hide();
                $('#operationSection').hide();
                $('#orderSection').hide();
                $('#affiliateSection').hide();
                $('#customerSupportSection').hide();
                $('#inventorySection').hide();
                $('#wishlistSection').show();
            } else if (target === '#pills-inventory') {
                $('#accountSection').hide();
                $('#notificationSection').hide();
                $('#operationSection').hide();
                $('#orderSection').hide();
                $('#affiliateSection').hide();
                $('#customerSupportSection').hide();
                $('#wishlistSection').hide();
                $('#inventorySection').show();
            } else {
                $('#accountSection').show();
                $('#notificationSection').hide();
                $('#operationSection').hide();
                $('#orderSection').hide();
                $('#affiliateSection').hide();
                $('#customerSupportSection').hide();
                $('#wishlistSection').hide();
                $('#inventorySection').hide();
            }
        });

// Listen for click events on the account tab
        $('#accountTab').click(function(event) {
            event.preventDefault();
            // Remove active class from all pills
            $('.nav-pills .nav-link').removeClass('active text-orange-500');
            // Add active class to the account tab
            $(this).addClass('active text-orange-500');
            // Show the account section
            $('#accountSection').show();
            // Hide the notification, order, affiliate, customer support, wishlist, and inventory sections
            $('#notificationSection').hide();
            $('#orderSection').hide();
            $('#affiliateSection').hide();
            $('#customerSupportSection').hide();
            $('#wishlistSection').hide();
            $('#inventorySection').hide();
        });

// Listen for click events on the order tab
        $('#orderTab').click(function(event) {
            event.preventDefault();
            // Remove active class from all pills
            $('.nav-pills .nav-link').removeClass('active text-orange-500');
            // Add active class to the order tab
            $(this).addClass('active text-orange-500');
            // Show the order section
            $('#orderSection').show();
            // Hide the notification, account, affiliate, customer support, wishlist, and inventory sections
            $('#notificationSection').hide();
            $('#accountSection').hide();
            $('#affiliateSection').hide();
            $('#customerSupportSection').hide();
            $('#wishlistSection').hide();
            $('#inventorySection').hide();
        });

// Listen for click events on the affiliate tab
        $('#affiliateTab').click(function(event) {
            event.preventDefault();
            // Remove active class from all pills
            $('.nav-pills .nav-link').removeClass('active text-orange-500');
            // Add active class to the affiliate tab
            $(this).addClass('active text-orange-500');
            // Show the affiliate section
            $('#affiliateSection').show();
            // Hide the notification, account, order, customer support, wishlist, and inventory sections
            $('#notificationSection').hide();
            $('#accountSection').hide();
            $('#orderSection').hide();
            $('#customerSupportSection').hide();
            $('#wishlistSection').hide();
            $('#inventorySection').hide();
        });

// Listen for click events on the customer support tab
        $('#customerSupportTab').click(function(event) {
            event.preventDefault();
            // Remove active class from all pills
            $('.nav-pills .nav-link').removeClass('active text-orange-500');
            // Add active class to the customer support tab
            $(this).addClass('active text-orange-500');
            // Show the customer support section
            $('#customerSupportSection').show();
            // Hide the notification, account, order, affiliate, wishlist, and inventory sections
            $('#notificationSection').hide();
            $('#accountSection').hide();
            $('#orderSection').hide();
            $('#affiliateSection').hide();
            $('#wishlistSection').hide();
            $('#inventorySection').hide();
        });
    });

</script>

{{--<script>
document.addEventListener("DOMContentLoaded", function() {
    // Get the elements
    var accountLink = document.querySelector("a[href='#account']");
    var accountSection = document.querySelector("#accountSection");

var notificationLink = document.querySelector("a[href='#notification']");
    var notificationSection = document.querySelector("#notificationSection");

var operationLink = document.querySelector("a[href='#operation']");
    var operationSection = document.querySelector("#operationSection");

var orderLink = document.querySelector("a[href='#order']");
    var orderSection = document.querySelector("#orderSection");

// Add click event listener to the account link
    accountLink.addEventListener("click", function(event) {
        event.preventDefault();
        accountSection.classList.toggle("active");
        accountLink.classList.toggle("selected");

// Hide the notification section when showing the account section
        notificationSection.classList.remove("active");
        notificationLink.classList.remove("selected");
    });

// Add click event listener to the notification link
    notificationLink.addEventListener("click", function(event) {
        event.preventDefault();
        notificationSection.classList.toggle("active");
        notificationLink.classList.toggle("selected");

// Hide the account section when showing the notification section
        accountSection.classList.remove("active");
        accountLink.classList.remove("selected");
    });

// Add click event listener to the operation link
    operationLink.addEventListener("click", function(event) {
        event.preventDefault();
        operationSection.classList.toggle("active");
        operationLink.classList.toggle("selected");

// Hide the account section when showing the notification section
        notificationSection.classList.remove("active");
        notificationLink.classList.remove("selected");
    });

// Add click event listener to the order link
    orderLink.addEventListener("click", function(event) {
        event.preventDefault();
        orderSection.classList.toggle("active");
        orderLink.classList.toggle("selected");

// Hide the account section when showing the order section
        accountSection.classList.remove("active");
        accountLink.classList.remove("selected");
    });
});

</script>--}}

<=Back