@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">
                <p class="medium-heading" style="margin-top: 30px;"><b>貸用品の新規追加</b></p>
                <form method="POST" action="{{ route('smartsupport.admin.rentalItems.store') }}" class="form-group mt-3" onsubmit="$(this).find('button[type=submit]').prop('disabled', true);">
                    @csrf
                    <div class="form-group row">
                        <label for="internal_name" class="col-sm-2 col-form-label medium-heading">形式</label>
                        <div class="col-sm-4">
                            <select id="equipment_type_id" name="equipment_type_id" class="form-control main-text">
                                <option value="">選択してください</option>
                                @foreach ($equipmentTypes as $equipmentType)
                                    <option value="{{ $equipmentType->id }}" {{ old('equipment_type_id') === (string) $equipmentType->id ? 'selected' : '' }}>
                                        {{ $equipmentType->sales_name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="is_domestic_dentist" class="col-sm-2 col-form-label medium-heading">国内歯科向け</label>
                        <div class="col-sm-4">
                            <input type="checkbox" id="is_domestic_dentist" name="is_domestic_dentist" value="1" {{ old('is_domestic_dentist') ? 'checked' : '' }}>
                            <label class="form-check-label" for="is_domestic_dentist">対応する</label>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="is_veterinarian" class="col-sm-2 col-form-label medium-heading">獣医科向け</label>
                        <div class="col-sm-4">
                            <input type="checkbox" id="is_veterinarian" name="is_veterinarian" value="1" {{ old('is_veterinarian') ? 'checked' : '' }}>
                            <label class="form-check-label" for="is_veterinarian">対応する</label>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="is_other_medical" class="col-sm-2 col-form-label medium-heading">その他医科向け</label>
                        <div class="col-sm-4">
                            <input type="checkbox" id="is_other_medical" name="is_other_medical" value="1" {{ old('is_other_medical') ? 'checked' : '' }}>
                            <label class="form-check-label" for="is_other_medical">対応する</label>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="is_abroad_dentist" class="col-sm-2 col-form-label medium-heading">海外歯科向け</label>
                        <div class="col-sm-4">
                            <input type="checkbox" id="is_abroad_dentist" name="is_abroad_dentist" value="1" {{ old('is_abroad_dentist') ? 'checked' : '' }}>
                            <label class="form-check-label" for="is_abroad_dentist">対応する</label>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="is_portable" class="col-sm-2 col-form-label medium-heading">訪問歯科向け</label>
                        <div class="col-sm-4">
                            <input type="checkbox" id="is_portable" name="is_portable" value="1" {{ old('is_portable') ? 'checked' : '' }}>
                            <label class="form-check-label" for="is_portable">対応する</label>
                        </div>
                    </div>
                    {{-- <div class="form-group row">
                        <label for="exclusive_price" class="col-sm-2 col-form-label">金額（税抜）</label>
                        <div class="col-sm-4">
                            <div class="row">
                                <div class="col-sm-1" style="display: flex; align-items: center; justify-content: center;">
                                    ￥
                                </div>
                                <div class="col-sm-11">
                                    <input type="text" disabled placeholder="未実装" name="exclusive_price" id="exclusive_price" class="form-control" value="{{ old('exclusive_price') ?? ''}}">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row" style="margin-bottom: 30px;">
                        <label for="exclusive_price" class="col-sm-2 col-form-label">特記事項</label>
                        <div class="col-sm-10">
                            <textarea class="form-control" rows="3"></textarea>
                        </div>
                    </div> --}}
                    <table class="table">
                        <thead class="thead-light medium-heading">
                            <tr>
                                <th class="text-center">管理番号</th>
                                <th class="text-center">国内歯科向け</th>
                                <th class="text-center">獣医科向け</th>
                                <th class="text-center">海外歯科向け</th>
                                <th class="text-center">医科向け</th>
                                {{-- <th class="text-center">その他向け</th> --}}
                                <th class="text-center">ステータス</th>
                            </tr>
                        </thead>
                        
                        <tbody class="main-text">
                            @for ($i = 0; $i < 5; $i++)
                                <tr>
                                    <td><input type="text" name="rental_items[{{$i}}][management_number]" class="form-control main-text" 
                                        @if (isset($oldInputs, $oldInputs[$i]['management_number']))
                                        value="{{ $oldInputs[$i]['management_number']}}"
                                        @endif
                                        placeholder="半角数字で入力してください" />
                                    </td>
                                    <td class="text-center">
                                        <input type="checkbox" name="rental_items[{{$i}}][is_domestic_dentist]" class="form-check-input" id="rental_items[{{$i}}][is_domestic_dentist]"
                                            {{ isset($oldInputs, $oldInputs[$i]['is_domestic_dentist']) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="rental_items[{{$i}}][is_domestic_dentist]">対応する</label>
                                    </td>
                                    <td class="text-center">
                                        <input type="checkbox" name="rental_items[{{$i}}][is_veterinary]" class="form-check-input" id="rental_items[{{$i}}][is_veterinary]"
                                            {{ isset($oldInputs, $oldInputs[$i]['is_veterinary']) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="rental_items[{{$i}}][is_veterinary]">対応する</label>
                                    </td>
                                    <td class="text-center">
                                        <input type="checkbox" name="rental_items[{{$i}}][is_abroad_dentist]" class="form-check-input" id="rental_items[{{$i}}][is_abroad_dentist]"
                                            {{ isset($oldInputs, $oldInputs[$i]['is_abroad_dentist']) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="rental_items[{{$i}}][is_abroad_dentist]">対応する</label>
                                    </td>
                                    <td class="text-center">
                                        <input type="checkbox" name="rental_items[{{$i}}][is_other_medical]" class="form-check-input" id="rental_items[{{$i}}][is_other_medical]"
                                            {{ isset($oldInputs, $oldInputs[$i]['is_other_medical']) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="rental_items[{{$i}}][is_other_medical]">対応する</label>
                                    </td>
                                    {{-- <td class="text-center">
                                        <input type="checkbox" name="rental_items[{{$i}}][is_others]" class="form-check-input" id="rental_items[{{$i}}][is_others]"
                                            {{ isset($oldInputs, $oldInputs[$i]['is_others']) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="rental_items[{{$i}}][is_others]">対応する</label>
                                    </td> --}}
                                    <td>
                                        <select name="rental_items[{{$i}}][status]" id="" class="form-control main-text">
                                            <option value="" disabled selected>選択してください</option>
                                            @foreach (RentalItemHelper::statusForStoreForm() as $value => $text)
                                                @if (isset($oldInputs[$i]) && array_key_exists('status', $oldInputs[$i]) && $oldInputs[$i]['status'] === $value)
                                                    <option value="{{ $value }}" selected>{{ $text }}</option>
                                                @else
                                                    <option value="{{ $value }}">{{ $text }}</option>
                                                @endif
                                            @endforeach
                                        </select>
                                    </td>
                                </tr>
                            @endfor
                        </tbody>
                    </table>
                    <a href="{{ route('smartsupport.admin.rentalItems.index') }}" class="btn btn-secondary btn-lg rounded-pill">キャンセル</a>
                    <button type="submit" class="btn button-go btn-lg rounded-pill">登録する</button>
                    <input type="hidden" name="equipment_type_attr" value="">
                </form>

            </div>
        </div>
    </div>
</div>
@stop

@section('js')
<script type="text/javascript" src="/vendor/select2/select2.min.js"></script>
<script type="text/javascript" src="/vendor/select2/ja.js"></script>
<script>
$(function() {
    // 形式選択プルダウン初期化
    $('select#equipment_type_id').select2({
        width: '100%',
        placeholder: "形式を選択してください", //プレースホルダーを設定
        language: 'ja', // Select2のメッセージに使用する言語を指定
        allowClear: true
    });

    $('select#equipment_type_id').change(function(){
        $.ajax({
            url: "{{ route('smartsupport.admin.rentalItems.rentalItemAccordingToTypeSearch') }}",
            type: "post",
            headers: {
                "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
            },
            data: {
                id: $(this).val(),
            },
            dataType: "json"
        })
        .done((results) => {
            if(results.id){
                $('#is_domestic_dentist,#is_veterinarian,#is_other_medical,#is_abroad_dentist,#is_portable').prop('checked', false);
                if(results.is_domestic_dentist){
                    $('#is_domestic_dentist').prop('checked', true);
                }
                if(results.is_veterinarian){
                    $('#is_veterinarian').prop('checked', true);
                }
                if(results.is_other_medical){
                    $('#is_other_medical').prop('checked', true);
                }
                if(results.is_abroad_dentist){
                    $('#is_abroad_dentist').prop('checked', true);
                }
                if(results.is_portable){
                    $('#is_portable').prop('checked', true);
                }
            }else{
                $('#is_domestic_dentist,#is_veterinarian,#is_other_medical,#is_abroad_dentist,#is_portable').prop('checked', false);
            }
        })
        .fail((e) => {
            console.log(e);
            $('#is_domestic_dentist,#is_veterinarian,#is_other_medical,#is_abroad_dentist,#is_portable').prop('checked', false);
        });
    });


});
</script>
@stop

@section('css')
<link rel="stylesheet" href="/css/admin_custom.css">
<link rel="stylesheet" href="/vendor/select2/select2.min.css">
<link rel="stylesheet" href="/vendor/select2/select2-bootstrap4.min.css">
<style>
    .select2-selection__rendered {
        line-height: 28px !important;
    }
    .select2-container .select2-selection--single {
        height: 38px !important;
    }
    .select2-selection__arrow {
        height: 34px !important;
    }
</style>
@stop