<!-- meta tags and other links -->
<!DOCTYPE html>
<html data-theme="light">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <title>500 Server Error</title>
    <link href="/assets/images/favicon.png" rel="icon" sizes="16x16" type="image/png">
    <!-- remix icon font css  -->
    <link rel="stylesheet" href="/assets/css/remixicon.css">
    <!-- BootStrap css -->
    <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css">
    <!-- Apex Chart css -->
    <link rel="stylesheet" href="/assets/css/lib/apexcharts.css">
    <!-- Data Table css -->
    <link rel="stylesheet" href="/assets/css/lib/dataTables.min.css">
    <!-- Text Editor css -->
    <link rel="stylesheet" href="/assets/css/lib/editor-katex.min.css">
    <link rel="stylesheet" href="/assets/css/lib/editor.atom-one-dark.min.css">
    <link rel="stylesheet" href="/assets/css/lib/editor.quill.snow.css">
    <!-- Date picker css -->
    <link rel="stylesheet" href="/assets/css/lib/flatpickr.min.css">
    <!-- Calendar css -->
    <link rel="stylesheet" href="/assets/css/lib/full-calendar.css">
    <!-- Vector Map css -->
    <link rel="stylesheet" href="/assets/css/lib/jquery-jvectormap-2.0.5.css">
    <!-- Popup css -->
    <link rel="stylesheet" href="/assets/css/lib/magnific-popup.css">
    <!-- Slick Slider css -->
    <link rel="stylesheet" href="/assets/css/lib/slick.css">
    <!-- prism css -->
    <link rel="stylesheet" href="/assets/css/lib/prism.css">
    <!-- file upload css -->
    <link rel="stylesheet" href="/assets/css/lib/file-upload.css">

    <link rel="stylesheet" href="/assets/css/lib/audioplayer.css">
    <!-- main css -->
    <link rel="stylesheet" href="/assets/css/style.css">
</head>
<body>
<aside class="sidebar">
    <button class="sidebar-close-btn" type="button">
        <iconify-icon icon="radix-icons:cross-2"></iconify-icon>
    </button>
    <div>
        <a class="sidebar-logo" href="/dashboard">
            <img alt="site logo" class="light-logo" src="/assets/images/logo.svg">
            <img alt="site logo" class="dark-logo" src="/assets/images/logo-light.svg">
            <img alt="site logo" class="logo-icon" src="/assets/images/logo-icon.png">
        </a>
    </div>
    <div class="sidebar-menu-area">
    <ul class="sidebar-menu" id="sidebar-menu">
        <li class="dropdown">
            <a href="javascript:void(0)">
                <iconify-icon class="menu-icon" icon="solar:football-outline"></iconify-icon>
                <span>Football</span>
            </a>
            <ul class="sidebar-submenu">
                <li>
                    <a href="/ligas"><i class="ri-circle-fill circle-icon text-primary-600 w-auto"></i>
                        <span>Leagues</span></a>
                </li>
                <li>
                    <a href="/clubes"><i class="ri-circle-fill circle-icon text-warning-main w-auto"></i>
                        <span>Clubs</span></a>
                </li>
                <li>
                    <a href="/paises"><i class="ri-circle-fill circle-icon text-info-main w-auto"></i>
                        <span>Countries</span></a>
                </li>
                <li>
                    <a href="/jugadores"><i class="ri-circle-fill circle-icon text-danger-main w-auto"></i>
                        <span>Players</span></a>
                </li>
                <li>
                    <a href="/entrenadores"><i class="ri-circle-fill circle-icon text-success-main w-auto"></i>
                        <span>Coaches</span></a>
                </li>
                
                
                
<!--                <li>
                    <a th:href="@{/arbitros}"><i class="ri-circle-fill circle-icon text-purple w-auto"></i>
                        Arbitros</a>
                </li>-->
                <li>
                    <a href="/federaciones"><i class="ri-circle-fill circle-icon text-info-main w-auto"></i>
                        <span>Federations</span></a>
                </li>
                <li>
                    <a href="/agentes"><i class="ri-circle-fill circle-icon text-purple w-auto"></i>
                        <span>Agents</span></a>
                </li>
