@extends('adminlte::page')

@section('title', '修理貸用品')

@section('content_header')
<h5><label class="title-underbar">修理貸用品管理</label></h5>
@stop

@section('content')
<x-admin.success-flush-message />
<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);">
            <div class="card-body" style="margin-left: 30px;">
                    <div class="form-group row">
                        <label for="internal_name" class="col-sm-2 col-form-label">形式</label>
                        <label class="col-form-label font-weight-normal">
                            {{ $repairRentalItem->rentalItem->equipmentType->sales_name }}
                        </label>
                    </div>

                    <div class="form-group row">
                        <label for="exclusive_price" class="col-sm-2 col-form-label">金額（税抜）</label>
                        <label class="col-form-label font-weight-normal">
                            {{ number_format($repairRentalItem->rentalItem->equipmentType->getRentalPrice()) }}円
                        </label>
                    </div>

                    <div class="form-group row">
                        <label for="management_number" class="col-sm-2 col-form-label">選択中貸用品管理番号</label>
                        <label class="col-form-label font-weight-normal">
                            {{ $repairRentalItem->rentalItem->management_number }}
                        </label>
                    </div>

                    <div class="form-group row">
                        <label class="col-form-label font-weight-normal">
                            ※貸出可能なもののみ表示されます。
                        </label>
                    </div>

                    <table class="table mt-3 w-75">
                        @if (
                            ($repairRentalItem->rentalItem->isPrepared() || $repairRentalItem->rentalItem->isRent()) &&
                            !$repairRentalItem->canceled_at &&
                            !$repairRentalItem->returned_at &&
                            !empty($rentalItems)
                        )
                            <thead class="thead-light">
                                <tr>
                                    <th class="text-center">&nbsp;&nbsp;&nbsp;</th>
                                    <th class="text-center">管理番号</th>
                                    <th class="text-center">形式</th>
                                    <th class="text-center">貸出対応カテゴリ</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($rentalItems as $rentalItem)
                                    <tr>
                                        <td style="text-align:center;vertical-align:middle;">
                                            <input
                                                type="checkbox"
                                                name="after_rental_item_id[]"
                                                class="form-check-input m-auto position-relative"
                                                style="transform: scale(1.5);"
                                                value="{{ $rentalItem->id }}"
                                            >
                                        </td>
                                        <td class="text-center">{{ $rentalItem->management_number }}</td>
                                        <td class="text-center">{{ $rentalItem->equipmentType->internal_name }}</td>
                                        <td class="text-center">
                                            {{ $rentalItem->getUsecase() }}
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        @else
                            <tr>
                                <td colspan="3" style="text-align: center;">
                                    貸出可能な貸用品はありません。
                                </td>
                            </tr>
                        @endif
                    </table>
                <form method="POST" action="{{ route('smartsupport.admin.repairRentalItems.update', ['id' => $repairRentalItem->id]) }}" class="form-group mt-3">
                    @csrf
                    <input type="hidden" id="rental-item-id" name="rental_item_id" value="{{ $repairRentalItem->rental_item_id }}" />
                    <input type="hidden" id="before-rental-item-id" value="{{ $repairRentalItem->rental_item_id }}" />
                    <a href="{{ route('smartsupport.admin.repairRequests.show', ['id' => $repairRentalItem->repair_request_id ]) }}" class="btn btn-secondary btn-lg rounded-pill">キャンセル</a>
                    <button type="submit" id="update-submit" class="btn button-go btn-lg rounded-pill" disabled>保存する</button>
                </form>

                <div style="margin: 0 auto;">
                </div>
            </div>
        </div>
    </div>
</div>
@stop

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

@section('js')
<script>
	$('.form-check-input').on('change', function () {
        if (!$(this).prop('checked')) {
            $('#rental-item-id').val($('#before-rental-item-id').val());
            $('#update-submit').prop('disabled', true);
            return false;
        }
        $('.form-check-input').prop('checked', false);
        $(this).prop('checked', true);
        $('#rental-item-id').val($(this).val());
        if ($('#rental-item-id').val() == $('#before-rental-item-id').val()) {
            $('#update-submit').prop('disabled', true);
        } else {
            $('#update-submit').prop('disabled', false);
        }
    })
</script>
@stop