@extends('layouts.admin.app')

@section('title', 'Team Owner Details')

@push('style')

@endpush

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

      <!-- ========== PLAYER / OWNER INFORMATION ========== -->
      <div class="player-details-card">
        <div class="player-details-header">
          <h2>Player Information</h2>
          <div class="player-actions">
            <button class="btn-edit" style="padding:10px 40px;">Edit</button>
            <button class="btn-delete" style="padding:10px 40px;">Delete</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">Team Name</span>
              <span class="info-value">Lion Kaka</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">Owner Name</span>
              <span class="info-value">Oliver Smith</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">Contact</span>
              <span class="info-value">+64 - 21123 4567</span>
            </div>
            <div class="info-group">
              <span class="info-label">Gender</span>
              <span class="info-value">Male</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>
        </div>

        <!-- Social Reach -->
        <div class="social-reach-grid">
          <div class="social-reach-item">
            <span class="s-label">Facebook Reach</span>
            <span class="s-value">&nbsp;&nbsp;65k</span>
          </div>
          <div class="social-reach-item">
            <span class="s-label">Instagram Reach</span>
            <span class="s-value">&nbsp;&nbsp;65k</span>
          </div>
          <div class="social-reach-item">
            <span class="s-label">Tiktok Reach</span>
            <span class="s-value">&nbsp;&nbsp;65k</span>
          </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>

        <!-- Action Buttons -->
        <div class="owner-btn-group" style="margin-top:28px;margin-bottom:0;">
          <a href="#" class="view-btn" style="margin-right:10px;">Reset Password</a>
          <a href="#" class="view-btn">View Player Details</a>
        </div>
      </div>

      <!-- ========== FINANCIAL WALLET + CURRENT PLAYERS ========== -->
      <div class="team-owner-grid">

        <!-- LEFT — Financial Wallet (Purse) -->
        <div class="player-details-card" style="margin-bottom:0;">
          <h2 style="font-size:20px;font-weight:600;margin-bottom:0;padding-bottom:0;">Financial Wallet (Purse)</h2>

          <!-- Wallet Stats -->
          <div class="wallet-stats">
            <div class="wallet-stat-box">
              <div class="wallet-label">Total<br>Budget</div>
              <div class="wallet-value">1,10,50,000</div>
            </div>
            <div class="wallet-stat-box">
              <div class="wallet-label">Remaining<br>Balance</div>
              <div class="wallet-value text-green">94,54,200</div>
            </div>
            <div class="wallet-stat-box">
              <div class="wallet-label">Spent on<br>Players</div>
              <div class="wallet-value text-red">-7,22,200</div>
            </div>
          </div>

          <!-- Team Slots -->
          <div class="team-slots-box">
            <div class="slots-header">
              <div class="slots-info">
                <span class="slots-title">Team Slots</span>
                <span class="slots-sub">11 Slots Remaining</span>
              </div>
              <span class="slots-count">4 / 15 Filled</span>
            </div>
            <div class="slots-progress">
              <div class="slots-progress-bar" style="width:27%;"></div>
            </div>
          </div>

          <!-- Recent Purchases -->
          <div class="recent-purchases-title">Recent Purchases</div>
          <div class="purchases-list">

            <div class="cp-card">
              <div class="cp-left">
                <div class="cp-avatar"><img src="{{ asset('assets/images/pro_img.png') }}" alt="Auction"></div>
                <div class="cp-info">
                  <span class="cp-name">Liam Thompson</span>
                  <span class="cp-role">All-Rounder</span>
                </div>
              </div>
              <span class="cp-badge">Icon P..</span>
              <div class="cp-right">
                <span class="cp-points">3,000 pt</span>
                <span class="cp-status">
                  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.59432 2.08429e-08C6.09239 -0.000111232 4.62417 0.445157 3.37531 1.2795C2.12645 2.11384 1.15306 3.29977 0.578215 4.68733C0.00337254 6.07489 -0.147096 7.60176 0.145839 9.07483C0.438773 10.5479 1.16195 11.901 2.22392 12.9631C3.2859 14.0252 4.63896 14.7485 6.11201 15.0415C7.58507 15.3346 9.11194 15.1843 10.4996 14.6095C11.8872 14.0348 13.0732 13.0615 13.9076 11.8127C14.7421 10.564 15.1875 9.09578 15.1875 7.59386C15.1865 5.58027 14.3862 3.64944 12.9624 2.22556C11.5387 0.801677 9.6079 0.0012043 7.59432 2.08429e-08ZM4.41172 8.38836L6.00303 9.97981C6.08124 10.0583 6.17418 10.1207 6.27653 10.1632C6.37888 10.2057 6.48862 10.2276 6.59946 10.2276C6.71029 10.2276 6.82003 10.2057 6.92238 10.1632C7.02473 10.1207 7.11768 10.0583 7.19588 9.97981L10.7769 6.40088C10.9351 6.2427 11.024 6.02814 11.024 5.80442C11.024 5.5807 10.9351 5.36614 10.7769 5.20794C10.6187 5.04974 10.4042 4.96087 10.1805 4.96086C9.95675 4.96085 9.74219 5.04972 9.58399 5.20791L6.6006 8.19152L5.60461 7.19539C5.44641 7.0372 5.23185 6.94834 5.00813 6.94835C4.78441 6.94835 4.56986 7.03723 4.41167 7.19543C4.25349 7.35363 4.16462 7.56819 4.16463 7.79191C4.16464 8.01563 4.25352 8.23018 4.41172 8.38836Z" fill="#A0E86F"/>
