@extends('adminlte::page')

@section('title', '点検項目追加')

@section('content_header')
    <h5><label class="title-underbar">点検項目追加：{{$assembly_item->name}}</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.store', ['assembly_item_id' => $assembly_item->id]) }}" class="form-group mt-3">
                    @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') }}" 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"></div>
                        <input type="hidden" name="assembly_confirmation_class_id" id="assembly_confirmation_class_id" value="" />
                    </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') }}" 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') }}" 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 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%;
}
.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 openSelection(url) {
    window.open(url, "selectChild", "width=500,height=800");
}
</script>
@stop