@extends('adminlte::page')

@section('title', '検査項目編集')

@section('content_header')
    <h5><label class="title-underbar">検査項目編集</label></h5>
@stop

@section('content')
<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;">
                <form method="POST" action="{{ route('assemblyconfirmation.admin.inspection.update', ['assembly_item_id' => $assembly_item->id, 'id' => $inspection->id]) }}" class="form-group mt-3" onsubmit="$(this).find('button#btn-submit').prop('disabled', true);">
                    @csrf
                    <input type="hidden" name="assembly_item_id" value="{{ $assembly_item->id }}" />
                    <div class="form-group row">
                        <label for="number" class="col-sm-2 col-form-label medium-heading">並び順</label>
                        <div class="col-sm-6 col-md-6 col-lg-6" style="padding-left:0px">
                            <input type="number" name="number" value="{{ old('number') ?? $inspection->number }}" style="width:90%" min="1" />
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="assembly_confirmation_class_id" class="col-sm-2 col-form-label medium-heading">区分</label>
                        <div class="col-sm-3 col-md-3 col-lg-3" style="padding-left:0px">
                            <button onclick="openSelection('{{ route('admin.WindowSelect.index', ['table' => 'AssemblyConfirmationClass']) }}');return false;" class="btn btn-block btn-outline-primary rounded-pill w-50">選択</button>
                        </div>
                        <div id="assembly_confirmation_class_name" class="col-sm-3 col-md-3 col-lg-3" style="padding-left:0px">{{old('assembly_confirmation_class_name') ?? $inspection->assemblyConfirmationClass->name}}</div>
                        <input type="hidden" name="assembly_confirmation_class_id" id="assembly_confirmation_class_id" value="{{old('assembly_confirmation_class_id') ?? $inspection->assembly_confirmation_class_id}}" />
                    </div>
                    <div class="form-group row">
                        <label for="name" class="col-sm-2 col-form-label medium-heading">検査項目</label>
                        <div class="col-sm-6 col-md-6 col-lg-6" style="padding-left:0px">
                            <input type="text" name="name" value="{{ old('name') ?? $inspection->name }}" style="width:90%" />
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="detail" class="col-sm-2 col-form-label medium-heading">詳細</label>
                        <div class="col-sm-6 col-md-6 col-lg-6" style="padding-left:0px">
                            <input type="detail" name="detail" value="{{ old('detail') ?? $inspection->detail }}" style="width:90%" />
                        </div>
                    </div>

                    <a href="{{ route('assemblyconfirmation.admin.inspection.index', ['assembly_item_id' => $assembly_item->id]) }}" class="btn btn-secondary btn-lg rounded-pill">キャンセル</a>
                    @if(Gate::forUser(\Auth::user())->allows('employeeOperation', 'maintenance|2'))
                    <button id="btn-submit" type="submit" class="btn button-go btn-lg rounded-pill">保存する</button>
                    @endif
                </form>
            </div>
        </div>
    </div>
</div>
@stop

@section('css')
<link rel="stylesheet" href="/css/admin_custom.css">
<style>
#search {
    width:90%;
}
.searchicon {
    color:#5CB85C;
}
.items-collection{
    margin:20px 0 0 0;
}
.items-collection label.btn-default.active{
    background-color:#007ba7;
    color:#FFF;
}
.items-collection label.btn-default{
    width:90%;
    border:1px solid #305891;
    margin:5px; 
    border-radius: 17px;
    color: #305891;
}
.items-collection label .itemcontent{
    width:100%;
}
.items-collection .btn-group{
    width:90%
}
</style>
@stop
@section('js')
<script>
$(function () {
    $('#search').on('keyup', function () {
        var pattern = $(this).val();
        $('.items-collection .items').hide();
        $('.items-collection .items').filter(function () {
            return $(this).text().match(new RegExp(pattern, 'i'));
        }).show();
    });
});
</script>
@stop