</svg>

                  Bought
                </span>
              </div>
            </div>

            <div class="cp-card">
              <div class="cp-left">
                <div class="cp-avatar"><img src="{{ asset('assets/images/pro_img.png') }}" alt="Auction"></div>
                <div class="cp-info">
                  <span class="cp-name">Liam Thompson</span>
                  <span class="cp-role">All-Rounder</span>
                </div>
              </div>
              <span class="cp-badge">Icon P..</span>
              <div class="cp-right">
                <span class="cp-points">3,000 pt</span>
                <span class="cp-status">
                  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.59432 2.08429e-08C6.09239 -0.000111232 4.62417 0.445157 3.37531 1.2795C2.12645 2.11384 1.15306 3.29977 0.578215 4.68733C0.00337254 6.07489 -0.147096 7.60176 0.145839 9.07483C0.438773 10.5479 1.16195 11.901 2.22392 12.9631C3.2859 14.0252 4.63896 14.7485 6.11201 15.0415C7.58507 15.3346 9.11194 15.1843 10.4996 14.6095C11.8872 14.0348 13.0732 13.0615 13.9076 11.8127C14.7421 10.564 15.1875 9.09578 15.1875 7.59386C15.1865 5.58027 14.3862 3.64944 12.9624 2.22556C11.5387 0.801677 9.6079 0.0012043 7.59432 2.08429e-08ZM4.41172 8.38836L6.00303 9.97981C6.08124 10.0583 6.17418 10.1207 6.27653 10.1632C6.37888 10.2057 6.48862 10.2276 6.59946 10.2276C6.71029 10.2276 6.82003 10.2057 6.92238 10.1632C7.02473 10.1207 7.11768 10.0583 7.19588 9.97981L10.7769 6.40088C10.9351 6.2427 11.024 6.02814 11.024 5.80442C11.024 5.5807 10.9351 5.36614 10.7769 5.20794C10.6187 5.04974 10.4042 4.96087 10.1805 4.96086C9.95675 4.96085 9.74219 5.04972 9.58399 5.20791L6.6006 8.19152L5.60461 7.19539C5.44641 7.0372 5.23185 6.94834 5.00813 6.94835C4.78441 6.94835 4.56986 7.03723 4.41167 7.19543C4.25349 7.35363 4.16462 7.56819 4.16463 7.79191C4.16464 8.01563 4.25352 8.23018 4.41172 8.38836Z" fill="#A0E86F"/>
</svg>

                  Bought
                </span>
              </div>
            </div>

            <div class="cp-card">
              <div class="cp-left">
                <div class="cp-avatar"><img src="{{ asset('assets/images/pro_img.png') }}" alt="Auction"></div>
                <div class="cp-info">
                  <span class="cp-name">Liam Thompson</span>
                  <span class="cp-role">All-Rounder</span>
                </div>
              </div>
              <span class="cp-badge">Icon P..</span>
              <div class="cp-right">
                <span class="cp-points">3,000 pt</span>
                <span class="cp-status">
                  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.59432 2.08429e-08C6.09239 -0.000111232 4.62417 0.445157 3.37531 1.2795C2.12645 2.11384 1.15306 3.29977 0.578215 4.68733C0.00337254 6.07489 -0.147096 7.60176 0.145839 9.07483C0.438773 10.5479 1.16195 11.901 2.22392 12.9631C3.2859 14.0252 4.63896 14.7485 6.11201 15.0415C7.58507 15.3346 9.11194 15.1843 10.4996 14.6095C11.8872 14.0348 13.0732 13.0615 13.9076 11.8127C14.7421 10.564 15.1875 9.09578 15.1875 7.59386C15.1865 5.58027 14.3862 3.64944 12.9624 2.22556C11.5387 0.801677 9.6079 0.0012043 7.59432 2.08429e-08ZM4.41172 8.38836L6.00303 9.97981C6.08124 10.0583 6.17418 10.1207 6.27653 10.1632C6.37888 10.2057 6.48862 10.2276 6.59946 10.2276C6.71029 10.2276 6.82003 10.2057 6.92238 10.1632C7.02473 10.1207 7.11768 10.0583 7.19588 9.97981L10.7769 6.40088C10.9351 6.2427 11.024 6.02814 11.024 5.80442C11.024 5.5807 10.9351 5.36614 10.7769 5.20794C10.6187 5.04974 10.4042 4.96087 10.1805 4.96086C9.95675 4.96085 9.74219 5.04972 9.58399 5.20791L6.6006 8.19152L5.60461 7.19539C5.44641 7.0372 5.23185 6.94834 5.00813 6.94835C4.78441 6.94835 4.56986 7.03723 4.41167 7.19543C4.25349 7.35363 4.16462 7.56819 4.16463 7.79191C4.16464 8.01563 4.25352 8.23018 4.41172 8.38836Z" fill="#A0E86F"/>
