@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 mb-4 sm-mg-0">
            <div class="col-md-10">
                <div class="row">
                    <div class="col-md-6 input-group mb-4">
                        <form method="GET" action="{{ route('smartsupport.admin.rentalItems.index') }}" id="search">
                            <div class="input-group-append">
                                <input type="text" name="equipment_type_name" class="form-control" placeholder="形式名から探す" value="{{ $inputs['equipment_type_name'] ?? '' }}" style="border-top-left-radius: 10px; border-bottom-left-radius: 10px;">
                                <button class="btn button-go form-search" type="submit" style="margin-top: 0px; margin-left: -2px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; height:38px;">
                                    &emsp;<i class="fas fa-search form-search-icon"></i>&emsp;
                                </button>
                            </div>
                        </form>
                    </div>
                    <div class="col-md-2">
                    <label style="margin: 10px 15px 10px 5px;">
                        カテゴリー：
                    </label>
                    </div>
                    <div class="col-md-4">
                    <div class="btn-group-toggle" data-toggle="buttons">
                        <label class="btn rounded-pill">
                            <input type="radio" name="category" form="search" value="1" id="option1" autocomplete="off"
                                @if ( $inputs["category"] == "1") checked @endif> 国内歯科
                        </label>
                        <label class="btn rounded-pill" style="margin-left:10px">
                            <input type="radio" name="category" form="search" value="2" id="option2" autocomplete="off"
                                @if ( $inputs["category"] == "2") checked @endif> 獣医科
                        </label>
                        <label class="btn rounded-pill">
                            <input type="radio" name="category" form="search" value="3" id="option3" autocomplete="off"
                                @if ( $inputs["category"] == "3") checked @endif> 医科
                        </label>
                        {{-- <label class="btn rounded-pill" style="margin-left:10px">
                            <input type="radio" name="category" form="search" value="4" id="option4" autocomplete="off"
                                @if ( $inputs["category"] == "4") checked @endif> その他
                        </label> --}}
                    </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <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 class="sm-mg-0 col-md-4" style="margin-top: 30px;"><b>貸用品一覧</b></p>
                    <div class="row">
                        @if(Gate::forUser(\Auth::user())->allows('employeeOperation', 'rental-items|2'))
                        <div class="col-md-3" style="margin: 5px;">
                            <a href="{{ route('smartsupport.admin.rentalItems.create') }}" class="btn btn-block btn-outline-primary rounded-pill">貸用品の新規追加</a> 
                        </div>
                        @endif
                        <div class="col-md-3" style="margin: 5px;">
                            <a href="{{ route('smartsupport.admin.rentalItems.clinicHistory') }}" class="btn btn-block button-go rounded-pill">医院からの申込履歴</a>
                        </div>
                        @if(Gate::forUser(\Auth::user())->allows('employeeOperation', 'rental-items|2'))
                        <div class="col-md-3" style="margin: 5px;">
                            <button id="import_submit" class="btn btn-block btn-outline-primary rounded-pill">インポート</button>
                            <form id="import_form" method="POST" action="{{ route('smartsupport.admin.rentalItems.import') }}" class="form-group" enctype="multipart/form-data" onsubmit="$(this).find('button[type=submit]').prop('disabled', true);">
                                @csrf
                                <input type="file" id="file" name="excel_file" style="display:none;" onchange="$('#import_form').submit();">
                            </form>
                        </div>
                        @endif
                    </div>

                    <table class="table mt-3">
                        <thead class="thead-light medium-heading">
                            <tr>
                                <th style="width: 18%">形式</th>
                                <th style="width: 8%">在庫数</th>
                                {{-- <th style="width: 18%">管理部門</th> --}}
                                <th style="width: 8%">金額</th>
                                {{-- <th style="width: 18%">特記事項</th> --}}
                                <th style="width: 15%">管理状況の確認</th>
                                <th style="width: 15%">編集</th>
                            </tr>
                        </thead>
                        <tbody class="main-text">
                            @if ($equipmentTypes->count() > 0)
                                @foreach ($equipmentTypes as $equipmentType)
                                <tr>
                                    <td>{{ $equipmentType->external_name }}</td>
                                    <td>{{ $equipmentType->canRentalItems($inputs["category"])->count() . '(' . $equipmentType->rentalItems($inputs["category"])->count() . ')'}}</td>
                                    {{-- <td>未実装</td> --}}
                                    <td>¥{{ number_format($equipmentType->getRentalPrice()) }}</td>
                                    {{-- <td>未実装</td> --}}
                                    <td><a href="{{ route('smartsupport.admin.rentalItems.indexByType', ['equipmentTypeId' => $equipmentType->id, 'category' => $inputs['category'] ]) }}" class="btn btn-block button-go rounded-pill">管理状況の確認</a></td>
                                    <td>
                                        @if(Gate::forUser(\Auth::user())->allows('employeeOperation', 'rental-items|2') && $equipmentType->rentalItems->count() > 0)
                                        <a href="{{ route('smartsupport.admin.rentalItems.edit', ['equipmentTypeId' => $equipmentType->id]) }}" class="btn btn-block btn-outline-primary rounded-pill w-50">編集</a>
                                        @endif
                                    </td>
                                </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="7" style="text-align: center;">
                                        登録されていません。
                                    </td>
                                </tr>   
                            @endif
                        </tbody>
                    </table>
                </div>

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

    @include('smartsupport::admin.rentalItems.modal.rental_item_delete')
@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(){
        $( 'input[name="category"]:radio' ).change( function() {
            document.getElementById('search').submit();
        });
        $( 'input[name="period"]:radio' ).change( function() {
            document.getElementById('search').submit();
        });
        $('#import_submit').click( function() {
            $('#file').click();
        });
    });
</script>
@stop