@extends('layouts.superadmin.app')
@section('styles')

@endsection

@section('content')
<div class="content_area superAdmin">
  <!-- ================= BREADCRUMB ================= -->
  <nav class="crumbs">
    <a href="#">Dashboard</a><span class="sep">›</span>
    <a href="#">User Management</a><span class="sep">›</span>
    <a href="#">League Admins</a><span class="sep">›</span>
    <span class="current">Sarah Jenkins</span>
  </nav>

  <div class="row g-3">

    <!-- ================= PROFILE ================= -->
    <div class="col-lg-7">
      <div class="dash-card">
        <div class="d-flex flex-wrap gap-3 align-items-start">
          <div class="avatar-wrap">
            <div class="avatar-img">
               <img src="{{ asset('assets/images/pro-img.jpg') }}" alt="">
            </div>
            <span class="badge-online">ACTIVE</span>
          </div>
          <div class="flex-grow-1">
            <div class="d-flex flex-wrap align-items-center gap-2">
              <span class="profile-name">Sarah Jenkins</span>
              <span class="role-pill">League Admin</span>
            </div>
            <div class="profile-sub mt-1 mb-3">League Management &amp; Financial Oversight</div>
            <div class="d-flex flex-wrap gap-4 mb-3">
              <span class="contact-item">
                <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M2 16C1.45 16 0.979167 15.8042 0.5875 15.4125C0.195833 15.0208 0 14.55 0 14V2C0 1.45 0.195833 0.979167 0.5875 0.5875C0.979167 0.195833 1.45 0 2 0H18C18.55 0 19.0208 0.195833 19.4125 0.5875C19.8042 0.979167 20 1.45 20 2V14C20 14.55 19.8042 15.0208 19.4125 15.4125C19.0208 15.8042 18.55 16 18 16H2ZM10 9L2 4V14H18V4L10 9ZM10 7L18 2H2L10 7ZM2 4V2V4V14V4Z" fill="#6922DA"/>
                </svg>
                s.jenkins@iconleague.io
              </span>
              <span class="contact-item">
                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M16.95 18C14.8667 18 12.8083 17.5458 10.775 16.6375C8.74167 15.7292 6.89167 14.4417 5.225 12.775C3.55833 11.1083 2.27083 9.25833 1.3625 7.225C0.454167 5.19167 0 3.13333 0 1.05C0 0.75 0.1 0.5 0.3 0.3C0.5 0.1 0.75 0 1.05 0H5.1C5.33333 0 5.54167 0.0791667 5.725 0.2375C5.90833 0.395833 6.01667 0.583333 6.05 0.8L6.7 4.3C6.73333 4.56667 6.725 4.79167 6.675 4.975C6.625 5.15833 6.53333 5.31667 6.4 5.45L3.975 7.9C4.30833 8.51667 4.70417 9.1125 5.1625 9.6875C5.62083 10.2625 6.125 10.8167 6.675 11.35C7.19167 11.8667 7.73333 12.3458 8.3 12.7875C8.86667 13.2292 9.46667 13.6333 10.1 14L12.45 11.65C12.6 11.5 12.7958 11.3875 13.0375 11.3125C13.2792 11.2375 13.5167 11.2167 13.75 11.25L17.2 11.95C17.4333 12.0167 17.625 12.1375 17.775 12.3125C17.925 12.4875 18 12.6833 18 12.9V16.95C18 17.25 17.9 17.5 17.7 17.7C17.5 17.9 17.25 18 16.95 18ZM3.025 6L4.675 4.35L4.25 2H2.025C2.10833 2.68333 2.225 3.35833 2.375 4.025C2.525 4.69167 2.74167 5.35 3.025 6ZM11.975 14.95C12.625 15.2333 13.2875 15.4583 13.9625 15.625C14.6375 15.7917 15.3167 15.9 16 15.95V13.75L13.65 13.275L11.975 14.95Z" fill="#6922DA"/>
                </svg>
                +1 (555) 012-8821
              </span>
            </div>
            <span class="contact-item">
              <svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M8 10C8.55 10 9.02083 9.80417 9.4125 9.4125C9.80417 9.02083 10 8.55 10 8C10 7.45 9.80417 6.97917 9.4125 6.5875C9.02083 6.19583 8.55 6 8 6C7.45 6 6.97917 6.19583 6.5875 6.5875C6.19583 6.97917 6 7.45 6 8C6 8.55 6.19583 9.02083 6.5875 9.4125C6.97917 9.80417 7.45 10 8 10ZM8 17.35C10.0333 15.4833 11.5417 13.7875 12.525 12.2625C13.5083 10.7375 14 9.38333 14 8.2C14 6.38333 13.4208 4.89583 12.2625 3.7375C11.1042 2.57917 9.68333 2 8 2C6.31667 2 4.89583 2.57917 3.7375 3.7375C2.57917 4.89583 2 6.38333 2 8.2C2 9.38333 2.49167 10.7375 3.475 12.2625C4.45833 13.7875 5.96667 15.4833 8 17.35ZM8 20C5.31667 17.7167 3.3125 15.5958 1.9875 13.6375C0.6625 11.6792 0 9.86667 0 8.2C0 5.7 0.804167 3.70833 2.4125 2.225C4.02083 0.741667 5.88333 0 8 0C10.1167 0 11.9792 0.741667 13.5875 2.225C15.1958 3.70833 16 5.7 16 8.2C16 9.86667 15.3375 11.6792 14.0125 13.6375C12.6875 15.5958 10.6833 17.7167 8 20Z" fill="#6922DA"/>
              </svg>
              HQ – Central Division
            </span>
          </div>
        </div>
      </div>
    </div>

    <!-- ================= SECURITY ================= -->
    <div class="col-lg-5">
      <div class="dash-card">
        <div class="card-head mb-3">Security &amp; Controls</div>
        <button class="sec-btn" type="button">
          <span class="sec-left">
            <span class="sec-ic">
              <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10H2C2 11.1 2.20833 12.1375 2.625 13.1125C3.04167 14.0875 3.6125 14.9375 4.3375 15.6625C5.0625 16.3875 5.9125 16.9625 6.8875 17.3875C7.8625 17.8125 8.9 18.025 10 18.025C12.2333 18.025 14.125 17.25 15.675 15.7C17.225 14.15 18 12.2583 18 10.025C18 7.79167 17.225 5.9 15.675 4.35C14.125 2.8 12.2333 2.025 10 2.025C8.51667 2.025 7.17083 2.3875 5.9625 3.1125C4.75417 3.8375 3.8 4.8 3.1 6H6V8H0V2H2V4C2.91667 2.78333 4.06667 1.8125 5.45 1.0875C6.83333 0.3625 8.35 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM8 14C7.71667 14 7.47917 13.9042 7.2875 13.7125C7.09583 13.5208 7 13.2833 7 13V10C7 9.71667 7.09583 9.47917 7.2875 9.2875C7.47917 9.09583 7.71667 9 8 9V8C8 7.45 8.19583 6.97917 8.5875 6.5875C8.97917 6.19583 9.45 6 10 6C10.55 6 11.0208 6.19583 11.4125 6.5875C11.8042 6.97917 12 7.45 12 8V9C12.2833 9 12.5208 9.09583 12.7125 9.2875C12.9042 9.47917 13 9.71667 13 10V13C13 13.2833 12.9042 13.5208 12.7125 13.7125C12.5208 13.9042 12.2833 14 12 14H8ZM9 9H11V8C11 7.71667 10.9042 7.47917 10.7125 7.2875C10.5208 7.09583 10.2833 7 10 7C9.71667 7 9.47917 7.09583 9.2875 7.2875C9.09583 7.47917 9 7.71667 9 8V9Z" fill="#6922DA"/>
              </svg>
            </span>
            Reset Password
          </span>
          <span class="arrow">
            <svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
               <path d="M0.8875 10L0 9.1125L4.1125 5L0 0.8875L0.8875 0L5.8875 5L0.8875 10Z" fill="white"/>
            </svg>
          </span>
        </button>
        <button class="sec-btn" type="button">
          <span class="sec-left">
            <span class="sec-ic">
              <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M2 16H3.425L13.2 6.225L11.775 4.8L2 14.575V16ZM0 18V13.75L13.2 0.575C13.4 0.391667 13.6208 0.25 13.8625 0.15C14.1042 0.05 14.3583 0 14.625 0C14.8917 0 15.15 0.05 15.4 0.15C15.65 0.25 15.8667 0.4 16.05 0.6L17.425 2C17.625 2.18333 17.7708 2.4 17.8625 2.65C17.9542 2.9 18 3.15 18 3.4C18 3.66667 17.9542 3.92083 17.8625 4.1625C17.7708 4.40417 17.625 4.625 17.425 4.825L4.25 18H0ZM16 3.4L14.6 2L16 3.4ZM12.475 5.525L11.775 4.8L13.2 6.225L12.475 5.525Z" fill="#6922DA"/>
              </svg>
            </span>
            Edit Profile Settings
          </span>
          <span class="arrow">
            <svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M0.8875 10L0 9.1125L4.1125 5L0 0.8875L0.8875 0L5.8875 5L0.8875 10Z" fill="white"/>
            </svg>
          </span>
        </button>
        <button class="sec-btn danger" type="button">
          <span class="sec-left">
            <span class="sec-ic">
              <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M18.4 19.825L15.775 17.2H2.625V14.4C2.625 13.8333 2.77083 13.3125 3.0625 12.8375C3.35417 12.3625 3.74167 12 4.225 11.75C4.975 11.3667 5.7375 11.0583 6.5125 10.825C7.2875 10.5917 8.075 10.4167 8.875 10.3L0 1.425L1.425 0L19.825 18.4L18.4 19.825ZM4.625 15.2H13.775L10.775 12.2C10.7417 12.2 10.7167 12.2 10.7 12.2C10.6833 12.2 10.6583 12.2 10.625 12.2C9.69167 12.2 8.76667 12.3125 7.85 12.5375C6.93333 12.7625 6.025 13.1 5.125 13.55C4.975 13.6333 4.85417 13.75 4.7625 13.9C4.67083 14.05 4.625 14.2167 4.625 14.4V15.2ZM17.025 11.75C17.5083 11.9833 17.8917 12.3375 18.175 12.8125C18.4583 13.2875 18.6083 13.8 18.625 14.35L15.275 11C15.575 11.1167 15.8708 11.2333 16.1625 11.35C16.4542 11.4667 16.7417 11.6 17.025 11.75ZM12.825 8.55L11.35 7.075C11.7333 6.925 12.0417 6.67917 12.275 6.3375C12.5083 5.99583 12.625 5.61667 12.625 5.2C12.625 4.65 12.4292 4.17917 12.0375 3.7875C11.6458 3.39583 11.175 3.2 10.625 3.2C10.2083 3.2 9.82917 3.31667 9.4875 3.55C9.14583 3.78333 8.9 4.09167 8.75 4.475L7.275 3C7.65833 2.43333 8.14167 1.99167 8.725 1.675C9.30833 1.35833 9.94167 1.2 10.625 1.2C11.725 1.2 12.6667 1.59167 13.45 2.375C14.2333 3.15833 14.625 4.1 14.625 5.2C14.625 5.88333 14.4667 6.51667 14.15 7.1C13.8333 7.68333 13.3917 8.16667 12.825 8.55ZM13.775 15.2H4.625C4.625 15.2 4.67083 15.2 4.7625 15.2C4.85417 15.2 4.975 15.2 5.125 15.2C5.575 15.2 6.04167 15.2 6.525 15.2C7.00833 15.2 7.57917 15.2 8.2375 15.2C8.89583 15.2 9.67083 15.2 10.5625 15.2C11.4542 15.2 12.525 15.2 13.775 15.2Z" fill="#CF4242"/>
              </svg>
            </span>
            Suspend Access
          </span>
          <span class="arrow">
            <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M5 10C4.30833 10 3.65833 9.86875 3.05 9.60625C2.44167 9.34375 1.9125 8.9875 1.4625 8.5375C1.0125 8.0875 0.65625 7.55833 0.39375 6.95C0.13125 6.34167 0 5.69167 0 5C0 4.30833 0.13125 3.65833 0.39375 3.05C0.65625 2.44167 1.0125 1.9125 1.4625 1.4625C1.9125 1.0125 2.44167 0.65625 3.05 0.39375C3.65833 0.13125 4.30833 0 5 0C5.69167 0 6.34167 0.13125 6.95 0.39375C7.55833 0.65625 8.0875 1.0125 8.5375 1.4625C8.9875 1.9125 9.34375 2.44167 9.60625 3.05C9.86875 3.65833 10 4.30833 10 5C10 5.69167 9.86875 6.34167 9.60625 6.95C9.34375 7.55833 8.9875 8.0875 8.5375 8.5375C8.0875 8.9875 7.55833 9.34375 6.95 9.60625C6.34167 9.86875 5.69167 10 5 10ZM5 9C5.45 9 5.88333 8.92708 6.3 8.78125C6.71667 8.63542 7.1 8.425 7.45 8.15L1.85 2.55C1.575 2.9 1.36458 3.28333 1.21875 3.7C1.07292 4.11667 1 4.55 1 5C1 6.11667 1.3875 7.0625 2.1625 7.8375C2.9375 8.6125 3.88333 9 5 9ZM8.15 7.45C8.425 7.1 8.63542 6.71667 8.78125 6.3C8.92708 5.88333 9 5.45 9 5C9 3.88333 8.6125 2.9375 7.8375 2.1625C7.0625 1.3875 6.11667 1 5 1C4.55 1 4.11667 1.07292 3.7 1.21875C3.28333 1.36458 2.9 1.575 2.55 1.85L8.15 7.45Z" fill="#CF4242"/>
            </svg>
          </span>
        </button>
      </div>
    </div>

    <!-- ================= REVENUE + CHART ================= -->
    <div class="col-lg-6">
      <div class="dash-card">
        <div class="d-flex justify-content-between align-items-start">
          <div>
            <div class="rev-label">Total Managed Revenue</div>
            <div class="rev-value">$142,890.00</div>
          </div>
          <span class="delta-pill">
            <svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M0.933333 8L0 7.06667L4.93333 2.1L7.6 4.76667L11.0667 1.33333H9.33333V0H13.3333V4H12V2.26667L7.6 6.66667L4.93333 4L0.933333 8Z" fill="#A0E86F"/>
            </svg> 
            +12%</span>
        </div>
        <div class="rev-chart"><canvas id="revChart"></canvas></div>
      </div>
    </div>

    <!-- ================= SUBSCRIPTION ================= -->
    <div class="col-lg-6">
      <div class="dash-card">
        <div class="d-flex justify-content-between align-items-center mb-3">
          <div class="card-head">Subscription Details</div>
          <span class="delta-pill">ACTIVE</span>
        </div>
        <div class="d-flex flex-wrap justify-content-between gap-2 mb-3">
          <div>
            <div class="sub-label mb-1">Current Plan</div>
            <div class="sub-plan">Global Admin Elite</div>
          </div>
          <div class="text-end">
            <div class="sub-label mb-1">Next Renewal</div>
            <div class="sub-date">Oct 24, 2024</div>
          </div>
        </div>
        <div class="sub-label mb-2">Billing Cycle Progress</div>
        <div class="d-flex align-items-center gap-3 mb-4">
          <div class="sub-progress">
            <div class="bar"></div>
          </div>
          <span style="font-size:.78rem;font-weight:700;">72%</span>
        </div>
        <div class="d-flex flex-wrap gap-2">
          <button class="btn-plan primary" type="button">Upgrade</button>
          <button class="btn-plan" type="button">Extend</button>
          <button class="btn-plan" type="button">Downgrade</button>
        </div>
      </div>
    </div>

    <!-- ================= MANAGED EVENTS ================= -->
    <div class="col-lg-7">
      <div class="dash-card p-0">
        <div class="panel-head">
          <div class="card-head">Managed Events</div>
          <button class="btn-assign" type="button">+ Assign New</button>
        </div>
        <div class="table-responsive">
          <table class="table events-table">
            <thead>
              <tr>
                <th>Events Name</th>
                <th>Participants</th>
                <th>Status</th>
                <th>Last Sync</th>
                <th></th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>
                  <div class="d-flex align-items-center gap-2">
                    <span class="ev-avatar" style="background:#7C3AED;">PP</span>
                    <span class="ev-name">Premier Pro<br>League</span>
                  </div>
                </td>
                <td><span class="ev-sub">1,240</span> <span class="ev-sub">Players</span></td>
                <td><span class="badge-st bs-live">Live</span></td>
                <td class="sync">2h ago</td>
                <td class="text-end"><button class="kebab" type="button">&#8942;</button></td>
              </tr>
              <tr>
                <td>
                  <div class="d-flex align-items-center gap-2">
                    <span class="ev-avatar" style="background:#2563EB;">EL</span>
                    <span class="ev-name">Elite Legends<br>2024</span>
                  </div>
                </td>
                <td><span class="ev-sub">850</span> <span class="ev-sub">Players</span></td>
                <td><span class="badge-st bs-live">Live</span></td>
                <td class="sync">5m ago</td>
                <td class="text-end"><button class="kebab" type="button">&#8942;</button></td>
              </tr>
              <tr>
                <td>
                  <div class="d-flex align-items-center gap-2">
                    <span class="ev-avatar" style="background:#F97316;">UC</span>
                    <span class="ev-name">Underdog<br>Cup</span>
                  </div>
                </td>
                <td><span class="ev-sub">2,100</span> <span class="ev-sub">Players</span></td>
                <td><span class="badge-st bs-pending">Pending</span></td>
                <td class="sync">1d ago</td>
                <td class="text-end"><button class="kebab" type="button">&#8942;</button></td>
              </tr>
              <tr>
                <td>
                  <div class="d-flex align-items-center gap-2">
                    <span class="ev-avatar" style="background:#2563EB;">EL</span>
                    <span class="ev-name">Elite Legends<br>2024</span>
                  </div>
                </td>
                <td><span class="ev-sub">850</span> <span class="ev-sub">Players</span></td>
                <td><span class="badge-st bs-completed">Completed</span></td>
                <td class="sync">5m ago</td>
                <td class="text-end"><button class="kebab" type="button">&#8942;</button></td>
              </tr>
              <tr>
                <td>
                  <div class="d-flex align-items-center gap-2">
                    <span class="ev-avatar" style="background:#F97316;">UC</span>
                    <span class="ev-name">Underdog<br>Cup</span>
                  </div>
                </td>
                <td><span class="ev-sub">2,100</span> <span class="ev-sub">Players</span></td>
                <td><span class="badge-st bs-rejected">Rejected</span></td>
                <td class="sync">1d ago</td>
                <td class="text-end"><button class="kebab" type="button">&#8942;</button></td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>

    <!-- ================= RECENT ACTIVITY ================= -->
    <div class="col-lg-5">
      <div class="dash-card">
        <div class="card-head mb-3">Recent Activity</div>
        <div class="timeline">
          <div class="tl-item">
            <span class="tl-dot" style="background:#6922DA;">
              <svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M0 7.91667V7.08333H5V7.91667H0ZM2.35417 5.89583L0 3.54167L0.875 2.64583L3.25 5L2.35417 5.89583ZM5 3.25L2.64583 0.875L3.54167 0L5.89583 2.35417L5 3.25ZM6.91667 7.5L1.47917 2.0625L2.0625 1.47917L7.5 6.91667L6.91667 7.5Z" fill="white"/>
              </svg>
            </span>
            <div class="tl-title">Approved Auction Queue</div>
            <div class="tl-desc">Authorized Premier Pro League Final Round.</div>
            <div class="tl-time">12 MINUTES AGO</div>
          </div>
          <div class="tl-item">
            <span class="tl-dot" style="background:#252525;">
              <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M3.04167 8.33333L2.875 7C2.78472 6.96528 2.69965 6.92361 2.61979 6.875C2.53993 6.82639 2.46181 6.77431 2.38542 6.71875L1.14583 7.23958L0 5.26042L1.07292 4.44792C1.06597 4.39931 1.0625 4.35243 1.0625 4.30729C1.0625 4.26215 1.0625 4.21528 1.0625 4.16667C1.0625 4.11806 1.0625 4.07118 1.0625 4.02604C1.0625 3.9809 1.06597 3.93403 1.07292 3.88542L0 3.07292L1.14583 1.09375L2.38542 1.61458C2.46181 1.55903 2.54167 1.50694 2.625 1.45833C2.70833 1.40972 2.79167 1.36806 2.875 1.33333L3.04167 0H5.33333L5.5 1.33333C5.59028 1.36806 5.67535 1.40972 5.75521 1.45833C5.83507 1.50694 5.91319 1.55903 5.98958 1.61458L7.22917 1.09375L8.375 3.07292L7.30208 3.88542C7.30903 3.93403 7.3125 3.9809 7.3125 4.02604C7.3125 4.07118 7.3125 4.11806 7.3125 4.16667C7.3125 4.21528 7.3125 4.26215 7.3125 4.30729C7.3125 4.35243 7.30556 4.39931 7.29167 4.44792L8.36458 5.26042L7.21875 7.23958L5.98958 6.71875C5.91319 6.77431 5.83333 6.82639 5.75 6.875C5.66667 6.92361 5.58333 6.96528 5.5 7L5.33333 8.33333H3.04167ZM3.77083 7.5H4.59375L4.73958 6.39583C4.95486 6.34028 5.15451 6.25868 5.33854 6.15104C5.52257 6.0434 5.69097 5.91319 5.84375 5.76042L6.875 6.1875L7.28125 5.47917L6.38542 4.80208C6.42014 4.70486 6.44444 4.60243 6.45833 4.49479C6.47222 4.38715 6.47917 4.27778 6.47917 4.16667C6.47917 4.05556 6.47222 3.94618 6.45833 3.83854C6.44444 3.7309 6.42014 3.62847 6.38542 3.53125L7.28125 2.85417L6.875 2.14583L5.84375 2.58333C5.69097 2.42361 5.52257 2.28993 5.33854 2.18229C5.15451 2.07465 4.95486 1.99306 4.73958 1.9375L4.60417 0.833333H3.78125L3.63542 1.9375C3.42014 1.99306 3.22049 2.07465 3.03646 2.18229C2.85243 2.28993 2.68403 2.42014 2.53125 2.57292L1.5 2.14583L1.09375 2.85417L1.98958 3.52083C1.95486 3.625 1.93056 3.72917 1.91667 3.83333C1.90278 3.9375 1.89583 4.04861 1.89583 4.16667C1.89583 4.27778 1.90278 4.38542 1.91667 4.48958C1.93056 4.59375 1.95486 4.69792 1.98958 4.80208L1.09375 5.47917L1.5 6.1875L2.53125 5.75C2.68403 5.90972 2.85243 6.0434 3.03646 6.15104C3.22049 6.25868 3.42014 6.34028 3.63542 6.39583L3.77083 7.5ZM4.20833 5.625C4.61111 5.625 4.95486 5.48264 5.23958 5.19792C5.52431 4.91319 5.66667 4.56944 5.66667 4.16667C5.66667 3.76389 5.52431 3.42014 5.23958 3.13542C4.95486 2.85069 4.61111 2.70833 4.20833 2.70833C3.79861 2.70833 3.45312 2.85069 3.17188 3.13542C2.89062 3.42014 2.75 3.76389 2.75 4.16667C2.75 4.56944 2.89062 4.91319 3.17188 5.19792C3.45312 5.48264 3.79861 5.625 4.20833 5.625Z" fill="#BABABA"/>
              </svg>
            </span>
            <div class="tl-title">Modified System Rules</div>
            <div class="tl-desc">Updated bidding increments for Super Elite tier.</div>
            <div class="tl-time">4 HOURS AGO</div>
          </div>
          <div class="tl-item">
            <span class="tl-dot" style="background:#3E4D35;">
              <svg width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M7.08333 4.16667V2.91667H5.83333V2.08333H7.08333V0.833333H7.91667V2.08333H9.16667V2.91667H7.91667V4.16667H7.08333ZM3.33333 3.33333C2.875 3.33333 2.48264 3.17014 2.15625 2.84375C1.82986 2.51736 1.66667 2.125 1.66667 1.66667C1.66667 1.20833 1.82986 0.815972 2.15625 0.489583C2.48264 0.163194 2.875 0 3.33333 0C3.79167 0 4.18403 0.163194 4.51042 0.489583C4.83681 0.815972 5 1.20833 5 1.66667C5 2.125 4.83681 2.51736 4.51042 2.84375C4.18403 3.17014 3.79167 3.33333 3.33333 3.33333ZM0 6.66667V5.5C0 5.26389 0.0607639 5.04688 0.182292 4.84896C0.303819 4.65104 0.465278 4.5 0.666667 4.39583C1.09722 4.18056 1.53472 4.0191 1.97917 3.91146C2.42361 3.80382 2.875 3.75 3.33333 3.75C3.79167 3.75 4.24306 3.80382 4.6875 3.91146C5.13194 4.0191 5.56944 4.18056 6 4.39583C6.20139 4.5 6.36285 4.65104 6.48438 4.84896C6.6059 5.04688 6.66667 5.26389 6.66667 5.5V6.66667H0ZM0.833333 5.83333H5.83333V5.5C5.83333 5.42361 5.81424 5.35417 5.77604 5.29167C5.73785 5.22917 5.6875 5.18056 5.625 5.14583C5.25 4.95833 4.87153 4.81771 4.48958 4.72396C4.10764 4.63021 3.72222 4.58333 3.33333 4.58333C2.94444 4.58333 2.55903 4.63021 2.17708 4.72396C1.79514 4.81771 1.41667 4.95833 1.04167 5.14583C0.979167 5.18056 0.928819 5.22917 0.890625 5.29167C0.852431 5.35417 0.833333 5.42361 0.833333 5.5V5.83333ZM3.33333 2.5C3.5625 2.5 3.75868 2.4184 3.92188 2.25521C4.08507 2.09201 4.16667 1.89583 4.16667 1.66667C4.16667 1.4375 4.08507 1.24132 3.92188 1.07812C3.75868 0.914931 3.5625 0.833333 3.33333 0.833333C3.10417 0.833333 2.90799 0.914931 2.74479 1.07812C2.5816 1.24132 2.5 1.4375 2.5 1.66667C2.5 1.89583 2.5816 2.09201 2.74479 2.25521C2.90799 2.4184 3.10417 2.5 3.33333 2.5Z" fill="#A0E86F"/>
              </svg>
            </span>
            <div class="tl-title">New Owner Verified</div>
            <div class="tl-desc">Completed KYC for team owner 'Titan Exports'.</div>
            <div class="tl-time">YESTERDAY, 4:15 PM</div>
          </div>
          <div class="tl-item">
            <span class="tl-dot" style="background:#252525;">
              <svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M3.75 7.5V6.66667H6.66667V0.833333H3.75V0H6.66667C6.89583 0 7.09201 0.0815972 7.25521 0.244792C7.4184 0.407986 7.5 0.604167 7.5 0.833333V6.66667C7.5 6.89583 7.4184 7.09201 7.25521 7.25521C7.09201 7.4184 6.89583 7.5 6.66667 7.5H3.75ZM2.91667 5.83333L2.34375 5.22917L3.40625 4.16667H0V3.33333H3.40625L2.34375 2.27083L2.91667 1.66667L5 3.75L2.91667 5.83333Z" fill="#BABABA"/>
              </svg>
            </span>
            <div class="tl-title">Session Authenticated</div>
            <div class="tl-desc">Secure login from IP 192.168.1.45 (New York, US).</div>
            <div class="tl-time">YESTERDAY, 9:02 AM</div>
          </div>
        </div>
        <a href="#" class="audit-link">View Full Audit Log</a>
      </div>
    </div>

  </div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>