</svg>

                  Bought
                </span>
              </div>
            </div>

            <div class="cp-card">
              <div class="cp-left">
                <div class="cp-avatar"><img src="{{ asset('assets/images/pro_img.png') }}" alt="Auction"></div>
                <div class="cp-info">
                  <span class="cp-name">Liam Thompson</span>
                  <span class="cp-role">All-Rounder</span>
                </div>
              </div>
              <span class="cp-badge">Icon P..</span>
              <div class="cp-right">
                <span class="cp-points">3,000 pt</span>
                <span class="cp-status">
                  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.59432 2.08429e-08C6.09239 -0.000111232 4.62417 0.445157 3.37531 1.2795C2.12645 2.11384 1.15306 3.29977 0.578215 4.68733C0.00337254 6.07489 -0.147096 7.60176 0.145839 9.07483C0.438773 10.5479 1.16195 11.901 2.22392 12.9631C3.2859 14.0252 4.63896 14.7485 6.11201 15.0415C7.58507 15.3346 9.11194 15.1843 10.4996 14.6095C11.8872 14.0348 13.0732 13.0615 13.9076 11.8127C14.7421 10.564 15.1875 9.09578 15.1875 7.59386C15.1865 5.58027 14.3862 3.64944 12.9624 2.22556C11.5387 0.801677 9.6079 0.0012043 7.59432 2.08429e-08ZM4.41172 8.38836L6.00303 9.97981C6.08124 10.0583 6.17418 10.1207 6.27653 10.1632C6.37888 10.2057 6.48862 10.2276 6.59946 10.2276C6.71029 10.2276 6.82003 10.2057 6.92238 10.1632C7.02473 10.1207 7.11768 10.0583 7.19588 9.97981L10.7769 6.40088C10.9351 6.2427 11.024 6.02814 11.024 5.80442C11.024 5.5807 10.9351 5.36614 10.7769 5.20794C10.6187 5.04974 10.4042 4.96087 10.1805 4.96086C9.95675 4.96085 9.74219 5.04972 9.58399 5.20791L6.6006 8.19152L5.60461 7.19539C5.44641 7.0372 5.23185 6.94834 5.00813 6.94835C4.78441 6.94835 4.56986 7.03723 4.41167 7.19543C4.25349 7.35363 4.16462 7.56819 4.16463 7.79191C4.16464 8.01563 4.25352 8.23018 4.41172 8.38836Z" fill="#A0E86F"/>