<!--                <li>
                    <a th:href="@{/asociaciones}"><i class="ri-circle-fill circle-icon text-warning-main w-auto"></i>
                        Asociaciones </a>
                </li>-->
                <li>
                    <a href="/embajadas"><i class="ri-circle-fill circle-icon text-success-main w-auto"></i>
                        <span>Embassies</span> </a>
                </li>
                <li>
                    <a href="/contactos"><i class="ri-circle-fill circle-icon text-danger-main w-auto"></i>
                        <span>Contacts</span></a>
                </li>
            </ul>
        </li>
        <li class="sidebar-menu-group-title">Application</li>
        <!--
        <li sec:authorize="!hasAuthority('AGENT')">
            <a th:href="@{/email}">
                <iconify-icon class="menu-icon" icon="mage:email"></iconify-icon>
<span th:text="#{page.public.email.txt1}">Email</span>
            </a>
        </li>
        <li sec:authorize="!hasAuthority('AGENT')">
            <a th:href="@{/chat}">
                <iconify-icon class="menu-icon" icon="bi:chat-dots"></iconify-icon>
<span th:text="#{page.public.chat.txt1}">Chat</span>
            </a>
        </li>
        -->
        <li>
            <a href="/analytics/players">
                <iconify-icon class="menu-icon" icon="hugeicons:analytics-up"></iconify-icon>
                <span>Statistics</span>
            </a>
        </li>
        <li>
            <a href="/calendario">
                <iconify-icon class="menu-icon" icon="solar:calendar-outline"></iconify-icon>
                <span>Calendar</span>
            </a>
        </li>
        <li class="dropdown">
            <a  href="javascript:void(0)">
                <iconify-icon class="menu-icon" icon="solar:document-add-outline"></iconify-icon>
                <span>Contracts</span>
            </a>
            <ul class="sidebar-submenu">
                <li>
                    <a href="/contratos/plantillas"><i class="ri-circle-fill circle-icon text-primary-600 w-auto"></i>
                        <span>Templates</span></a>
                </li>
                <li>
                    <a href="/contratos/grupos"><i class="ri-circle-fill circle-icon text-secondary-600 w-auto"></i>
                        <span>Groups</span></a>
                </li>
                <li>
                    <a href="/contratos/generar"><i class="ri-circle-fill circle-icon text-success-600 w-auto"></i>
                        <span>Generate Documents</span></a>
                </li>
            </ul>
        </li>
        <li>
            <a href="/peticiones">
                <iconify-icon class="menu-icon" icon="fa6-solid:person-dots-from-line"></iconify-icon>
                <span>Web Requests</span>
            </a>
        </li>
        
        <li>
            <a href="/peticiones-clubes">
                <iconify-icon class="menu-icon" icon="solar:user-plus-outline"></iconify-icon>
                <span>Represented Requests</span>
            </a>
        </li>
        <li>
            <a href="/sports-directors">
                <iconify-icon class="menu-icon" icon="iconoir:director-chair"></iconify-icon>
                <span>Sporting Directors</span>
            </a>
        </li>
        <li>
            <a href="/solicitudes">
                <iconify-icon class="menu-icon" icon="material-symbols:support-agent"></iconify-icon>
                <span>Representation Requests</span>
            </a>
        </li>
        <li class="dropdown">
            <a  href="javascript:void(0)">
                <iconify-icon class="menu-icon" icon="hugeicons:invoice-03"></iconify-icon>
                <span>Invoices</span>
            </a>
            <ul class="sidebar-submenu">
                <li>
                    <a href="/facturas"><i class="ri-circle-fill circle-icon text-primary-600 w-auto"></i>
                        List</a>
                </li>
            </ul>
        </li>

        <li class="dropdown">
            <a href="javascript:void(0)">
                <iconify-icon class="menu-icon" icon="flowbite:users-group-outline"></iconify-icon>
                <span>Users</span>
            </a>
            <ul class="sidebar-submenu">
                <li>
                    <a href="/configuracion/usuarios"><i class="ri-circle-fill circle-icon text-primary-600 w-auto"></i>
                        <span>Users</span></a>
                </li>
            </ul>
        </li>

        <li class="dropdown">
            <a href="javascript:void(0)">
                <i class="ri-user-settings-line text-xl me-14 d-flex w-auto"></i>
                <span>Roles &amp; Access</span>
            </a>
            <ul class="sidebar-submenu">
                <li>
                    <a href="/roles"><i class="ri-circle-fill circle-icon text-primary-600 w-auto"></i>
                        Role & Access</a>
                </li>
            </ul>
        </li>

        <li class="dropdown">
            <a href="javascript:void(0)">
                <i class="ri-news-line text-xl me-14 d-flex w-auto"></i>
