@extends('layouts.sidebar')
@section('title', 'Nomadic - Partner Applications')
@section('content')
<div class="pagetitle d-flex justify-content-between align-items-center">
  <h1>Partner Applications</h1>
  <a href="{{ url('backend/partner-tokens') }}" class="btn btn-primary btn-sm">
    <i class="bi bi-key"></i> Manage Tokens
  </a>
</div>

<section class="section">
  <div class="row">
    <div class="col-lg-2 col-md-4 col-6">
      <div class="card info-card">
        <div class="card-body">
          <h5 class="card-title">Total</h5>
          <div class="d-flex align-items-center">
            <div class="card-icon rounded-circle d-flex align-items-center justify-content-center" style="background:#f0f0f0;">
              <i class="bi bi-building" style="color:#333;font-size:1.5rem;"></i>
            </div>
            <div class="ps-3"><h6>{{ $stats['total'] }}</h6></div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-lg-2 col-md-4 col-6">
      <div class="card info-card">
        <div class="card-body">
          <h5 class="card-title">Pending</h5>
          <div class="d-flex align-items-center">
            <div class="card-icon rounded-circle d-flex align-items-center justify-content-center" style="background:#fff3cd;">
              <i class="bi bi-hourglass-split" style="color:#856404;font-size:1.5rem;"></i>
            </div>
            <div class="ps-3"><h6>{{ $stats['pending'] }}</h6></div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-lg-2 col-md-4 col-6">
      <div class="card info-card">
        <div class="card-body">
          <h5 class="card-title">Under Review</h5>
          <div class="d-flex align-items-center">
            <div class="card-icon rounded-circle d-flex align-items-center justify-content-center" style="background:#cff4fc;">
              <i class="bi bi-eye" style="color:#055160;font-size:1.5rem;"></i>
            </div>
            <div class="ps-3"><h6>{{ $stats['under_review'] }}</h6></div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-lg-2 col-md-4 col-6">
      <div class="card info-card">
        <div class="card-body">
          <h5 class="card-title">Approved</h5>
          <div class="d-flex align-items-center">
            <div class="card-icon rounded-circle d-flex align-items-center justify-content-center" style="background:#d1e7dd;">
              <i class="bi bi-check-circle" style="color:#0f5132;font-size:1.5rem;"></i>
            </div>
            <div class="ps-3"><h6>{{ $stats['approved'] }}</h6></div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-lg-2 col-md-4 col-6">
      <div class="card info-card">
        <div class="card-body">
          <h5 class="card-title">Rejected</h5>
          <div class="d-flex align-items-center">
            <div class="card-icon rounded-circle d-flex align-items-center justify-content-center" style="background:#f8d7da;">
              <i class="bi bi-x-circle" style="color:#842029;font-size:1.5rem;"></i>
            </div>
            <div class="ps-3"><h6>{{ $stats['rejected'] }}</h6></div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-lg-2 col-md-4 col-6">
      <div class="card info-card">
        <div class="card-body">
          <h5 class="card-title">Setup Done</h5>
          <div class="d-flex align-items-center">
            <div class="card-icon rounded-circle d-flex align-items-center justify-content-center" style="background:#d1e7dd;">
              <i class="bi bi-patch-check" style="color:#0f5132;font-size:1.5rem;"></i>
            </div>
            <div class="ps-3"><h6>{{ $stats['setup_complete'] }}</h6></div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col-12">
      <div class="card">
        <div class="card-body pt-3">
          <form method="GET" action="{{ url('backend/partner-applications') }}" class="row g-3 mb-3">
            <div class="col-md-3">
              <input type="text" name="search" class="form-control" placeholder="Search location or business..." value="{{ request('search') }}">
            </div>
            <div class="col-md-2">
              <select name="status" class="form-select">
                <option value="">All Status</option>
                <option value="pending" {{ request('status')=='pending' ? 'selected' : '' }}>Pending</option>
                <option value="under_review" {{ request('status')=='under_review' ? 'selected' : '' }}>Under Review</option>
                <option value="approved" {{ request('status')=='approved' ? 'selected' : '' }}>Approved</option>
                <option value="rejected" {{ request('status')=='rejected' ? 'selected' : '' }}>Rejected</option>
                <option value="setup_started" {{ request('status')=='setup_started' ? 'selected' : '' }}>Setup Started</option>
                <option value="invited" {{ request('status')=='invited' ? 'selected' : '' }}>Invited</option>
                <option value="setup_complete" {{ request('status')=='setup_complete' ? 'selected' : '' }}>Setup Complete</option>
              </select>
            </div>
            <div class="col-md-2">
              <input type="text" name="city" class="form-control" placeholder="City..." value="{{ request('city') }}">
            </div>
            <div class="col-md-2">
              <select name="vertical" class="form-select">
                <option value="">All Verticals</option>
                @foreach(['photography','music','video','fashion','fine-art','makerspace','event-space'] as $vert)
                <option value="{{ $vert }}" {{ request('vertical')==$vert ? 'selected' : '' }}>{{ ucfirst(str_replace('-', ' ', $vert)) }}</option>
                @endforeach
              </select>
            </div>
            <div class="col-md-1">
              <button type="submit" class="btn btn-primary w-100">Filter</button>
            </div>
            @if(request()->hasAny(['search','status','city','vertical']))
            <div class="col-md-1">
              <a href="{{ url('backend/partner-applications') }}" class="btn btn-outline-secondary w-100">Clear</a>
            </div>
            @endif
          </form>

          <div class="table-responsive">
            <table class="table tbl table-hover">
              <thead>
                <tr>
                  <td>#</td>
                  <td>Location</td>
                  <td>Business</td>
                  <td>City</td>
                  <td>Verticals</td>
                  <td>Studios</td>
                  <td>Status</td>
                  <td>Submitted</td>
                  <td></td>
                </tr>
              </thead>
              <tbody>
                @forelse($data as $app)
                <tr>
                  <td data-label="#">{{ $app->id }}</td>
                  <td data-label="Location">{{ $app->location_name }}</td>
                  <td data-label="Business">{{ $app->business_name }}</td>
                  <td data-label="City">{{ $app->city }}, {{ $app->country }}</td>
                  <td data-label="Verticals">
                    @foreach($app->studios->pluck('vertical_slug')->unique() as $v)
                      <span class="badge bg-secondary">{{ ucfirst(str_replace('-', ' ', $v)) }}</span>
                    @endforeach
                  </td>
                  <td data-label="Studios">{{ $app->studios->count() }}</td>
                  <td data-label="Status">
                    @switch($app->status)
                      @case('pending')
                        <span class="badge bg-warning text-dark">Pending</span>
                        @break
                      @case('under_review')
                        <span class="badge bg-info text-dark">Under Review</span>
                        @break
                      @case('approved')
                        <span class="badge bg-success">Approved</span>
                        @break
                      @case('rejected')
                        <span class="badge bg-danger">Rejected</span>
                        @break
                      @case('setup_started')
                        <span class="badge bg-primary">Setup Started</span>
                        @break
                      @case('invited')
                        <span class="badge bg-info">Invited</span>
                        @break
                      @case('setup_complete')
                        <span class="badge bg-success">Setup Complete</span>
                        @break
                      @default
                        <span class="badge bg-secondary">{{ $app->status }}</span>
                    @endswitch
                  </td>
                  <td data-label="Submitted">{{ $app->submitted_at ? $app->submitted_at->format('M d, Y') : 'N/A' }}</td>
                  <td data-label="">
                    <a href="{{ url('backend/partner-applications/'.$app->id) }}" class="btn btn-sm btn-outline-primary">
                      <i class="bi bi-eye"></i> View
                    </a>
                  </td>
                </tr>
                @empty
                <tr>
                  <td colspan="9">No partner applications found</td>
                </tr>
                @endforelse
              </tbody>
              <tfoot>
                <tr>
                  <td colspan="9">
                    <div class="foot-paging">
                      {!! $data->links('vendor.pagination.bootstrap-5') !!}
                    </div>
                  </td>
                </tr>
              </tfoot>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
@endsection