</svg>

                  Bought
                </span>
              </div>
            </div>

          </div>
        </div>

        <!-- RIGHT — Current Players -->
        <div class="player-details-card" style="margin-bottom:0;">
          <h2 style="font-size:20px;font-weight:600;margin-bottom:16px;padding-bottom:0;">Current Players</h2>

          <!-- Gender Tabs -->
          <div class="gender-tabs">
            <button type="button" class="gender-tab active" data-gender="male">Male</button>
            <button type="button" class="gender-tab" data-gender="female">Female</button>
          </div>

          <!-- Category Tabs -->
          <div class="category-row">
            <button type="button" class="cat-tab active" data-cat="batting">Batting</button>
            <button type="button" class="cat-tab" data-cat="bowler">Bowler</button>
            <button type="button" class="cat-tab" data-cat="allrounder">All Rounder</button>
            <select class="cat-dropdown">
              <option>Icon</option>
              <option>Star</option>
              <option>Core</option>
              <option>Emerging</option>
            </select>
          </div>

          <!-- Players List -->
          <div class="current-players-list" id="currentPlayersList" style="max-height:720px;">

            <div class="cp-card" data-gender="male" data-cat="batting">
              <div class="cp-left">
                <div class="cp-avatar"><img src="{{ asset('assets/images/pro_img.png') }}" alt="Auction"></div>
                <div class="cp-info"><span class="cp-name">Liam Thompson</span><span class="cp-role">Batsman</span></div>
              </div>
              <span class="cp-badge">Icon P..</span>
              <div class="cp-right"><span class="cp-points">3,000 pt</span><span class="cp-status"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.59432 2.08429e-08C6.09239 -0.000111232 4.62417 0.445157 3.37531 1.2795C2.12645 2.11384 1.15306 3.29977 0.578215 4.68733C0.00337254 6.07489 -0.147096 7.60176 0.145839 9.07483C0.438773 10.5479 1.16195 11.901 2.22392 12.9631C3.2859 14.0252 4.63896 14.7485 6.11201 15.0415C7.58507 15.3346 9.11194 15.1843 10.4996 14.6095C11.8872 14.0348 13.0732 13.0615 13.9076 11.8127C14.7421 10.564 15.1875 9.09578 15.1875 7.59386C15.1865 5.58027 14.3862 3.64944 12.9624 2.22556C11.5387 0.801677 9.6079 0.0012043 7.59432 2.08429e-08ZM4.41172 8.38836L6.00303 9.97981C6.08124 10.0583 6.17418 10.1207 6.27653 10.1632C6.37888 10.2057 6.48862 10.2276 6.59946 10.2276C6.71029 10.2276 6.82003 10.2057 6.92238 10.1632C7.02473 10.1207 7.11768 10.0583 7.19588 9.97981L10.7769 6.40088C10.9351 6.2427 11.024 6.02814 11.024 5.80442C11.024 5.5807 10.9351 5.36614 10.7769 5.20794C10.6187 5.04974 10.4042 4.96087 10.1805 4.96086C9.95675 4.96085 9.74219 5.04972 9.58399 5.20791L6.6006 8.19152L5.60461 7.19539C5.44641 7.0372 5.23185 6.94834 5.00813 6.94835C4.78441 6.94835 4.56986 7.03723 4.41167 7.19543C4.25349 7.35363 4.16462 7.56819 4.16463 7.79191C4.16464 8.01563 4.25352 8.23018 4.41172 8.38836Z" fill="#A0E86F"/>
</svg>
Bought</span></div>
            </div>

            <div class="cp-card" data-gender="male" data-cat="batting">
              <div class="cp-left">
                <div class="cp-avatar"><img src="{{ asset('assets/images/pro_img.png') }}" alt="Auction"></div>
                <div class="cp-info"><span class="cp-name">Jack Wilson</span><span class="cp-role">Batsman</span></div>
              </div>
              <span class="cp-badge">Icon P..</span>
              <div class="cp-right"><span class="cp-points">2,500 pt</span><span class="cp-status"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.59432 2.08429e-08C6.09239 -0.000111232 4.62417 0.445157 3.37531 1.2795C2.12645 2.11384 1.15306 3.29977 0.578215 4.68733C0.00337254 6.07489 -0.147096 7.60176 0.145839 9.07483C0.438773 10.5479 1.16195 11.901 2.22392 12.9631C3.2859 14.0252 4.63896 14.7485 6.11201 15.0415C7.58507 15.3346 9.11194 15.1843 10.4996 14.6095C11.8872 14.0348 13.0732 13.0615 13.9076 11.8127C14.7421 10.564 15.1875 9.09578 15.1875 7.59386C15.1865 5.58027 14.3862 3.64944 12.9624 2.22556C11.5387 0.801677 9.6079 0.0012043 7.59432 2.08429e-08ZM4.41172 8.38836L6.00303 9.97981C6.08124 10.0583 6.17418 10.1207 6.27653 10.1632C6.37888 10.2057 6.48862 10.2276 6.59946 10.2276C6.71029 10.2276 6.82003 10.2057 6.92238 10.1632C7.02473 10.1207 7.11768 10.0583 7.19588 9.97981L10.7769 6.40088C10.9351 6.2427 11.024 6.02814 11.024 5.80442C11.024 5.5807 10.9351 5.36614 10.7769 5.20794C10.6187 5.04974 10.4042 4.96087 10.1805 4.96086C9.95675 4.96085 9.74219 5.04972 9.58399 5.20791L6.6006 8.19152L5.60461 7.19539C5.44641 7.0372 5.23185 6.94834 5.00813 6.94835C4.78441 6.94835 4.56986 7.03723 4.41167 7.19543C4.25349 7.35363 4.16462 7.56819 4.16463 7.79191C4.16464 8.01563 4.25352 8.23018 4.41172 8.38836Z" fill="#A0E86F"/>
