@extends('adminlte::page')

@section('title', '明細商品一覧')

@section('content_header')
    <h5><label class="title-underbar">明細商品一覧</label></h5>
@stop

@section('content')
    <x-admin.success-flush-message />
    <div class="row">
        <div class="col-md-8">
            <x-admin.validation-message />
            <form method="GET" action="{{ route('assemblyconfirmation.admin.items.index') }}" id="search">
                <div class="input-group">
                    <input type="text" name="name" class="form-control" placeholder="項目名" value="{{ $inputs['name'] ?? '' }}">
                    <input type="hidden" name="is_searched" value="1">
                    <div class="input-group-append">
                        <button class="btn button-go" type="submit" style="margin-top: 0px; margin-left: -2px; 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="col-md-12">
            <div class="card" style="border-radius: 20px; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04);">
                <div class="card-body">
                    @if(Gate::forUser(\Auth::user())->allows('employeeOperation', 'maintenance|2'))
                    <div class="col-12">
                        <div class="col-md-3 float-right" style="margin: 5px;">
                            <a href="{{ route('assemblyconfirmation.admin.items.create') }}" class="btn btn-block btn-outline-primary rounded-pill">明細商品の新規追加</a> 
                        </div>
                    </div>
                    @endif
                    <table class="table table-responsive" style="margin-top:35px">
                        <thead class="thead-light medium-heading">
                            <tr>
                                <th style="width: 10%">種別</th>
                                <th style="width: 15%">区分</th>
                                <th style="width: 25%">項目名</th>
                                <th style="width: 10%">製番必須</th>
                                <th style="width: 20%">備考</th>
                                <th style="width: 20%">編集</th>
                            </tr>
                        </thead>
                        <tbody class="main-text">
                            @if ($items->count() > 0)
                                @foreach ($items as $item)
                                    <tr>
                                        <td>{{ $item->category }}</td>
                                        <td>{{ $item->assemblyConfirmationClass ? $item->assemblyConfirmationClass->name: "" }}</td>
                                        <td>{{ $item->name }}</td>
                                        <td>{{ $item->is_required_serial_number ? "必須": "-" }}</td>
                                        <td>{{ $item->notes }}</td>
                                        <td>
                                            @if(Gate::forUser(\Auth::user())->allows('employeeOperation', 'maintenance|2'))
                                            <a href="{{ route('assemblyconfirmation.admin.items.edit', ['item_id' => $item->id]) }}" class="btn btn-block btn-outline-primary rounded-pill w-50">編集</a>
                                            <a href="{{ route('assemblyconfirmation.admin.inspection.index', ['assembly_item_id' => $item->id]) }}" class="btn btn-block btn-outline-primary rounded-pill w-50">点検項目</a>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="8" style="text-align: center;">
                                        登録されていません。
                                    </td>
                                </tr>   
                            @endif    

                        </tbody>
                    </table>
                </div>

                @if ($items->count() > 0)
                <div style="margin: 0 auto;">
                    {{ $items->appends(request()->query())->links() }}
                </div>
                @endif
            </div>
        </div>
    </div>
@stop

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