@extends('layouts.admin')

@section('style')
<style>
  .info-card {
    background: #fff;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  }

  .info-card h4 {
    margin-top: 0;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0f0f0;
  }

  .info-row {
    display: flex;
    padding: 8px 0;
    border-bottom: 1px solid #f5f5f5;
  }

  .info-row:last-child {
    border-bottom: none;
  }

  .info-label {
    font-weight: bold;
    width: 180px;
    color: #666;
  }

  .info-value {
    flex: 1;
    color: #333;
  }

  .stat-box {
    background: #f8f9fa;
    border-radius: 5px;
    padding: 15px;
    text-align: center;
    margin-bottom: 15px;
  }

  .stat-box h3 {
    margin: 0;
    font-size: 28px;
    color: #007bff;
  }

  .stat-box p {
    margin: 5px 0 0 0;
    color: #666;
    font-size: 14px;
  }
</style>
@endSection

@section('content')

<div class="container-fluid">
  <div class="row mb-3">
    <div class="col-md-12">
      <a href="{{ route('admin.referrer_code_logs.index') }}" class="btn btn-secondary">
        <i class="fas fa-arrow-left"></i> Back to Referral Logs
      </a>
    </div>
  </div>

  <!-- Referral Log Details -->
  <div class="row">
    <div class="col-md-8">
      <div class="info-card">
        <h4><i class="fas fa-link"></i> Referral Log Details</h4>
        
        <div class="info-row">
          <div class="info-label">Log ID:</div>
          <div class="info-value">{{ $referral_log->id }}</div>
        </div>

        <div class="info-row">
          <div class="info-label">Referral Code:</div>
          <div class="info-value">
            <strong class="text-primary">{{ $referral_log->referrer_code }}</strong>
          </div>
        </div>

        <div class="info-row">
          <div class="info-label">Notification Status:</div>
          <div class="info-value">
            @if($referral_log->is_notified)
              <span class="badge badge-success">
                <i class="fas fa-check"></i> Notified
              </span>
            @else
              <span class="badge badge-warning">
                <i class="fas fa-clock"></i> Not Notified
              </span>
            @endif
          </div>
        </div>

        <div class="info-row">
          <div class="info-label">Created At:</div>
          <div class="info-value">{{ $referral_log->created_at->format('d/m/Y H:i:s') }}</div>
        </div>

        <div class="info-row">
          <div class="info-label">Updated At:</div>
          <div class="info-value">{{ $referral_log->updated_at->format('d/m/Y H:i:s') }}</div>
        </div>
      </div>

      <!-- Referrer Information -->
      <div class="info-card">
        <h4><i class="fas fa-user-tie"></i> Referrer Information</h4>
        
        @if($referral_log->referrer)
          <div class="info-row">
            <div class="info-label">User ID:</div>
            <div class="info-value">{{ $referral_log->referrer->id }}</div>
          </div>

          <div class="info-row">
            <div class="info-label">Name:</div>
            <div class="info-value">
              <strong>{{ $referral_log->referrer->name }}</strong>
            </div>
          </div>

          @if($referral_log->referrer->email)
          <div class="info-row">
            <div class="info-label">Email:</div>
            <div class="info-value">{{ $referral_log->referrer->email }}</div>
          </div>
          @endif

          @if($referral_log->referrer->mobile)
          <div class="info-row">
            <div class="info-label">Mobile:</div>
            <div class="info-value">{{ $referral_log->referrer->mobile }}</div>
          </div>
          @endif

          <div class="info-row">
            <div class="info-label">Referrer Code:</div>
            <div class="info-value">
              <code>{{ $referral_log->referrer->referrer_code ?? 'N/A' }}</code>
            </div>
          </div>

          <div class="info-row">
            <div class="info-label">Actions:</div>
            <div class="info-value">
              <a href="{{ route('admin.users.general', ['user_id' => $referral_log->referrer->id]) }}" class="btn btn-sm btn-primary">
                <i class="fas fa-user"></i> View User Profile
              </a>
            </div>
          </div>
        @else
          <p class="text-muted">Referrer user not found (ID: {{ $referral_log->referrer_user_id }})</p>
        @endif
      </div>

      <!-- Referee Information -->
      <div class="info-card">
        <h4><i class="fas fa-user-plus"></i> Referee Information (User Who Used the Code)</h4>
        
        @if($referral_log->user)
          <div class="info-row">
            <div class="info-label">User ID:</div>
            <div class="info-value">{{ $referral_log->user->id }}</div>
          </div>

          <div class="info-row">
            <div class="info-label">Name:</div>
            <div class="info-value">
              <strong>{{ $referral_log->user->name }}</strong>
            </div>
          </div>

          @if($referral_log->user->email)
          <div class="info-row">
            <div class="info-label">Email:</div>
            <div class="info-value">{{ $referral_log->user->email }}</div>
          </div>
          @endif

          @if($referral_log->user->mobile)
          <div class="info-row">
            <div class="info-label">Mobile:</div>
            <div class="info-value">{{ $referral_log->user->mobile }}</div>
          </div>
          @endif

          <div class="info-row">
            <div class="info-label">Actions:</div>
            <div class="info-value">
              <a href="{{ route('admin.users.general', ['user_id' => $referral_log->user->id]) }}" class="btn btn-sm btn-primary">
                <i class="fas fa-user"></i> View User Profile
              </a>
            </div>
          </div>
        @else
          <p class="text-muted">Referee user not found (ID: {{ $referral_log->user_id }})</p>
        @endif
      </div>
    </div>

    <!-- Statistics Sidebar -->
    <div class="col-md-4">
      <div class="info-card">
        <h4><i class="fas fa-chart-bar"></i> Referrer Statistics</h4>
        
        <div class="stat-box">
          <h3>{{ $referrer_stats['total_referrals'] }}</h3>
          <p>Total Referrals</p>
        </div>

        <div class="stat-box">
          <h3>{{ $referrer_stats['notified_referrals'] }}</h3>
          <p>Notified Referrals</p>
        </div>
      </div>
    </div>
  </div>

  <!-- Related Referrals -->
  @if($related_referrals->count() > 0)
  <div class="row">
    <div class="col-md-12">
      <div class="info-card">
        <h4><i class="fas fa-users"></i> Other Referrals by Same Referrer</h4>
        
        <table class="table table-bordered table-hover">
          <thead>
            <tr>
              <th>ID</th>
              <th>Referral Code</th>
              <th>Referee</th>
              <th>Notification Status</th>
              <th>Created At</th>
              <th>Actions</th>
            </tr>
          </thead>
          <tbody>
            @foreach($related_referrals as $related)
            <tr>
              <td>{{ $related->id }}</td>
              <td><strong>{{ $related->referrer_code }}</strong></td>
              <td>
                @if($related->user)
                  {{ $related->user->name }}
                  <br>
                  <small class="text-muted">ID: {{ $related->user->id }}</small>
                @else
                  <span class="text-muted">User #{{ $related->user_id }}</span>
                @endif
              </td>
              <td>
                @if($related->is_notified)
                  <span class="badge badge-success">
                    <i class="fas fa-check"></i> Notified
                  </span>
                @else
                  <span class="badge badge-warning">
                    <i class="fas fa-clock"></i> Not Notified
                  </span>
                @endif
              </td>
              <td>{{ $related->created_at->format('d/m/Y H:i:s') }}</td>
              <td>
                <a href="{{ route('admin.referrer_code_logs.show', $related->id) }}" class="btn btn-sm btn-info">
                  <i class="fas fa-eye"></i> View
                </a>
              </td>
            </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div>
  </div>
  @endif
</div>

@endsection