<script>
  Chart.defaults.font.family = "'Inter', sans-serif";

  const ctx = document.getElementById('revChart').getContext('2d');
  const data = [10, 13, 12, 16, 15, 19, 18, 30];

  function grad(bright) {
    const g = ctx.createLinearGradient(0, 0, 0, 130);
    if (bright) {
      g.addColorStop(0, '#8B5CF6');
      g.addColorStop(1, '#6D28D9');
    } else {
      g.addColorStop(0, 'rgba(70,70,80,.9)');
      g.addColorStop(1, 'rgba(40,40,48,.5)');
    }
    return g;
  }

  new Chart(ctx, {
    type: 'bar',
    data: {
      labels: ['Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'],
      datasets: [{
        data: data,
        backgroundColor: (c) => grad(c.dataIndex === data.length - 1),
        borderRadius: { topLeft: 50, topRight: 50 },
        borderSkipped: 'bottom',
        barPercentage: .82,
        categoryPercentage: .9
      }]
    },
    options: {
      responsive: true,
      maintainAspectRatio: false,
      animation: { duration: 800, easing: 'easeOutQuart' },
      plugins: {
        legend: { display: false },
        tooltip: {
          backgroundColor: '#F2F3F5',
          titleColor: '#101204',
          bodyColor: '#101204',
          displayColors: false,
          padding: 9,
          cornerRadius: 8,
          callbacks: {
            title: () => '',
            label: (c) => '$' + (c.parsed.y * 1000).toLocaleString()
          }
        }
      },
      scales: {
        x: { display: false },
        y: { display: false, beginAtZero: true }
      }
    }
  });
</script>
@endsection

@section('scripts')

@endsection