</svg>
Bought</span></div>
            </div>

            <div class="cp-card" data-gender="male" data-cat="bowler">
              <div class="cp-left">
                <div class="cp-avatar"><img src="{{ asset('assets/images/pro_img.png') }}" alt="Auction"></div>
                <div class="cp-info"><span class="cp-name">Ryan Edwards</span><span class="cp-role">Bowler</span></div>
              </div>
              <span class="cp-badge">Star P..</span>
              <div class="cp-right"><span class="cp-points">2,800 pt</span><span class="cp-status"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.59432 2.08429e-08C6.09239 -0.000111232 4.62417 0.445157 3.37531 1.2795C2.12645 2.11384 1.15306 3.29977 0.578215 4.68733C0.00337254 6.07489 -0.147096 7.60176 0.145839 9.07483C0.438773 10.5479 1.16195 11.901 2.22392 12.9631C3.2859 14.0252 4.63896 14.7485 6.11201 15.0415C7.58507 15.3346 9.11194 15.1843 10.4996 14.6095C11.8872 14.0348 13.0732 13.0615 13.9076 11.8127C14.7421 10.564 15.1875 9.09578 15.1875 7.59386C15.1865 5.58027 14.3862 3.64944 12.9624 2.22556C11.5387 0.801677 9.6079 0.0012043 7.59432 2.08429e-08ZM4.41172 8.38836L6.00303 9.97981C6.08124 10.0583 6.17418 10.1207 6.27653 10.1632C6.37888 10.2057 6.48862 10.2276 6.59946 10.2276C6.71029 10.2276 6.82003 10.2057 6.92238 10.1632C7.02473 10.1207 7.11768 10.0583 7.19588 9.97981L10.7769 6.40088C10.9351 6.2427 11.024 6.02814 11.024 5.80442C11.024 5.5807 10.9351 5.36614 10.7769 5.20794C10.6187 5.04974 10.4042 4.96087 10.1805 4.96086C9.95675 4.96085 9.74219 5.04972 9.58399 5.20791L6.6006 8.19152L5.60461 7.19539C5.44641 7.0372 5.23185 6.94834 5.00813 6.94835C4.78441 6.94835 4.56986 7.03723 4.41167 7.19543C4.25349 7.35363 4.16462 7.56819 4.16463 7.79191C4.16464 8.01563 4.25352 8.23018 4.41172 8.38836Z" fill="#A0E86F"/>
</svg>
Bought</span></div>
            </div>

            <div class="cp-card" data-gender="male" data-cat="bowler">
              <div class="cp-left">
                <div class="cp-avatar"><img src="{{ asset('assets/images/pro_img.png') }}" alt="Auction"></div>
                <div class="cp-info"><span class="cp-name">Sam Cooper</span><span class="cp-role">Bowler</span></div>
              </div>
              <span class="cp-badge">Core P..</span>
              <div class="cp-right"><span class="cp-points">1,800 pt</span><span class="cp-status"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.59432 2.08429e-08C6.09239 -0.000111232 4.62417 0.445157 3.37531 1.2795C2.12645 2.11384 1.15306 3.29977 0.578215 4.68733C0.00337254 6.07489 -0.147096 7.60176 0.145839 9.07483C0.438773 10.5479 1.16195 11.901 2.22392 12.9631C3.2859 14.0252 4.63896 14.7485 6.11201 15.0415C7.58507 15.3346 9.11194 15.1843 10.4996 14.6095C11.8872 14.0348 13.0732 13.0615 13.9076 11.8127C14.7421 10.564 15.1875 9.09578 15.1875 7.59386C15.1865 5.58027 14.3862 3.64944 12.9624 2.22556C11.5387 0.801677 9.6079 0.0012043 7.59432 2.08429e-08ZM4.41172 8.38836L6.00303 9.97981C6.08124 10.0583 6.17418 10.1207 6.27653 10.1632C6.37888 10.2057 6.48862 10.2276 6.59946 10.2276C6.71029 10.2276 6.82003 10.2057 6.92238 10.1632C7.02473 10.1207 7.11768 10.0583 7.19588 9.97981L10.7769 6.40088C10.9351 6.2427 11.024 6.02814 11.024 5.80442C11.024 5.5807 10.9351 5.36614 10.7769 5.20794C10.6187 5.04974 10.4042 4.96087 10.1805 4.96086C9.95675 4.96085 9.74219 5.04972 9.58399 5.20791L6.6006 8.19152L5.60461 7.19539C5.44641 7.0372 5.23185 6.94834 5.00813 6.94835C4.78441 6.94835 4.56986 7.03723 4.41167 7.19543C4.25349 7.35363 4.16462 7.56819 4.16463 7.79191C4.16464 8.01563 4.25352 8.23018 4.41172 8.38836Z" fill="#A0E86F"/>
