{{-- <script src="https://kit.fontawesome.com/9a0d5db5ba.js" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/jq-3.3.1/dt-1.10.25/r-2.2.9/datatables.min.css"/>
 
<script type="text/javascript" src="https://cdn.datatables.net/v/dt/jq-3.3.1/dt-1.10.25/r-2.2.9/datatables.min.js"></script>
<script
  src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"
  integrity="sha256-T0Vest3yCU7pafRw9r+settMBX6JkKN06dqBnpQ8d30="
  crossorigin="anonymous"></script> --}}


<link href="{{ asset('css/dashboard.css') }}" rel="stylesheet">

<x-app-layout>

    <div class="py-5 menu">
        <div class="max-w-7xl rounded-2xl mx-auto sm:px-6 lg:px-8 w-auto">
            <div >
                <div class="buttons flex space-x-4 h-auto p-2">
                    <x-active-buttons href="{{ route('dashboard') }}" :active="request()->routeIs('dashboard')">
                        <p>Mis Compus</p>
                    </x-active-buttons>
                    <x-active-buttons href="{{ route('pago') }}" :active="request()->routeIs('pago')">
                        <p>Mis Compras</p>
                    </x-active-buttons>
                    <x-active-buttons href="{{ route('support') }}" :active="request()->routeIs('support')">
                        <p>Mis tickets de Soporte</p>
                    </x-active-buttons>
                </div>
                <br>
            </div>
            <br>
            <div class="">
                <livewire:payment-extended>
                    
                </livewire:payment-extended>
            </div>

            <br>
        </div>
    </div>
</x-app-layout>