<span>Blog</span>
            </a>
            <ul class="sidebar-submenu">
                <li>
<a href="/comunicados"><i class="ri-circle-fill circle-icon text-primary-600 w-auto"></i> <span>Blog</span></a>
                </li>
                <li>
                    <a href="/comunicados/nuevo"><i class="ri-circle-fill circle-icon text-info-main w-auto"></i> Add
                        Blog</a>
                </li>
            </ul>
        </li>
        <li class="dropdown">
            <a href="javascript:void(0)">
                <iconify-icon class="menu-icon" icon="octicon:info-24"></iconify-icon>
                <span>Legal Terms</span>
            </a>
            <ul class="sidebar-submenu">
                <li>
                    <a href="/configuracion/terminos/emails/es"><i class="ri-circle-fill circle-icon text-primary-600 w-auto"></i>
                        <span>Email Text</span></a>
                </li>
                <li>
                    <a href="/configuracion/terminos/privacidad/es"><i class="ri-circle-fill circle-icon text-primary-600 w-auto"></i>
                        <span>Privacy Policy</span></a>
                </li>
                <li>
                    <a href="/configuracion/terminos/cookies/es"><i class="ri-circle-fill circle-icon text-primary-600 w-auto"></i>
                        <span>Cookie Policy</span></a>
                </li>
                <li>
                    <a href="/configuracion/terminos/generales/es"><i class="ri-circle-fill circle-icon text-primary-600 w-auto"></i>
                        <span>General Terms and Conditions</span></a>
                </li>
            </ul>
        </li>
        <li>
            <a href="/maintenance">
                <i class="ri-hammer-line text-xl me-14 d-flex w-auto"></i>
                <span>Maintenance</span>
            </a>
        </li>
        <li class="dropdown">
            <a href="javascript:void(0)">
                <iconify-icon class="menu-icon" icon="icon-park-outline:setting-two"></iconify-icon>
                <span>Settings</span>
            </a>
            <ul class="sidebar-submenu">
                <li>
                    <a href="/configuracion/datos/empresa"><i class="ri-circle-fill circle-icon text-primary-600 w-auto"></i>
                        Company</a>
                </li>
                <li>
                    <a href="/configuracion/equipo"><i class="ri-circle-fill circle-icon text-primary-600 w-auto"></i>
                        <span>Team</span></a>
                </li>
                <li>
                    <a href="/configuracion/correo"><i class="ri-circle-fill circle-icon text-primary-600 w-auto"></i>
                        <span>SMTP</span></a>
                </li>
                <li>
                    <a href="/mensajes"><i class="ri-circle-fill circle-icon text-primary-600 w-auto"></i>
                        <span>Messages</span></a>
                </li>
            </ul>
        </li>
    </ul>
</div>
</aside>

