@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;">
                @php
                    $route = 'smartsupport.admin.supportPackSurvey.update';
                    if(Request::routeIs('smartsupport.admin.supportPackSurvey.copy')){
                        $route = 'smartsupport.admin.supportPackSurvey.storeCopy';
                    }
                @endphp
                
                <form method="POST" action="{{ route($route, ['id' => $survey->id]) }}" class="form-group mt-3" onsubmit="$(this).find('button#btn-submit').prop('disabled', true);">
                    @csrf
                    <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') ?? $survey->name }}"  style="width:90%" />
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="number_of_times" 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_of_times" value="{{ old('number_of_times') ?? $survey->number_of_times }}" style="width:90%" min="0" max="20" />
                        </div>
                    </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="time_required" value="{{ old('time_required') ?? $survey->time_required }}"  style="width:90%" />
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="start_at" class="col-sm-2 col-form-label medium-heading">開始日時</label>
                        <input type="date" name="start_at" value="{{ old('start_at') ?? $survey->start_at }}" />
                    </div>
                    <div class="form-group row">
                        <label for="end_at" class="col-sm-2 col-form-label medium-heading">終了日時</label>
                        <input type="date" name="end_at" value="{{ old('end_at') ?? $survey->end_at }}" />
                    </div>
                    <div class="form-group row">
                        <label for="equipment_type_id" 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="search" class="form-control" id="search" placeholder="絞り込み...">
                        </div>
                    </div>

                    <div class="items-collection form-group row">
                        @foreach ($equipmentTypes as $equipmentType)
                            <div class="items col-xs-6 col-sm-3 col-md-3 col-lg-3">
                                <div data-toggle="buttons" class="btn-group bizmoduleselect">
                                    <label class="btn btn-default">
                                        <input type="checkbox" name="equipment_type_id[]" autocomplete="off" value="{{$equipmentType->id}}" style="display:none"
                                        @if (old('equipment_type_id') && in_array($equipmentType->id, old('equipment_type_id'))) checked="checked"
                                        @elseif (in_array($equipmentType->id, $survey->equipment_type_ids)) checked="checked"
                                        @endif >
                                        <h5>{{$equipmentType->external_name}}</h5>
                                    </label>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    <a href="{{ route('smartsupport.admin.supportPackSurvey.index') }}" 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