@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-12">
            <div class="card" style="border-radius: 20px; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04);">
                <div class="card-body">
                    <p style="margin-top: 30px;"><b>形式"{{ $equipmentType->external_name }}"の代替機器</b></p>
                    @if(Gate::forUser(\Auth::user())->allows('employeeOperation', 'rental-items|2'))
                    <div class="col-12">
                        <div class="col-md-3 float-right" style="margin: 5px;">
                            <a href="{{ route('smartsupport.admin.rentalItems.alternative_create', ['equipmentTypeId' => $equipmentType->id]) }}" class="btn btn-block btn-outline-primary rounded-pill">形式の新規追加</a> 
                        </div>
                    </div>
                    @endif

                    <table class="table mt-2">
                        <thead class="thead-light medium-heading">
                            <tr>
                                <th style="width: 20%">代替機器</th>
                                <th style="width: 10%">国内歯科</th>
                                <th style="width: 10%">獣医科</th>
                                <th style="width: 10%">その他医科</th>
                                <th style="width: 10%">海外</th>
                                <th style="width: 10%">ポータブル</th>
                                <th style="width: 15%">編集</th>
                            </tr>
                        </thead>
                        <tbody class="main-text">
                            @if(count($rentalItems) > 0)
                            @foreach ($rentalItems as $rentalItem)
                                <tr>
                                    <td>{{ $rentalItem->rentalEquipType->external_name }}</td>
                                    <td>{{ $rentalItem->is_domestic_dentist ? '〇': '-' }}</td>
                                    <td>{{ $rentalItem->is_veterinarian ? '〇': '-' }}</td>
                                    <td>{{ $rentalItem->is_other_medical ? '〇': '-' }}</td>
                                    <td>{{ $rentalItem->is_abroad_dentist ? '〇': '-' }}</td>
                                    <td>{{ $rentalItem->is_portable ? '〇': '-' }}</td>
                                    <td>
                                        @if(Gate::forUser(\Auth::user())->allows('employeeOperation', 'rental-items|2'))
                                        <a href="{{ route('smartsupport.admin.rentalItems.alternative_edit', ['equipmentTypeId' => $equipmentType->id, 'id' => $rentalItem->id]) }}" class="btn btn-block btn-outline-primary rounded-pill w-50">編集</a>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                            @else
                                <tr>
                                    <td colspan="5">登録されていません</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>

                <div style="margin: 0 auto;">
                    {{ $rentalItems->links() }}
                </div>
            </div>
        </div>
    </div>
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
    <style>
        /* 選択されたラジオボタンの色 */
        .btn-group-toggle label.btn.active {
            background-color: #b89c81;
            color: #fff;
        }
        
        /* 非選択状態のラジオボタンの色 */
        .btn-group-toggle label.btn:not(.active) {
            background-color: #fff;
            color: #000;
            border: 2px solid #dcdcdc;
        }
        
        /* 選択されたラジオボタンにカーソルを合わせた時の文字色 */
        .btn-group-toggle label.btn.active:hover {
            color: #fff;
        }
    </style>
@stop
@section('js')
<script>
    $(function(){
    });
</script>
@stop