<main class="dashboard-main">
    <div class="navbar-header">
    <div class="row align-items-center justify-content-between">
        <div class="col-auto">
            <div class="d-flex flex-wrap align-items-center gap-4">
                <button class="sidebar-toggle" type="button">
                    <iconify-icon class="icon text-2xl non-active" icon="heroicons:bars-3-solid"></iconify-icon>
                    <iconify-icon class="icon text-2xl active" icon="iconoir:arrow-right"></iconify-icon>
                </button>
                <button class="sidebar-mobile-toggle" type="button">
                    <iconify-icon class="icon" icon="heroicons:bars-3-solid"></iconify-icon>
                </button>
                <form class="navbar-search position-relative" id="globalSearchForm" autocomplete="off">
                    <input id="globalSearchInput" name="search" placeholder="Search" type="search" role="combobox" aria-controls="globalSearchResults" aria-expanded="false">
                    <iconify-icon class="icon" icon="ion:search-outline"></iconify-icon>
                    <div id="globalSearchResults"
                         class="global-search-results position-absolute top-100 start-0 bg-base shadow-lg radius-8 p-8 d-none z-3"
                         style="min-width: 320px; max-width: min(520px, 80vw); max-height: 70vh; overflow-y: auto;"
                         role="listbox" data-searching="Searching..." data-no-results="No results found" data-error="Search is unavailable" data-label-players="Players" data-label-coaches="Coaches" data-label-clubs="Clubs" data-label-associations="Federations" data-label-sports-directors="Sports Directors" data-label-agents="Agents">
                    </div>
                </form>
            </div>
        </div>
        <div class="col-auto">
            <div class="d-flex flex-wrap align-items-center gap-3">
                <button class="w-40-px h-40-px bg-neutral-200 rounded-circle d-flex justify-content-center align-items-center"
                        data-theme-toggle
                        type="button"></button>
                <div class="dropdown d-none d-sm-inline-block">
                    <button class="has-indicator w-40-px h-40-px bg-neutral-200 rounded-circle d-flex justify-content-center align-items-center"
                            data-bs-toggle="dropdown" type="button">
                        
                            
                            
                            
                            
                            
                            
                        
                    </button>
                    <div class="dropdown-menu to-top dropdown-menu-sm">
                        <div class="py-12 px-16 radius-8 bg-primary-50 mb-16 d-flex align-items-center justify-content-between gap-2">
                            <div>
                                <h6 class="text-lg text-primary-light fw-semibold mb-0">Choose Your Language</h6>
                            </div>
                        </div>

                        <div class="max-h-400-px overflow-y-auto scroll-sm pe-8">
                            <div class="form-check style-check d-flex align-items-center justify-content-between mb-16">
                                <a href="?weblang=es">
                                    <span
                                        class="text-black hover-bg-transparent hover-text-primary d-flex align-items-center gap-3">
                                    <img alt=""
                                         class="w-36-px h-36-px bg-success-subtle text-success-main rounded-circle flex-shrink-0"
                                         src="/assets/images/flags/sp.svg">
                                    <span class="text-md fw-semibold mb-0">Spanish</span>
                                  </span>
                                </a>
                            </div>

                            <div class="form-check style-check d-flex align-items-center justify-content-between mb-16">
                                <a href="?weblang=en">
                                  <span class="text-black hover-bg-transparent hover-text-primary d-flex align-items-center gap-3">
                                    <img alt="" class="w-36-px h-36-px bg-success-subtle text-success-main rounded-circle flex-shrink-0"
                                         src="/assets/images/flags/uk.svg">
                                    <span class="text-md fw-semibold mb-0">English</span>
                                  </span>
                                </a>
                            </div>

                            <div class="form-check style-check d-flex align-items-center justify-content-between mb-16">
                                <a href="?weblang=fr">
                                  <span class="text-black hover-bg-transparent hover-text-primary d-flex align-items-center gap-3">
                                    <img alt="" class="w-36-px h-36-px bg-success-subtle text-success-main rounded-circle flex-shrink-0"
                                         src="/assets/images/flags/fr.svg">
                                    <span class="text-md fw-semibold mb-0">Français</span>
                                  </span>
                                </a>
                            </div>

                            <div class="form-check style-check d-flex align-items-center justify-content-between mb-16">
                                <a href="?weblang=it">
                                  <span class="text-black hover-bg-transparent hover-text-primary d-flex align-items-center gap-3">
                                    <img alt="" class="w-36-px h-36-px bg-success-subtle text-success-main rounded-circle flex-shrink-0"
                                         src="/assets/images/flags/it.svg">
                                    <span class="text-md fw-semibold mb-0">Italiano</span>
                                  </span>
                                </a>
                            </div>

                            <div class="form-check style-check d-flex align-items-center justify-content-between mb-16">
                                <a href="?weblang=de">
                                    <span class="text-black hover-bg-transparent hover-text-primary d-flex align-items-center gap-3">
                                        <img alt=""
                                             class="w-36-px h-36-px bg-success-subtle text-success-main rounded-circle flex-shrink-0"
                                             src="/assets/images/flags/de.svg">
                                        <span class="text-md fw-semibold mb-0">Deutsch</span>
                                    </span>
                                </a>
                            </div>

                            <div class="form-check style-check d-flex align-items-center justify-content-between mb-16">
                                <a href="?weblang=pt">
                                    <span class="text-black hover-bg-transparent hover-text-primary d-flex align-items-center gap-3">
                                        <img alt=""
                                             class="w-36-px h-36-px bg-success-subtle text-success-main rounded-circle flex-shrink-0"
                                             src="/assets/images/flags/pt.svg">
                                        <span class="text-md fw-semibold mb-0">Português</span>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div><!-- Language dropdown end -->

                <div class="dropdown" id="notificationDropdown">
                    <button id="notificationToggle"
                            class="w-40-px h-40-px bg-neutral-200 rounded-circle d-flex justify-content-center align-items-center position-relative"
                            data-bs-toggle="dropdown" type="button" aria-label="Notifications" aria-expanded="false">
                        <iconify-icon class="text-primary-light text-xl" icon="iconoir:bell"></iconify-icon>
                        <span id="notificationBadge"
                              class="notification-badge position-absolute top-0 end-0 d-none"
                              aria-live="polite"></span>
                    </button>
                    <div id="notificationMenu" class="dropdown-menu to-top dropdown-menu-lg p-0" data-title="Notifications" data-mark-all="Mark all as read" data-empty="You have no notifications" data-error="Notifications are unavailable">
                        <div class="m-16 py-12 px-16 radius-8 bg-primary-50 mb-16 d-flex align-items-center justify-content-between gap-2">
                            <h6 class="text-lg text-primary-light fw-semibold mb-0">Notifications</h6>
                            <button id="notificationMarkAll" class="btn btn-link p-0 text-primary-600 d-none"
                                    type="button">Mark all as read</button>
                        </div>
                        <div id="notificationList" class="max-h-400-px overflow-y-auto scroll-sm pe-4"
                             role="status" aria-live="polite"></div>
                    </div>
                </div><!-- Notifications -->

                <div class="dropdown">
                    <button class="d-flex justify-content-center align-items-center rounded-circle"
                            data-bs-toggle="dropdown"
                            type="button">
                        
                        
                        <img alt="image" class="w-40-px h-40-px object-fit-cover rounded-circle"
                             src="/assets/images/user.png">
                    </button>
                    <div class="dropdown-menu to-top dropdown-menu-sm">
                        <div class="py-12 px-16 radius-8 bg-primary-50 mb-16 d-flex align-items-center justify-content-between gap-2">
                            <div>
                                <h6 class="text-lg text-primary-light fw-semibold mb-2">
                                    
                                    <span>User</span>
                                </h6>
                                
                                
                                    <span class="text-secondary-light fw-medium text-sm">User</span>
                                    
                                
                            </div>
                            <button class="hover-text-danger" type="button">
                                <iconify-icon class="icon text-xl" icon="radix-icons:cross-1"></iconify-icon>
                            </button>
                        </div>
                        <ul class="to-top-list">
                            <li>
                                <a class="dropdown-item text-black px-0 py-8 hover-bg-transparent hover-text-primary d-flex align-items-center gap-3"
                                   href="/user/profile">
                                    <iconify-icon class="icon text-xl" icon="solar:user-linear"></iconify-icon>
                                    <span>My Profile</span></a>
                            </li>
                            <li>
                                <form action="/user/panel/logout" method="post" class="m-0">
                                  
                                  <button class="dropdown-item text-black px-0 py-8 hover-bg-transparent hover-text-danger d-flex align-items-center gap-3 border-0 bg-transparent w-100"
                                          type="submit">
                                    <iconify-icon class="icon text-xl" icon="lucide:power"></iconify-icon>
                                    <span>Log Out</span>
                                  </button>
                                </form>
                            </li>
                        </ul>
                    </div>
                </div><!-- Profile dropdown end -->
            </div>
        </div>
    </div>
