@extends('layouts.app')

@section('content')

<div id="item" class="container-fluid">
    <div class="pageTopTitle">
        <h1>Item</h1>
        <span>商品カテゴリ一覧</span>
    </div>
    <div class="container">
        <div class="contentArea">
        <ul class="productCategory">
            @foreach($categories as $category)
            <li class="categoryList">
                <a href="{{ url('item_list') }}?item_category_id={{ $category->id }}"><img src="{{ $category->category_image }}" alt="カテゴリー画像"></a>
                <p>{{ $category->name }}</p>
            </li>
            @endforeach
            <li class="categoryList">
                <a href="{{ url('series') }}">
                    <img src="{{ asset('images/item/1.jpg') }}" alt="シリーズ">
                    <p>シリーズ</p>
                </a>
            </li>
        </ul>
        </div>
    </div>
</div>

@endsection