@extends('layouts.admin.app')

@section('title', 'Player Details')

@push('style')

@endpush

@section('content')
 <!-- Content Area -->
    <div class="content_area">

      <!-- ========== PLAYER INFORMATION ========== -->
      <div class="player-details-card">
        <div class="player-details-header">
          <h2>Player Information</h2>
          <div class="player-actions">
            <button class="btn-approve">Approve Player</button>
            <button class="btn-reject">Reject Player</button>
          </div>
        </div>

        <div class="player-info-content">
          <div class="player-profile-img">
            <img src="{{ asset('assets/images/pr-img.png') }}" alt="Auction">
          </div>
          <div class="player-info-grid">
            <div class="info-group">
              <span class="info-label">Full Name</span>
              <span class="info-value">Oliver Smith</span>
            </div>
            <div class="info-group">
              <span class="info-label">DOB &amp; Age</span>
              <span class="info-value">06/12/1996 (29 Years)</span>
            </div>
            <div class="info-group">
              <span class="info-label">Contact</span>
              <span class="info-value">+64 - 21123 4567</span>
            </div>
            <div class="info-group">
              <span class="info-label">Email Address</span>
              <span class="info-value">oliversmith@gmail.com</span>
            </div>
            <div class="info-group">
              <span class="info-label">Address</span>
              <span class="info-value">123 Queen Street pt 48, Auckland Central, Newland 0632</span>
            </div>
            <div class="info-group">
              <span class="info-label">Gender</span>
              <span class="info-value">Male</span>
            </div>
          </div>
        </div>

        <!-- Social Reach -->
        <div class="social-reach-grid">
          <div class="social-reach-item">
            <div class="s-label">Facebook Reach</div>
            <div class="s-value">65k</div>
          </div>
          <div class="social-reach-item">
            <div class="s-label">Instagram Reach</div>
            <div class="s-value">65k</div>
          </div>
          <div class="social-reach-item">
            <div class="s-label">Tiktok Reach</div>
            <div class="s-value">65k</div>
          </div>
        </div>

        <!-- Social URLs -->
        <div class="social-url-grid" style="margin-top:20px;">
          <div class="social-url-item">
            <div class="s-label">Facebook URL</div>
            <a href="#">facebook.com/officialoliver</a>
          </div>
          <div class="social-url-item">
            <div class="s-label">Instagram URL</div>
            <a href="#">instagram.com/oliversmith_sports</a>
          </div>
          <div class="social-url-item">
            <div class="s-label">Tiktok URL</div>
            <a href="#">tiktok.com/@oliversmith_cricket</a>
          </div>
        </div>

        <!-- Complete Stats Button -->
        <div style="margin-top:28px;">
          <a href="#" class="btn-complete-stats">CompleteYour Player Stats</a>
        </div>
      </div>

      <!-- ========== ADMIN ACTIONS — AUCTION SETUP ========== -->
      <div class="player-details-card">
        <h2 style="font-size:20px;font-weight:600;margin-bottom:24px;">Admin Actions - Auction Setup</h2>
        <div class="admin-actions-grid">
          <div class="form-group-admin">
            <label>Set Player Category</label>
            <div class="custom-select-wrapper">
              <select class="custom-select">
                <option>Emerging Player</option>
                <option>Core Player</option>
                <option>Star Player</option>
                <option>Icon Player</option>
              </select>
              <div class="select-arrow">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
              </div>
            </div>
          </div>
          <div class="form-group-admin">
            <label>Base Price (Point)</label>
            <div class="input-with-suffix">
              <input type="text" value="10,000">
              <span class="suffix">Points Money</span>
            </div>
          </div>
        </div>
      </div>

      <!-- ========== PLAYER STATS + ACHIEVEMENTS ========== -->
      <div class="stats-achievements-grid">
        <!-- Player Stats -->
        <div class="player-details-card" style="margin-bottom:0;">
          <h2 style="font-size:20px;font-weight:600;margin-bottom:24px;">Player Stats</h2>
          <div class="stats-list">
            <div class="stat-row">
              <span class="stat-key">Role</span>
              <span class="stat-val">All Rounder (Right Arm Bowler)</span>
            </div>
            <div class="stat-row">
              <span class="stat-key">Matched Players</span>
              <span class="stat-val">120</span>
            </div>
            <div class="stat-row">
              <span class="stat-key">Runs Scored</span>
              <span class="stat-val">3,500</span>
            </div>
            <div class="stat-row">
              <span class="stat-key">Feilding Catches</span>
              <span class="stat-val">45</span>
            </div>
            <div class="stat-row">
              <span class="stat-key">Wickets Taken</span>
              <span class="stat-val">45</span>
            </div>
            <div class="stat-row">
              <span class="stat-key">Best Performance</span>
              <span class="stat-val">105 Runs &amp; 3 Wickets</span>
            </div>
          </div>
        </div>

        <!-- Achievements -->
        <div class="player-details-card" style="margin-bottom:0;">
          <h2 style="font-size:20px;font-weight:600;margin-bottom:24px;">Achievements</h2>
          <ul class="achievement-list">
            <li class="achievement-item">
              <span class="ach-icon">
                <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <g clip-path="url(#clip0_33310_21178)">
                    <path d="M11.0043 21.2882C10.7124 21.2899 10.4267 21.2046 10.1835 21.0433C9.94026 20.882 9.75061 20.6518 9.63869 20.3823C9.52678 20.1128 9.49767 19.816 9.55507 19.5298C9.61248 19.2437 9.7538 18.9811 9.96103 18.7756L17.7486 11.0027L9.96103 3.2298C9.72031 2.94871 9.59452 2.58713 9.60881 2.21733C9.62309 1.84753 9.77639 1.49674 10.0381 1.23505C10.2998 0.973368 10.6506 0.820067 11.0204 0.805783C11.3902 0.791499 11.7517 0.917285 12.0328 1.158L20.849 9.97414C21.1226 10.2494 21.2762 10.6219 21.2762 11.01C21.2762 11.3982 21.1226 11.7706 20.849 12.0459L12.0328 20.8621C11.7591 21.1335 11.3897 21.2866 11.0043 21.2882Z" fill="#A0E86F"/>
                    <path d="M2.18786 21.2879C1.89601 21.2896 1.61027 21.2044 1.36706 21.043C1.12385 20.8817 0.934202 20.6516 0.822286 20.382C0.71037 20.1125 0.681259 19.8157 0.738667 19.5296C0.796074 19.2434 0.937397 18.9809 1.14462 18.7753L8.93221 11.0024L1.14462 3.22955C0.867934 2.95286 0.712494 2.5776 0.712494 2.18631C0.712494 1.79501 0.867934 1.41975 1.14462 1.14306C1.4213 0.866378 1.79657 0.710938 2.18786 0.710938C2.57915 0.710937 2.95442 0.866378 3.23111 1.14306L12.0472 9.9592C12.3209 10.2345 12.4745 10.6069 12.4745 10.9951C12.4745 11.3833 12.3209 11.7557 12.0472 12.031L3.23111 20.8471C3.09502 20.986 2.93274 21.0964 2.75366 21.1721C2.57458 21.2477 2.38227 21.2871 2.18786 21.2879Z" fill="#A0E86F"/>
                    </g>
                </svg>
              </span>
              Player of the Series - National Premier League 2022
            </li>
            <li class="achievement-item">
              <span class="ach-icon">
                <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <g clip-path="url(#clip0_33310_21178)">
                    <path d="M11.0043 21.2882C10.7124 21.2899 10.4267 21.2046 10.1835 21.0433C9.94026 20.882 9.75061 20.6518 9.63869 20.3823C9.52678 20.1128 9.49767 19.816 9.55507 19.5298C9.61248 19.2437 9.7538 18.9811 9.96103 18.7756L17.7486 11.0027L9.96103 3.2298C9.72031 2.94871 9.59452 2.58713 9.60881 2.21733C9.62309 1.84753 9.77639 1.49674 10.0381 1.23505C10.2998 0.973368 10.6506 0.820067 11.0204 0.805783C11.3902 0.791499 11.7517 0.917285 12.0328 1.158L20.849 9.97414C21.1226 10.2494 21.2762 10.6219 21.2762 11.01C21.2762 11.3982 21.1226 11.7706 20.849 12.0459L12.0328 20.8621C11.7591 21.1335 11.3897 21.2866 11.0043 21.2882Z" fill="#A0E86F"/>
                    <path d="M2.18786 21.2879C1.89601 21.2896 1.61027 21.2044 1.36706 21.043C1.12385 20.8817 0.934202 20.6516 0.822286 20.382C0.71037 20.1125 0.681259 19.8157 0.738667 19.5296C0.796074 19.2434 0.937397 18.9809 1.14462 18.7753L8.93221 11.0024L1.14462 3.22955C0.867934 2.95286 0.712494 2.5776 0.712494 2.18631C0.712494 1.79501 0.867934 1.41975 1.14462 1.14306C1.4213 0.866378 1.79657 0.710938 2.18786 0.710938C2.57915 0.710937 2.95442 0.866378 3.23111 1.14306L12.0472 9.9592C12.3209 10.2345 12.4745 10.6069 12.4745 10.9951C12.4745 11.3833 12.3209 11.7557 12.0472 12.031L3.23111 20.8471C3.09502 20.986 2.93274 21.0964 2.75366 21.1721C2.57458 21.2477 2.38227 21.2871 2.18786 21.2879Z" fill="#A0E86F"/>
                    </g>
                </svg>
              </span>
              Fastest Century in Franchise Cricket (45 balls)
            </li>
            <li class="achievement-item">
              <span class="ach-icon">
                <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <g clip-path="url(#clip0_33310_21178)">
                    <path d="M11.0043 21.2882C10.7124 21.2899 10.4267 21.2046 10.1835 21.0433C9.94026 20.882 9.75061 20.6518 9.63869 20.3823C9.52678 20.1128 9.49767 19.816 9.55507 19.5298C9.61248 19.2437 9.7538 18.9811 9.96103 18.7756L17.7486 11.0027L9.96103 3.2298C9.72031 2.94871 9.59452 2.58713 9.60881 2.21733C9.62309 1.84753 9.77639 1.49674 10.0381 1.23505C10.2998 0.973368 10.6506 0.820067 11.0204 0.805783C11.3902 0.791499 11.7517 0.917285 12.0328 1.158L20.849 9.97414C21.1226 10.2494 21.2762 10.6219 21.2762 11.01C21.2762 11.3982 21.1226 11.7706 20.849 12.0459L12.0328 20.8621C11.7591 21.1335 11.3897 21.2866 11.0043 21.2882Z" fill="#A0E86F"/>
                    <path d="M2.18786 21.2879C1.89601 21.2896 1.61027 21.2044 1.36706 21.043C1.12385 20.8817 0.934202 20.6516 0.822286 20.382C0.71037 20.1125 0.681259 19.8157 0.738667 19.5296C0.796074 19.2434 0.937397 18.9809 1.14462 18.7753L8.93221 11.0024L1.14462 3.22955C0.867934 2.95286 0.712494 2.5776 0.712494 2.18631C0.712494 1.79501 0.867934 1.41975 1.14462 1.14306C1.4213 0.866378 1.79657 0.710938 2.18786 0.710938C2.57915 0.710937 2.95442 0.866378 3.23111 1.14306L12.0472 9.9592C12.3209 10.2345 12.4745 10.6069 12.4745 10.9951C12.4745 11.3833 12.3209 11.7557 12.0472 12.031L3.23111 20.8471C3.09502 20.986 2.93274 21.0964 2.75366 21.1721C2.57458 21.2477 2.38227 21.2871 2.18786 21.2879Z" fill="#A0E86F"/>
                    </g>
                </svg>
              </span>
              Included in ICC World XI (2023)
            </li>
          </ul>
        </div>
      </div>

      <!-- ========== MY REWARD POINTS ========== -->
      <div class="player-details-card">
        <h2 style="font-size:20px;font-weight:600;margin-bottom:20px;">My Reward Points</h2>

        <!-- Reward Stats Header -->
        <div class="rewards-header">
          <div class="reward-stat total">
            <div class="reward-icon-bg">
              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M2.08333 0C0.933333 0 0 0.933333 0 2.08333V4.02C0.000443848 4.46557 0.11996 4.90292 0.346178 5.28678C0.572396 5.67065 0.897095 5.98709 1.28667 6.20333L6.08 8.86833C5.076 9.37519 4.2722 10.2058 3.79849 11.2258C3.32477 12.2459 3.2088 13.3959 3.46932 14.49C3.72983 15.5841 4.35162 16.5584 5.23421 17.2555C6.1168 17.9526 7.20864 18.3318 8.33333 18.3318C9.45802 18.3318 10.5499 17.9526 11.4325 17.2555C12.3151 16.5584 12.9368 15.5841 13.1973 14.49C13.4579 13.3959 13.3419 12.2459 12.8682 11.2258C12.3945 10.2058 11.5907 9.37519 10.5867 8.86833L15.3817 6.205C15.7712 5.9884 16.0957 5.67161 16.3216 5.28744C16.5476 4.90327 16.6667 4.46568 16.6667 4.02V2.08333C16.6667 0.933333 15.7333 0 14.5833 0H2.08333ZM1.66667 2.08333C1.66667 1.97283 1.71057 1.86685 1.78871 1.78871C1.86685 1.71057 1.97283 1.66667 2.08333 1.66667H5V6.36167L2.095 4.74833C1.96516 4.67613 1.85699 4.57054 1.78168 4.44248C1.70637 4.31442 1.66666 4.16856 1.66667 4.02V2.08333ZM6.66667 7.28667V1.66667H10V7.28667L8.33333 8.21333L6.66667 7.28667ZM11.6667 6.36167V1.66667H14.5833C14.6938 1.66667 14.7998 1.71057 14.878 1.78871C14.9561 1.86685 15 1.97283 15 2.08333V4.02C15 4.16856 14.9603 4.31442 14.885 4.44248C14.8097 4.57054 14.7015 4.67613 14.5717 4.74833L11.6667 6.36167ZM11.6667 13.3333C11.6667 14.2174 11.3155 15.0652 10.6904 15.6904C10.0652 16.3155 9.21739 16.6667 8.33333 16.6667C7.44928 16.6667 6.60143 16.3155 5.97631 15.6904C5.35119 15.0652 5 14.2174 5 13.3333C5 12.4493 5.35119 11.6014 5.97631 10.9763C6.60143 10.3512 7.44928 10 8.33333 10C9.21739 10 10.0652 10.3512 10.6904 10.9763C11.3155 11.6014 11.6667 12.4493 11.6667 13.3333Z" fill="#A0E86F"/>
                </svg>
            </div>
            <div class="r-info">
              <span class="r-label">Total Earn Points Won</span>
              <span class="r-val green">8,500</span>
            </div>
          </div>
          <div class="reward-stat">
            <span class="r-label">Used Points</span>
            <span class="r-val grey">1,500</span>
          </div>
          <div class="reward-stat">
            <span class="r-label">Available Points</span>
            <span class="r-val green">6,000</span>
          </div>
          <div class="reward-note">
            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M10 15C10.2833 15 10.521 14.904 10.713 14.712C10.905 14.52 11.0007 14.2827 11 14C10.9993 13.7173 10.9033 13.48 10.712 13.288C10.5207 13.096 10.2833 13 10 13C9.71667 13 9.47933 13.096 9.288 13.288C9.09667 13.48 9.00067 13.7173 9 14C8.99933 14.2827 9.09533 14.5203 9.288 14.713C9.48067 14.9057 9.718 15.0013 10 15ZM10 11C10.2833 11 10.521 10.904 10.713 10.712C10.905 10.52 11.0007 10.2827 11 10V6C11 5.71667 10.904 5.47933 10.712 5.288C10.52 5.09667 10.2827 5.00067 10 5C9.71733 4.99933 9.48 5.09533 9.288 5.288C9.096 5.48067 9 5.718 9 6V10C9 10.2833 9.096 10.521 9.288 10.713C9.48 10.905 9.71733 11.0007 10 11ZM10 20C8.61667 20 7.31667 19.7373 6.1 19.212C4.88334 18.6867 3.825 17.9743 2.925 17.075C2.025 16.1757 1.31267 15.1173 0.788001 13.9C0.263335 12.6827 0.000667933 11.3827 1.26582e-06 10C-0.000665401 8.61733 0.262001 7.31733 0.788001 6.1C1.314 4.88267 2.02633 3.82433 2.925 2.925C3.82367 2.02567 4.882 1.31333 6.1 0.788C7.318 0.262667 8.618 0 10 0C11.382 0 12.682 0.262667 13.9 0.788C15.118 1.31333 16.1763 2.02567 17.075 2.925C17.9737 3.82433 18.6863 4.88267 19.213 6.1C19.7397 7.31733 20.002 8.61733 20 10C19.998 11.3827 19.7353 12.6827 19.212 13.9C18.6887 15.1173 17.9763 16.1757 17.075 17.075C16.1737 17.9743 15.1153 18.687 13.9 19.213C12.6847 19.739 11.3847 20.0013 10 20Z" fill="#6922DA"/>
            </svg>
            These points can be used for future auctions, contest entries, and exclusive rewards.
          </div>
        </div>

        <!-- Recent Transactions -->
        <div class="transactions-container">
          <div class="tx-heading">Recent Transactions</div>
          <div class="transaction-list">
            <!-- Transaction 1 — received -->
            <div class="transaction-item">
              <div class="tx-left">
                <div class="tx-icon green-icon">
                  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M7.11111 14.2222V11.4667C6.38518 11.3037 5.73718 10.9964 5.16711 10.5449C4.59704 10.0933 4.17837 9.52651 3.91111 8.84444C2.8 8.7111 1.87052 8.22607 1.12267 7.38933C0.374815 6.55259 0.000592593 5.57096 0 4.44444V3.55555C0 3.06666 0.174222 2.64829 0.522667 2.30044C0.871111 1.95259 1.28948 1.77837 1.77778 1.77778H3.55556C3.55556 1.28889 3.72978 0.870518 4.07822 0.522666C4.42667 0.174815 4.84504 0.000592592 5.33333 0H10.6667C11.1556 0 11.5742 0.174222 11.9227 0.522666C12.2711 0.87111 12.445 1.28948 12.4444 1.77778H14.2222C14.7111 1.77778 15.1298 1.952 15.4782 2.30044C15.8267 2.64889 16.0006 3.06726 16 3.55555V4.44444C16 5.57037 15.6258 6.55199 14.8773 7.38933C14.1289 8.22666 13.1994 8.7117 12.0889 8.84444C11.8222 9.52592 11.4039 10.0927 10.8338 10.5449C10.2637 10.997 9.61541 11.3043 8.88889 11.4667V14.2222H11.5556C11.8074 14.2222 12.0187 14.3075 12.1893 14.4782C12.36 14.6489 12.445 14.8598 12.4444 15.1111C12.4439 15.3624 12.3585 15.5736 12.1884 15.7449C12.0184 15.9161 11.8074 16.0012 11.5556 16H4.44444C4.19259 16 3.98163 15.9147 3.81156 15.744C3.64148 15.5733 3.55615 15.3624 3.55556 15.1111C3.55496 14.8598 3.6403 14.6489 3.81156 14.4782C3.98281 14.3075 4.19378 14.2222 4.44444 14.2222H7.11111ZM3.55556 6.93333V3.55555H1.77778V4.44444C1.77778 5.0074 1.94074 5.51496 2.26667 5.96711C2.59259 6.41925 3.02222 6.74133 3.55556 6.93333ZM8 9.77777C8.74074 9.77777 9.37037 9.51851 9.88889 8.99999C10.4074 8.48147 10.6667 7.85185 10.6667 7.11111V1.77778H5.33333V7.11111C5.33333 7.85185 5.59259 8.48147 6.11111 8.99999C6.62963 9.51851 7.25926 9.77777 8 9.77777ZM12.4444 6.93333C12.9778 6.74074 13.4074 6.41837 13.7333 5.96622C14.0593 5.51407 14.2222 5.00681 14.2222 4.44444V3.55555H12.4444V6.93333Z" fill="#A0E86F"/>
                    </svg>
                </div>
                <div class="tx-details">
                  <span class="tx-title">Match Win Bonus</span>
                  <span class="tx-meta">Champions league &nbsp; 02/01/2026 &nbsp; 12:45 PM</span>
                </div>
              </div>
              <div class="tx-right">
                <span class="tx-amount green">+1,500</span>
                <span class="tx-status">Received</span>
              </div>
            </div>
            <!-- Transaction 2 — received -->
            <div class="transaction-item">
              <div class="tx-left">
                <div class="tx-icon green-icon">
                  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M7.11111 14.2222V11.4667C6.38518 11.3037 5.73718 10.9964 5.16711 10.5449C4.59704 10.0933 4.17837 9.52651 3.91111 8.84444C2.8 8.7111 1.87052 8.22607 1.12267 7.38933C0.374815 6.55259 0.000592593 5.57096 0 4.44444V3.55555C0 3.06666 0.174222 2.64829 0.522667 2.30044C0.871111 1.95259 1.28948 1.77837 1.77778 1.77778H3.55556C3.55556 1.28889 3.72978 0.870518 4.07822 0.522666C4.42667 0.174815 4.84504 0.000592592 5.33333 0H10.6667C11.1556 0 11.5742 0.174222 11.9227 0.522666C12.2711 0.87111 12.445 1.28948 12.4444 1.77778H14.2222C14.7111 1.77778 15.1298 1.952 15.4782 2.30044C15.8267 2.64889 16.0006 3.06726 16 3.55555V4.44444C16 5.57037 15.6258 6.55199 14.8773 7.38933C14.1289 8.22666 13.1994 8.7117 12.0889 8.84444C11.8222 9.52592 11.4039 10.0927 10.8338 10.5449C10.2637 10.997 9.61541 11.3043 8.88889 11.4667V14.2222H11.5556C11.8074 14.2222 12.0187 14.3075 12.1893 14.4782C12.36 14.6489 12.445 14.8598 12.4444 15.1111C12.4439 15.3624 12.3585 15.5736 12.1884 15.7449C12.0184 15.9161 11.8074 16.0012 11.5556 16H4.44444C4.19259 16 3.98163 15.9147 3.81156 15.744C3.64148 15.5733 3.55615 15.3624 3.55556 15.1111C3.55496 14.8598 3.6403 14.6489 3.81156 14.4782C3.98281 14.3075 4.19378 14.2222 4.44444 14.2222H7.11111ZM3.55556 6.93333V3.55555H1.77778V4.44444C1.77778 5.0074 1.94074 5.51496 2.26667 5.96711C2.59259 6.41925 3.02222 6.74133 3.55556 6.93333ZM8 9.77777C8.74074 9.77777 9.37037 9.51851 9.88889 8.99999C10.4074 8.48147 10.6667 7.85185 10.6667 7.11111V1.77778H5.33333V7.11111C5.33333 7.85185 5.59259 8.48147 6.11111 8.99999C6.62963 9.51851 7.25926 9.77777 8 9.77777ZM12.4444 6.93333C12.9778 6.74074 13.4074 6.41837 13.7333 5.96622C14.0593 5.51407 14.2222 5.00681 14.2222 4.44444V3.55555H12.4444V6.93333Z" fill="#A0E86F"/>
                    </svg>
                </div>
                <div class="tx-details">
                  <span class="tx-title">Match Win Bonus</span>
                  <span class="tx-meta">Champions league &nbsp; 02/01/2026 &nbsp; 12:45 PM</span>
                </div>
              </div>
              <div class="tx-right">
                <span class="tx-amount green">+1,500</span>
                <span class="tx-status">Received</span>
              </div>
            </div>
            <!-- Transaction 3 — received -->
            <div class="transaction-item">
              <div class="tx-left">
                <div class="tx-icon green-icon">
                  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M7.11111 14.2222V11.4667C6.38518 11.3037 5.73718 10.9964 5.16711 10.5449C4.59704 10.0933 4.17837 9.52651 3.91111 8.84444C2.8 8.7111 1.87052 8.22607 1.12267 7.38933C0.374815 6.55259 0.000592593 5.57096 0 4.44444V3.55555C0 3.06666 0.174222 2.64829 0.522667 2.30044C0.871111 1.95259 1.28948 1.77837 1.77778 1.77778H3.55556C3.55556 1.28889 3.72978 0.870518 4.07822 0.522666C4.42667 0.174815 4.84504 0.000592592 5.33333 0H10.6667C11.1556 0 11.5742 0.174222 11.9227 0.522666C12.2711 0.87111 12.445 1.28948 12.4444 1.77778H14.2222C14.7111 1.77778 15.1298 1.952 15.4782 2.30044C15.8267 2.64889 16.0006 3.06726 16 3.55555V4.44444C16 5.57037 15.6258 6.55199 14.8773 7.38933C14.1289 8.22666 13.1994 8.7117 12.0889 8.84444C11.8222 9.52592 11.4039 10.0927 10.8338 10.5449C10.2637 10.997 9.61541 11.3043 8.88889 11.4667V14.2222H11.5556C11.8074 14.2222 12.0187 14.3075 12.1893 14.4782C12.36 14.6489 12.445 14.8598 12.4444 15.1111C12.4439 15.3624 12.3585 15.5736 12.1884 15.7449C12.0184 15.9161 11.8074 16.0012 11.5556 16H4.44444C4.19259 16 3.98163 15.9147 3.81156 15.744C3.64148 15.5733 3.55615 15.3624 3.55556 15.1111C3.55496 14.8598 3.6403 14.6489 3.81156 14.4782C3.98281 14.3075 4.19378 14.2222 4.44444 14.2222H7.11111ZM3.55556 6.93333V3.55555H1.77778V4.44444C1.77778 5.0074 1.94074 5.51496 2.26667 5.96711C2.59259 6.41925 3.02222 6.74133 3.55556 6.93333ZM8 9.77777C8.74074 9.77777 9.37037 9.51851 9.88889 8.99999C10.4074 8.48147 10.6667 7.85185 10.6667 7.11111V1.77778H5.33333V7.11111C5.33333 7.85185 5.59259 8.48147 6.11111 8.99999C6.62963 9.51851 7.25926 9.77777 8 9.77777ZM12.4444 6.93333C12.9778 6.74074 13.4074 6.41837 13.7333 5.96622C14.0593 5.51407 14.2222 5.00681 14.2222 4.44444V3.55555H12.4444V6.93333Z" fill="#A0E86F"/>
                    </svg>
                </div>
                <div class="tx-details">
                  <span class="tx-title">Match Win Bonus</span>
                  <span class="tx-meta">Champions league &nbsp; 02/01/2026 &nbsp; 12:45 PM</span>
                </div>
              </div>
              <div class="tx-right">
                <span class="tx-amount green">+1,500</span>
                <span class="tx-status">Received</span>
              </div>
            </div>
            <!-- Transaction 4 — pending -->
            <div class="transaction-item">
              <div class="tx-left">
                <div class="tx-icon yellow-icon">
                  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M12.9306 14.4657V12.8693C12.9306 10.9889 11.4777 9.86431 10.0813 8.76713C9.8884 8.61591 9.6429 8.32875 9.6429 7.89041C9.6429 7.45206 9.86406 7.02466 10.0813 6.84184C11.4399 5.69862 12.9306 4.62003 12.9306 2.73972V1.53425H14.0265V0H1.97168V1.53425H3.06755V2.73975C3.06755 4.62009 4.55818 5.69866 5.9169 6.84188C6.13412 7.02469 6.35527 7.45206 6.35527 7.89044C6.35527 8.32881 6.10977 8.61591 5.9169 8.76716C4.52052 9.86438 3.06755 10.989 3.06755 12.8693V14.4658H1.97168V16H14.0265V14.4657H12.9306ZM5.23152 4.16437C4.82755 3.70716 4.60184 3.26706 4.60184 2.73972V1.53425H11.3963V2.73975C11.3963 3.26706 11.1706 3.70722 10.7666 4.16441H5.23152V4.16437ZM11.3963 14.0382L8.81596 13.0311C8.36665 12.8557 7.63174 12.8557 7.18243 13.0311L4.60184 14.0382V12.8693C4.60184 11.8054 5.44743 11.087 6.82737 10.0029L6.86396 9.97425C7.38777 9.5635 7.72752 8.99147 7.84284 8.36109C7.94605 8.38409 8.05215 8.38409 8.15537 8.36109C8.27021 8.99125 8.61037 9.56331 9.13352 9.97359L9.17077 10.0029C10.5507 11.0869 11.3963 11.8052 11.3963 12.8693L11.3963 14.0382Z" fill="#EEC14C"/>
                    </svg>
                </div>
                <div class="tx-details">
                  <span class="tx-title">Match Win Bonus</span>
                  <span class="tx-meta">Champions league &nbsp; 02/01/2026 &nbsp; 12:45 PM</span>
                </div>
              </div>
              <div class="tx-right">
                <span class="tx-amount yellow">+500</span>
                <span class="tx-status yellow-text">Pending</span>
              </div>
            </div>
            <!-- Transaction 5 — failed -->
            <div class="transaction-item">
              <div class="tx-left">
                <div class="tx-icon red-icon">
                  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect x="1.3335" y="1.33398" width="13.3333" height="13.3333" rx="6.66667" stroke="#ED1821"/>
                    <path d="M8.3335 11.334L8.3335 7.33398" stroke="#ED1821" stroke-linecap="round" stroke-linejoin="round"/>
                    <path d="M7.00016 7.33398L8.3335 7.33398" stroke="#ED1821" stroke-linecap="round" stroke-linejoin="round"/>
                    <path d="M8.3335 5.33464L8.3335 4.66797" stroke="#ED1821" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
                </div>
                <div class="tx-details">
                  <span class="tx-title">Match Win Bonus</span>
                  <span class="tx-meta">Champions league &nbsp; 02/01/2026 &nbsp; 12:45 PM</span>
                </div>
              </div>
              <div class="tx-right">
                <span class="tx-amount default">600</span>
                <span class="tx-status red-text">Failed</span>
              </div>
            </div>
          </div>
        </div>
      </div>

    </div><!-- /content_area -->
@endsection

@push('script')

@endpush