</div>

    <div class="dashboard-main-body">

        <div class="d-flex flex-wrap align-items-center justify-content-between gap-3 mb-24">
            <h6 class="fw-semibold mb-0">500</h6>
            <ul class="d-flex align-items-center gap-2">
                <li class="fw-medium">
                    <a href="/dashboard" class="d-flex align-items-center gap-1 hover-text-primary">
                        <iconify-icon icon="solar:home-smile-angle-outline" class="icon text-lg"></iconify-icon>
                        Dashboard
                    </a>
                </li>
                <li>-</li>
                <li class="fw-medium">500</li>
            </ul>
        </div>

        <div class="card basic-data-table">
            <div class="card-body py-80 px-32 text-center">
                <div class="max-w-454-px mx-auto">
                    <img src="/assets/images/error/error.png" alt="error" class="mb-24">
                </div>
                <h6 class="mb-16">500 Server Error</h6>
                <p class="text-secondary-light max-w-650-px mx-auto">Oops… something went wrong on our side. We are working to fix it as soon as possible.</p>
                <a href="/dashboard" class="btn btn-danger-600 radius-8 px-40 py-16">Home page</a>
            </div>
        </div>
    </div>

    <footer class="d-footer">
            <div class="row align-items-center justify-content-between">
                <div class="col-auto">
                    <p class="mb-0">© 2025 Football World Market. All Rights Reserved.</p>
                </div>
                <div class="col-auto">
                    <p class="mb-0"><span>Developed by</span> <span class="text-primary-600"><a href="https://desarrolloxml.com" target="_blank"> <span>DMXL</span></a></span></p>
                </div>
            </div>
        </footer>