</svg>
Bought</span></div>
            </div>

            <div class="cp-card" data-gender="male" data-cat="allrounder">
              <div class="cp-left">
                <div class="cp-avatar"><img src="{{ asset('assets/images/pro_img.png') }}" alt="Auction"></div>
                <div class="cp-info"><span class="cp-name">Noah Martinez</span><span class="cp-role">All-Rounder</span></div>
              </div>
              <span class="cp-badge">Icon P..</span>
              <div class="cp-right"><span class="cp-points">3,000 pt</span><span class="cp-status"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.59432 2.08429e-08C6.09239 -0.000111232 4.62417 0.445157 3.37531 1.2795C2.12645 2.11384 1.15306 3.29977 0.578215 4.68733C0.00337254 6.07489 -0.147096 7.60176 0.145839 9.07483C0.438773 10.5479 1.16195 11.901 2.22392 12.9631C3.2859 14.0252 4.63896 14.7485 6.11201 15.0415C7.58507 15.3346 9.11194 15.1843 10.4996 14.6095C11.8872 14.0348 13.0732 13.0615 13.9076 11.8127C14.7421 10.564 15.1875 9.09578 15.1875 7.59386C15.1865 5.58027 14.3862 3.64944 12.9624 2.22556C11.5387 0.801677 9.6079 0.0012043 7.59432 2.08429e-08ZM4.41172 8.38836L6.00303 9.97981C6.08124 10.0583 6.17418 10.1207 6.27653 10.1632C6.37888 10.2057 6.48862 10.2276 6.59946 10.2276C6.71029 10.2276 6.82003 10.2057 6.92238 10.1632C7.02473 10.1207 7.11768 10.0583 7.19588 9.97981L10.7769 6.40088C10.9351 6.2427 11.024 6.02814 11.024 5.80442C11.024 5.5807 10.9351 5.36614 10.7769 5.20794C10.6187 5.04974 10.4042 4.96087 10.1805 4.96086C9.95675 4.96085 9.74219 5.04972 9.58399 5.20791L6.6006 8.19152L5.60461 7.19539C5.44641 7.0372 5.23185 6.94834 5.00813 6.94835C4.78441 6.94835 4.56986 7.03723 4.41167 7.19543C4.25349 7.35363 4.16462 7.56819 4.16463 7.79191C4.16464 8.01563 4.25352 8.23018 4.41172 8.38836Z" fill="#A0E86F"/>
</svg>
Bought</span></div>
            </div>

            <div class="cp-card" data-gender="male" data-cat="allrounder">
              <div class="cp-left">
                <div class="cp-avatar"><img src="{{ asset('assets/images/pro_img.png') }}" alt="Auction"></div>
                <div class="cp-info"><span class="cp-name">Ethan Brown</span><span class="cp-role">All-Rounder</span></div>
              </div>
              <span class="cp-badge">Icon P..</span>
              <div class="cp-right"><span class="cp-points">3,000 pt</span><span class="cp-status"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.59432 2.08429e-08C6.09239 -0.000111232 4.62417 0.445157 3.37531 1.2795C2.12645 2.11384 1.15306 3.29977 0.578215 4.68733C0.00337254 6.07489 -0.147096 7.60176 0.145839 9.07483C0.438773 10.5479 1.16195 11.901 2.22392 12.9631C3.2859 14.0252 4.63896 14.7485 6.11201 15.0415C7.58507 15.3346 9.11194 15.1843 10.4996 14.6095C11.8872 14.0348 13.0732 13.0615 13.9076 11.8127C14.7421 10.564 15.1875 9.09578 15.1875 7.59386C15.1865 5.58027 14.3862 3.64944 12.9624 2.22556C11.5387 0.801677 9.6079 0.0012043 7.59432 2.08429e-08ZM4.41172 8.38836L6.00303 9.97981C6.08124 10.0583 6.17418 10.1207 6.27653 10.1632C6.37888 10.2057 6.48862 10.2276 6.59946 10.2276C6.71029 10.2276 6.82003 10.2057 6.92238 10.1632C7.02473 10.1207 7.11768 10.0583 7.19588 9.97981L10.7769 6.40088C10.9351 6.2427 11.024 6.02814 11.024 5.80442C11.024 5.5807 10.9351 5.36614 10.7769 5.20794C10.6187 5.04974 10.4042 4.96087 10.1805 4.96086C9.95675 4.96085 9.74219 5.04972 9.58399 5.20791L6.6006 8.19152L5.60461 7.19539C5.44641 7.0372 5.23185 6.94834 5.00813 6.94835C4.78441 6.94835 4.56986 7.03723 4.41167 7.19543C4.25349 7.35363 4.16462 7.56819 4.16463 7.79191C4.16464 8.01563 4.25352 8.23018 4.41172 8.38836Z" fill="#A0E86F"/>
