@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="sm-mg-0 row justify-content-end mt-n5 mr-4">
        <div class="col-mb-4">
            <a href="{{ route('productpromotion.admin.consumables.categories') }}" class="btn btn-block btn-outline-primary rounded-pill">カテゴリーの新規追加</a>
        </div>
    </div>
    <div class="row content-main-wrap">
        <div class="col-md-12">
            <div class="col-md-5">
                <form method="GET" action="{{ route('productpromotion.admin.consumables.index') }}">
                    <div class="input-group mb-4">
                        <select name="consumable_category_id" id="" class="custom-select" style="border-top-left-radius: 10px; border-bottom-left-radius: 10px;">
                            <option value="">カテゴリーを選ぶ</option>
                                @foreach ($consumable_categories as $key => $value)
                                    @if (isset($inputs['consumable_category_id']) && (string) $key === $inputs['consumable_category_id'])
                                        <option value="{{ $key }}" selected>{{ $value }}</option>
                                    @else
                                        <option value="{{ $key }}">{{ $value }}</option>
                                    @endif
                                @endforeach
                        </select>
                        <div class="input-group-append">
                            <button class="btn button-go" type="submit" style="margin: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px;">
                                &emsp;<i class="fas fa-search"></i>&emsp;
                            </button>
                        </div>
                    </div>
                </form>
            </div>

            <div class="card" style="border-radius: 20px; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04);">
                <div class="row justify-content-end mt-md-3 mr-4">
                    <div class="col-mb-4">
                        <a href="{{ route('productpromotion.admin.consumables.create') }}" class="btn btn-block btn-outline-primary rounded-pill">消耗品の新規追加</a>
                    </div>
                </div>

                <div class="card-body">
                    <table class="table">
                        <thead class="thead-light medium-heading">
                            <tr>
                                <th>カテゴリー</th>
                                <th>医院向け名称</th>
                                <th>社内向け名称</th>
                                <th>販売名</th>
                                <th>交換間隔(月)</th>
                                <th>画像/SFA連携</th>
                                <th>編集</th>
                            </tr>
                        </thead>
                        <tbody class="main-text">
                            @if ($consumables->count() > 0)
                                @foreach ($consumables as $consumable)
                                    <tr>
                                        <td>
                                            {{ $consumable->consumableCategory->name }}
                                        </td>
                                        <td>
                                            {{ $consumable->external_name }}
                                        </td>
                                        <td>
                                            {{ $consumable->internal_name }}
                                        </td>
                                        <td>
                                            {{ $consumable->sales_name }}
                                        </td>
                                        <td>
                                            {{ $consumable->replacement_interval_month }}ヶ月
                                        </td>
                                        <td>
                                            {{ $consumable->image_file_id ? 'あり': 'なし' }}
                                            /{{ $consumable->sfa_product_id ? 'あり': 'なし' }}
                                        </td>
                                        <td>
                                            <a href="{{ route('productpromotion.admin.consumables.edit', ['id' => $consumable->id]) }}" class="btn btn-block btn-outline-primary rounded-pill w-50">編集</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;">
                    {{ $consumables->links() }}
                </div>
            </div>
        </div>
    </div>

@stop

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