</main>

<!-- jQuery library js -->
<script src="/assets/js/lib/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js -->
<script src="/assets/js/lib/bootstrap.bundle.min.js"></script>
<!-- Apex Chart js -->
<script src="/assets/js/lib/apexcharts.min.js"></script>
<!-- Data Table js -->
<script src="/assets/js/lib/dataTables.min.js"></script>
<!-- Iconify Font js -->
<script src="/assets/js/lib/iconify-icon.min.js"></script>
<!-- jQuery UI js -->
<script src="/assets/js/lib/jquery-ui.min.js"></script>
<!-- Vector Map js -->
<script src="/assets/js/lib/jquery-jvectormap-2.0.5.min.js"></script>
<script src="/assets/js/lib/jquery-jvectormap-world-mill-en.js"></script>
<!-- Popup js -->
<script src="/assets/js/lib/magnifc-popup.min.js"></script>
<!-- Slick Slider js -->
<script src="/assets/js/lib/slick.min.js"></script>
<!-- prism js -->
<script src="/assets/js/lib/prism.js"></script>
<!-- file upload js -->
<script src="/assets/js/lib/file-upload.js"></script>
<!-- audioplayer -->
<script src="/assets/js/lib/audioplayer.js"></script>

<!-- main js -->
<script src="/assets/js/app.js"></script>

</body>
</html>