</svg>
Bought</span></div>
            </div>

            <div class="cp-card" data-gender="female" data-cat="batting">
              <div class="cp-left">
                <div class="cp-avatar"><img src="{{ asset('assets/images/pro_img.png') }}" alt="Auction"></div>
                <div class="cp-info"><span class="cp-name">Sophie Williams</span><span class="cp-role">Batsman</span></div>
              </div>
              <span class="cp-badge">Star P..</span>
              <div class="cp-right"><span class="cp-points">2,200 pt</span><span class="cp-status"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.59432 2.08429e-08C6.09239 -0.000111232 4.62417 0.445157 3.37531 1.2795C2.12645 2.11384 1.15306 3.29977 0.578215 4.68733C0.00337254 6.07489 -0.147096 7.60176 0.145839 9.07483C0.438773 10.5479 1.16195 11.901 2.22392 12.9631C3.2859 14.0252 4.63896 14.7485 6.11201 15.0415C7.58507 15.3346 9.11194 15.1843 10.4996 14.6095C11.8872 14.0348 13.0732 13.0615 13.9076 11.8127C14.7421 10.564 15.1875 9.09578 15.1875 7.59386C15.1865 5.58027 14.3862 3.64944 12.9624 2.22556C11.5387 0.801677 9.6079 0.0012043 7.59432 2.08429e-08ZM4.41172 8.38836L6.00303 9.97981C6.08124 10.0583 6.17418 10.1207 6.27653 10.1632C6.37888 10.2057 6.48862 10.2276 6.59946 10.2276C6.71029 10.2276 6.82003 10.2057 6.92238 10.1632C7.02473 10.1207 7.11768 10.0583 7.19588 9.97981L10.7769 6.40088C10.9351 6.2427 11.024 6.02814 11.024 5.80442C11.024 5.5807 10.9351 5.36614 10.7769 5.20794C10.6187 5.04974 10.4042 4.96087 10.1805 4.96086C9.95675 4.96085 9.74219 5.04972 9.58399 5.20791L6.6006 8.19152L5.60461 7.19539C5.44641 7.0372 5.23185 6.94834 5.00813 6.94835C4.78441 6.94835 4.56986 7.03723 4.41167 7.19543C4.25349 7.35363 4.16462 7.56819 4.16463 7.79191C4.16464 8.01563 4.25352 8.23018 4.41172 8.38836Z" fill="#A0E86F"/>
</svg>
Bought</span></div>
            </div>

            <div class="cp-card" data-gender="female" data-cat="bowler">
              <div class="cp-left">
                <div class="cp-avatar"><img src="{{ asset('assets/images/pro_img.png') }}" alt="Auction"></div>
                <div class="cp-info"><span class="cp-name">Emma Taylor</span><span class="cp-role">Bowler</span></div>
              </div>
              <span class="cp-badge">Core P..</span>
              <div class="cp-right"><span class="cp-points">1,500 pt</span><span class="cp-status"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.59432 2.08429e-08C6.09239 -0.000111232 4.62417 0.445157 3.37531 1.2795C2.12645 2.11384 1.15306 3.29977 0.578215 4.68733C0.00337254 6.07489 -0.147096 7.60176 0.145839 9.07483C0.438773 10.5479 1.16195 11.901 2.22392 12.9631C3.2859 14.0252 4.63896 14.7485 6.11201 15.0415C7.58507 15.3346 9.11194 15.1843 10.4996 14.6095C11.8872 14.0348 13.0732 13.0615 13.9076 11.8127C14.7421 10.564 15.1875 9.09578 15.1875 7.59386C15.1865 5.58027 14.3862 3.64944 12.9624 2.22556C11.5387 0.801677 9.6079 0.0012043 7.59432 2.08429e-08ZM4.41172 8.38836L6.00303 9.97981C6.08124 10.0583 6.17418 10.1207 6.27653 10.1632C6.37888 10.2057 6.48862 10.2276 6.59946 10.2276C6.71029 10.2276 6.82003 10.2057 6.92238 10.1632C7.02473 10.1207 7.11768 10.0583 7.19588 9.97981L10.7769 6.40088C10.9351 6.2427 11.024 6.02814 11.024 5.80442C11.024 5.5807 10.9351 5.36614 10.7769 5.20794C10.6187 5.04974 10.4042 4.96087 10.1805 4.96086C9.95675 4.96085 9.74219 5.04972 9.58399 5.20791L6.6006 8.19152L5.60461 7.19539C5.44641 7.0372 5.23185 6.94834 5.00813 6.94835C4.78441 6.94835 4.56986 7.03723 4.41167 7.19543C4.25349 7.35363 4.16462 7.56819 4.16463 7.79191C4.16464 8.01563 4.25352 8.23018 4.41172 8.38836Z" fill="#A0E86F"/>
