@extends('layouts.app')
@section('title', '商品管理')
@section('page-title', '商品管理')
@section('content')
<div class="d-flex justify-content-end mb-4">
  <a href="{{ route('product.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg me-1"></i>商品を追加</a>
</div>
@if($products->isEmpty())
<div class="card"><div class="card-body text-center py-5">
  <i class="bi bi-box-seam" style="font-size:3rem;color:#ddd;"></i>
  <h5 class="mt-3 text-muted">商品がありません</h5>
  <a href="{{ route('product.create') }}" class="btn btn-primary mt-2">商品を追加する</a>
</div></div>
@else
<div class="card"><div class="card-body p-0">
  <table class="table table-hover mb-0">
    <thead><tr><th class="ps-4">商品名</th><th>プラン数</th><th>作成日</th><th class="text-end pe-4">操作</th></tr></thead>
    <tbody>
      @foreach($products as $product)
      <tr>
        <td class="ps-4 fw-semibold">{{ $product->name }}</td>
        <td>{{ $product->plans()->count() }}プラン</td>
        <td class="text-muted small">{{ $product->created_at->format('Y/m/d') }}</td>
        <td class="text-end pe-4">
          <a href="{{ route('product.show', $product) }}" class="btn btn-sm btn-outline-primary me-1">詳細</a>
          <a href="{{ route('product.edit', $product) }}" class="btn btn-sm btn-outline-secondary me-1"><i class="bi bi-gear"></i></a>
          <form method="POST" action="{{ route('product.destroy', $product) }}" class="d-inline" onsubmit="return confirm('削除しますか？')">
            @csrf @method('DELETE')<button type="submit" class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
          </form>
        </td>
      </tr>
      @endforeach
    </tbody>
  </table>
</div></div>
@endif
@endsection