@extends('layouts.app')

@section('title', 'Campaign Report')
@section('page', 'reports')

@php
  $statusVariant = fn ($s) => match ($s) {
    'Sent' => 'success',
    'Scheduled' => 'info',
    'Draft' => 'warning',
    default => 'danger',
  };
@endphp

@section('content')
  @include('reports.partials.header', [
    'title' => 'Campaign Report',
    'subtitle' => 'SMS campaigns from '.$dateFrom.' to '.$dateTo.'.',
  ])

  <div class="product-stats-panel mb-4">
    <div class="row g-3 product-stats product-stats--4 justify-content-start">
      <div class="col-6 col-md-3 product-stat-col">
        <div class="product-kpi product-kpi--primary">
          <span class="product-kpi__icon" aria-hidden="true">
            <span class="product-kpi__glyph"><i class="bi bi-megaphone"></i></span>
          </span>
          <div class="product-kpi__body">
            <p class="product-kpi__label">Campaigns</p>
            <p class="product-kpi__value">{{ number_format($campaignCount) }}</p>
            <p class="product-kpi__meta">{{ $sentCampaignCount }} sent</p>
          </div>
        </div>
      </div>
      <div class="col-6 col-md-3 product-stat-col">
        <div class="product-kpi product-kpi--success">
          <span class="product-kpi__icon" aria-hidden="true">
            <span class="product-kpi__glyph"><i class="bi bi-send-check"></i></span>
          </span>
          <div class="product-kpi__body">
            <p class="product-kpi__label">SMS Sent</p>
            <p class="product-kpi__value">{{ number_format($totalSent) }}</p>
            <p class="product-kpi__meta">Delivered count</p>
          </div>
        </div>
      </div>
      <div class="col-6 col-md-3 product-stat-col">
        <div class="product-kpi product-kpi--warning">
          <span class="product-kpi__icon" aria-hidden="true">
            <span class="product-kpi__glyph"><i class="bi bi-people"></i></span>
          </span>
          <div class="product-kpi__body">
            <p class="product-kpi__label">Recipients</p>
            <p class="product-kpi__value">{{ number_format($totalRecipients) }}</p>
            <p class="product-kpi__meta">Audience size</p>
          </div>
        </div>
      </div>
      <div class="col-6 col-md-3 product-stat-col">
        <div class="product-kpi product-kpi--inactive">
          <span class="product-kpi__icon" aria-hidden="true">
            <span class="product-kpi__glyph"><i class="bi bi-cash-coin"></i></span>
          </span>
          <div class="product-kpi__body">
            <p class="product-kpi__label">Est. SMS Cost</p>
            <p class="product-kpi__value">{{ money($estimatedSmsCost) }}</p>
            <p class="product-kpi__meta">@ {{ number_format(0.59, 2) }} / SMS</p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="row g-4 mb-4">
    <div class="col-lg-6">
      <div class="reports-card">
        <div class="reports-card__head">
          <h2 class="reports-card__title">By Status</h2>
        </div>
        <div class="table-responsive">
          <table class="table table-sm align-middle mb-0">
            <thead>
              <tr>
                <th>Status</th>
                <th class="text-end">Campaigns</th>
                <th class="text-end">Recipients</th>
                <th class="text-end">Sent</th>
              </tr>
            </thead>
            <tbody>
              @forelse ($byStatus as $row)
                <tr>
                  <td><x-badge :variant="$statusVariant($row['name'])">{{ $row['name'] }}</x-badge></td>
                  <td class="text-end">{{ $row['count'] }}</td>
                  <td class="text-end">{{ number_format($row['recipients']) }}</td>
                  <td class="text-end">{{ number_format($row['sent']) }}</td>
                </tr>
              @empty
                <tr><td colspan="4" class="text-center text-muted py-3">No campaigns.</td></tr>
              @endforelse
            </tbody>
          </table>
        </div>
      </div>
    </div>
    <div class="col-lg-6">
      <div class="reports-card">
        <div class="reports-card__head">
          <h2 class="reports-card__title">By Audience</h2>
        </div>
        <div class="table-responsive">
          <table class="table table-sm align-middle mb-0">
            <thead>
              <tr>
                <th>Audience</th>
                <th class="text-end">Campaigns</th>
                <th class="text-end">Recipients</th>
                <th class="text-end">Sent</th>
              </tr>
            </thead>
            <tbody>
              @forelse ($byAudience as $row)
                <tr>
                  <td>{{ $row['name'] }}</td>
                  <td class="text-end">{{ $row['count'] }}</td>
                  <td class="text-end">{{ number_format($row['recipients']) }}</td>
                  <td class="text-end">{{ number_format($row['sent']) }}</td>
                </tr>
              @empty
                <tr><td colspan="4" class="text-center text-muted py-3">No campaigns.</td></tr>
              @endforelse
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>

  <div class="reports-card">
    <div class="reports-card__head">
      <h2 class="reports-card__title">Campaign Details</h2>
    </div>
    <div class="table-responsive">
      <table class="table table-sm align-middle mb-0">
        <thead>
          <tr>
            <th>Date</th>
            <th>Name</th>
            <th>Template</th>
            <th>Audience</th>
            <th>Status</th>
            <th class="text-end">Recipients</th>
            <th class="text-end">Sent</th>
          </tr>
        </thead>
        <tbody>
          @forelse ($campaigns as $campaign)
            <tr>
              <td>{{ ($campaign->scheduled_at ?? $campaign->created_at)?->format('Y-m-d H:i') }}</td>
              <td>{{ $campaign->name }}</td>
              <td>{{ $campaign->smsTemplate?->name ?? 'Custom' }}</td>
              <td>{{ $campaign->audienceLabel() }}</td>
              <td><x-badge :variant="$statusVariant($campaign->status)">{{ $campaign->status }}</x-badge></td>
              <td class="text-end">{{ number_format($campaign->recipients_count) }}</td>
              <td class="text-end">{{ number_format($campaign->sent_count) }}</td>
            </tr>
          @empty
            <tr><td colspan="7" class="text-center text-muted py-4">No campaigns in this period.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>
  </div>
@endsection

@push('styles')
  <link href="{{ asset('assets/css/pages/products.css') }}" rel="stylesheet">
  <link href="{{ asset('assets/css/pages/reports.css') }}" rel="stylesheet">
@endpush