</svg>
Bought</span></div>
            </div>

            <div class="cp-card" data-gender="female" data-cat="allrounder">
              <div class="cp-left">
                <div class="cp-avatar"><img src="{{ asset('assets/images/pro_img.png') }}" alt="Auction"></div>
                <div class="cp-info"><span class="cp-name">Mia Anderson</span><span class="cp-role">All-Rounder</span></div>
              </div>
              <span class="cp-badge">Icon P..</span>
              <div class="cp-right"><span class="cp-points">2,800 pt</span><span class="cp-status"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.59432 2.08429e-08C6.09239 -0.000111232 4.62417 0.445157 3.37531 1.2795C2.12645 2.11384 1.15306 3.29977 0.578215 4.68733C0.00337254 6.07489 -0.147096 7.60176 0.145839 9.07483C0.438773 10.5479 1.16195 11.901 2.22392 12.9631C3.2859 14.0252 4.63896 14.7485 6.11201 15.0415C7.58507 15.3346 9.11194 15.1843 10.4996 14.6095C11.8872 14.0348 13.0732 13.0615 13.9076 11.8127C14.7421 10.564 15.1875 9.09578 15.1875 7.59386C15.1865 5.58027 14.3862 3.64944 12.9624 2.22556C11.5387 0.801677 9.6079 0.0012043 7.59432 2.08429e-08ZM4.41172 8.38836L6.00303 9.97981C6.08124 10.0583 6.17418 10.1207 6.27653 10.1632C6.37888 10.2057 6.48862 10.2276 6.59946 10.2276C6.71029 10.2276 6.82003 10.2057 6.92238 10.1632C7.02473 10.1207 7.11768 10.0583 7.19588 9.97981L10.7769 6.40088C10.9351 6.2427 11.024 6.02814 11.024 5.80442C11.024 5.5807 10.9351 5.36614 10.7769 5.20794C10.6187 5.04974 10.4042 4.96087 10.1805 4.96086C9.95675 4.96085 9.74219 5.04972 9.58399 5.20791L6.6006 8.19152L5.60461 7.19539C5.44641 7.0372 5.23185 6.94834 5.00813 6.94835C4.78441 6.94835 4.56986 7.03723 4.41167 7.19543C4.25349 7.35363 4.16462 7.56819 4.16463 7.79191C4.16464 8.01563 4.25352 8.23018 4.41172 8.38836Z" fill="#A0E86F"/>
</svg>
Bought</span></div>
            </div>

            <!-- No results message -->
            <div class="no-results" style="display:none;text-align:center;padding:40px 0;color:#777;font-size:14px;">No players found for this filter.</div>

          </div>
        </div>

      </div><!-- /team-owner-grid -->

    </div><!-- /content_area -->

    
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script>
(function(){
  const cards    = document.querySelectorAll('#currentPlayersList .cp-card');
  const noResult = document.querySelector('#currentPlayersList .no-results');
  let activeGender = 'male';
  let activeCat    = 'batting';

  function filterPlayers(){
    let visible = 0;
    cards.forEach(card => {
      const gMatch = card.dataset.gender === activeGender;
      const cMatch = card.dataset.cat === activeCat;
      if(gMatch && cMatch){
        card.style.display = '';
        visible++;
      } else {
        card.style.display = 'none';
      }
    });
    noResult.style.display = visible === 0 ? 'block' : 'none';
  }

  /* Gender tabs */
  document.querySelectorAll('.gender-tab').forEach(btn => {
    btn.addEventListener('click', function(e){
      e.preventDefault();
      document.querySelectorAll('.gender-tab').forEach(b => b.classList.remove('active'));
      this.classList.add('active');
      activeGender = this.dataset.gender;
      filterPlayers();
    });
  });

  /* Category tabs */
  document.querySelectorAll('.cat-tab').forEach(btn => {
    btn.addEventListener('click', function(e){
      e.preventDefault();
      document.querySelectorAll('.cat-tab').forEach(b => b.classList.remove('active'));
      this.classList.add('active');
      activeCat = this.dataset.cat;
      filterPlayers();
    });
  });

  /* Category dropdown (Icon/Star/Core/Emerging) */
  document.querySelector('.cat-dropdown').addEventListener('change', function(){
    document.querySelectorAll('.cat-tab').forEach(b => b.classList.remove('active'));
    activeCat = this.value.toLowerCase();
    filterPlayers();
  });

  /* initial filter */
  filterPlayers();
})();
</script>
@endsection

@push('script')

@endpush