@extends('adminlte::page')

@section('title', '消耗品カテゴリー一覧')

@section('content_header')
    <h5><label class="title-underbar">消耗品カテゴリー一覧</label></h5>
@stop

@section('content')
    <x-admin.error-flush-message />
    <x-admin.validation-message />
    <div class="row">
        <div class="col-md-12">
            <div class="card" style="border-radius: 20px; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04);">
                <p style="margin: 45px 20px 15px;"><b>消耗品カテゴリー一覧</b></p>
                <div class="row justify-content-end" style="margin-right:30px;">
                    <div class="col-mb-4">
                        <a href="{{ route('productpromotion.admin.consumables.createCategory') }}" class="btn btn-block btn-outline-primary rounded-pill mt-n5">カテゴリーの新規追加</a>
                    </div>
                </div>
        
                <div class="card-body">
                    <table class="table">
                        <thead class="thead-light medium-heading">
                            <tr>
                                <th>ID</th>
                                <th>消耗品カテゴリー名</th>
                                <th>交換間隔(月)</th>
                                <th>編集</th>
                            </tr>
                        </thead>
                        <tbody class="main-text">
                            @if ($consumableCategories->isNotEmpty())
                                @foreach ($consumableCategories as $consumable_category)
                                    <tr>
                                        <td>
                                            {{ $consumable_category->id }}
                                        </td>
                                        <td>
                                            {{ $consumable_category->name }}
                                        </td>
                                        <td>
                                            {{ $consumable_category->replacement_interval_month }}ヶ月
                                        </td>
                                        <td>
                                            <a href="{{ route('productpromotion.admin.consumables.editCategory', ['id' => $consumable_category->id]) }}" class="btn btn-block btn-outline-primary rounded-pill">編集</a>
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="7" style="text-align: center;">
                                        登録されていません。
                                    </td>
                                </tr>   
                            @endif                       
                        </tbody>
                    </table>
                </div>
                <br>
                <div style="margin: 0 auto;">
                    {{ $consumableCategories->isNotEmpty() ? $consumableCategories->links() : '' }}
                </div>
            </div>
            <div class="col-md-3" style="margin: 5px;">
                <a href="{{ route('productpromotion.admin.consumables.index') }}" class="btn btn-secondary btn-lg rounded-pill">戻る</a>
            </div>
        </div>
    </div>


@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
@stop

@section('js')
    <script> console.log('Hi!'); </script>
@stop