@extends('layouts.app')
@section('title', '売上一覧')
@section('page-title', '売上一覧')
@section('content')

{{-- 売上サマリー --}}
<div class="row g-3 mb-4">
  <div class="col-md-3">
    <div class="card"><div class="card-body py-3">
      <div class="text-muted small mb-1">今月の売上</div>
      <div class="fs-4 fw-bold text-primary">¥{{ number_format($monthlyTotal ?? 0) }}</div>
    </div></div>
  </div>
  <div class="col-md-3">
    <div class="card"><div class="card-body py-3">
      <div class="text-muted small mb-1">累計売上</div>
      <div class="fs-4 fw-bold">¥{{ number_format($totalRevenue ?? 0) }}</div>
    </div></div>
  </div>
  <div class="col-md-3">
    <div class="card"><div class="card-body py-3">
      <div class="text-muted small mb-1">今月の注文数</div>
      <div class="fs-4 fw-bold text-success">{{ $monthlyCount ?? 0 }}件</div>
    </div></div>
  </div>
  <div class="col-md-3">
    <div class="card"><div class="card-body py-3">
      <div class="text-muted small mb-1">継続課金中</div>
      <div class="fs-4 fw-bold text-warning">{{ $activeSubscriptions ?? 0 }}件</div>
    </div></div>
  </div>
</div>

{{-- フィルター --}}
<div class="card mb-3"><div class="card-body py-2">
  <form method="GET" class="row g-2 align-items-center">
    <div class="col-md-3">
      <input type="text" name="search" class="form-control form-control-sm" placeholder="名前・メールで検索" value="{{ request('search') }}">
    </div>
    <div class="col-md-2">
      <input type="date" name="date_from" class="form-control form-control-sm" value="{{ request('date_from') }}">
    </div>
    <div class="col-md-2">
      <input type="date" name="date_to" class="form-control form-control-sm" value="{{ request('date_to') }}">
    </div>
    <div class="col-md-2">
      <select name="status" class="form-select form-select-sm">
        <option value="">すべてのステータス</option>
        <option value="completed" {{ request('status') === 'completed' ? 'selected' : '' }}>完了</option>
        <option value="pending" {{ request('status') === 'pending' ? 'selected' : '' }}>保留</option>
        <option value="refunded" {{ request('status') === 'refunded' ? 'selected' : '' }}>返金済み</option>
      </select>
    </div>
    <div class="col-md-1">
      <button type="submit" class="btn btn-sm btn-primary w-100">検索</button>
    </div>
  </form>
</div></div>

{{-- 注文一覧 --}}
@if($orders->isEmpty())
<div class="card"><div class="card-body text-center py-5">
  <i class="bi bi-receipt" style="font-size:3rem;color:#ddd;"></i>
  <h5 class="mt-3 text-muted">売上データがありません</h5>
</div></div>
@else
<div class="card"><div class="card-body p-0">
  <table class="table table-hover mb-0">
    <thead class="table-light">
      <tr>
        <th class="ps-4">注文ID</th>
        <th>購入者</th>
        <th>商品・プラン</th>
        <th>金額</th>
        <th>決済方法</th>
        <th>ステータス</th>
        <th>購入日時</th>
        <th class="text-end pe-4">操作</th>
      </tr>
    </thead>
    <tbody>
      @foreach($orders as $order)
      <tr>
        <td class="ps-4 text-muted small">#{{ str_pad($order->id, 6, '0', STR_PAD_LEFT) }}</td>
        <td>
          <div class="fw-semibold small">{{ $order->buyer_name }}</div>
          <div class="text-muted" style="font-size:0.75rem;">{{ $order->buyer_email }}</div>
        </td>
        <td class="small">{{ $order->plan->product->name ?? '—' }}<br><span class="text-muted">{{ $order->plan->name ?? '' }}</span></td>
        <td class="fw-semibold">¥{{ number_format($order->amount) }}</td>
        <td class="small text-muted">
          @if($order->payment_method === 'card') <i class="bi bi-credit-card me-1"></i>カード
          @elseif($order->payment_method === 'bank') <i class="bi bi-bank me-1"></i>振込
          @else {{ $order->payment_method }}
          @endif
        </td>
        <td>
          @if($order->status === 'completed') <span class="badge bg-success">完了</span>
          @elseif($order->status === 'pending') <span class="badge bg-warning text-dark">保留</span>
          @elseif($order->status === 'refunded') <span class="badge bg-danger">返金</span>
          @elseif($order->status === 'cancelled') <span class="badge bg-secondary">キャンセル</span>
          @endif
        </td>
        <td class="text-muted small">{{ $order->created_at->format('Y/m/d H:i') }}</td>
        <td class="text-end pe-4">
          <button class="btn btn-sm btn-outline-secondary">詳細</button>
        </td>
      </tr>
      @endforeach
    </tbody>
  </table>
</div></div>
<div class="mt-3">{{ $orders->links() }}</div>
@endif
@endsection