@extends('layouts.app')

@section('content')

<div class="container-fluid">
    <div class="search">
        <div class="contentsTitle">
            <h3>商品検索</h3>
            <div class="toggle-btn">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <div class="searchArea">
            <ul>
                <li>
                    <label>商品カテゴリー</label>
                    <select class="select-box">
                        <option value="">カテゴリーを選択</option>
                        @foreach($productCategories as $productCategory)
                        <option value="{{ $productCategory->id }}">{{ $productCategory->name_jp }}</option>
                        @endforeach
                    </select>
                </li>
                <li>
                    <label>キーワード</label>
                    <input type="text" name="keyword" class="form-control" value="">
                </li>
            </ul>
            <div class="search-btn">
                <button class="btn btn-search">検索</button>
            </div>
        </div>
    </div>
    
    <div class="contents">
        <div class="contentsTitle">
            <h3>商品一覧</h3>
        </div>
        <div class="contentsList">
            <table class="contentsTable">
                <tbody>
                    <tr>
                        <th class="numeber">No</th>
                        <th class="image">商品画像</th>
                        <th class="productName">商品名</th>
                        <th class="price">商品カテゴリー</th>
                        <th class="status">ステータス</th>
                        <th class="recordDateDate">登録日</th>
                        <th class="updateDate">更新日</th>
                        <th class="edit">編集</th>
                        <th class="delete">削除</th>
                    </tr>
                    @foreach($products as $product)
                    <tr>
                        <td>{{ $product->product_id }}</td>
                        <td><img src="{{ $product->product_image }}" alt="商品画像" class="productImages"></td>
                        <td class="productInfo">{{ $product->product_name_jp }}</td>
                        <td class="productInfo">{{ $product->product_category_name_jp }}</td>
                        <td>{{ $product->product_is_active }}</td>
                        <td>{{ $product->product_created_at->format('Y-m-d') }}</td>
                        <td>{{ $product->product_updated_at }}</td>
                        <td><a href="{{ url('product_registration') }}"><button class="btn btn-edit">編集</button></a></td>
                        <td><button class="btn btn-delete">削除</button></td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="pagiNation">
            {{ $products->links() }}
        </div>
    </div>
</div>

@endsection