@extends('adminlte::page')

@section('title', '区分編集')

@section('content_header')
    <h5><label class="title-underbar">区分編集</label></h5>
@stop
@php
$userAgent = $_SERVER['HTTP_USER_AGENT'];
$isDesktop = strpos($userAgent, 'Windows') !== false || strpos($userAgent, 'Macintosh') !== false;
@endphp

@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.items.update', ['item_id' => $item->id]) }}" id="itemsForm" class="form-group mt-3">
                    @csrf

                    <div class="form-group row">
                        <label for="category" 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">
                            <select class="form-control" id="category" name="category" placeholder="カテゴリーを選択してください">
                                @foreach (\Modules\AssemblyConfirmation\Entities\AssemblyConfirmationClass::CATEGORIES as $category)
                                    <option value="{{$category}}" @if ($category == old('display_category')) selected @elseif ($category == $item->category) selected  @endif>{{$category}}</option>
                                @endforeach
                            </select>
                        </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') ?? $item->assemblyConfirmationClass->name}}</div>
                        <input type="hidden" name="assembly_confirmation_class_id" id="assembly_confirmation_class_id" value="{{old('assembly_confirmation_class_id') ?? $item->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" id="name" name="name" class="form-control main-text" placeholder="ページを入力してください" value="{{ old('name') ?? $item->name}}" style="width:90%" required />
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="equipment_type_name" 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' => 'EquipmentType']) }}');return false;" class="btn btn-block btn-outline-primary rounded-pill w-50">選択</button>
                        </div>
                        <div id="equipment_type_name" class="col-sm-3 col-md-3 col-lg-3" style="padding-left:0px">{{old('equipment_type_name') ?? $item->equipmentType->internal_name}}</div>
                        <input type="hidden" name="equipment_type_id" id="equipment_type_id" value="{{old('equipment_type_id') ?? $item->equipment_type_id}}" />
                    </div>

                    <div class="form-group row">
                        <label for="is_required_serial_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="checkbox" id="is_required_serial_number" name="is_required_serial_number" class="form-control" value="1" @if (old('is_required_serial_number')) checked @elseif ($item->is_required_serial_number) checked @endif />
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="notes" 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" id="notes" name="notes" class="form-control main-text" placeholder="注意事項を入力してください" value="{{ old('notes') ?? $item->notes}}" style="width:90%" />
                        </div>
                    </div>

                    <a href="{{ route('assemblyconfirmation.admin.items.index') }}" 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">
<link href="/css/fileupload_drag&drop.css" rel="stylesheet">
<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