@extends('adminlte::page')
@section('title_prefix', $customList::getFncName($fncName))
@if(request()->is('*edit*'))
    @section('title', '表示編集')
@elseif(request()->is('*copy*'))
    @section('title', '表示複製')
@else
    @section('title', '表示新規登録')
@endif
@section('content_header')
    @if(request()->is('*edit*'))
        <h1>{{ $customList::getFncName($fncName) }}表示編集</h1>
    @elseif(request()->is('*copy*'))
        <h1>{{ $customList::getFncName($fncName) }}表示複製</h1>
    @else
        <h1>{{ $customList::getFncName($fncName) }}表示新規登録</h1>
    @endif
    <ol class="breadcrumb">
        <li>
            <span class="glyphicon glyphicon-home"></span>
            <a href="{{url('home')}}">Home</a>
        </li>
        <li>
            <a href="{{ url($fncName.'/custom_list') }}">{{ \App\CustomList::getFncName($fncName) }}表示一覧</a>
        </li>
        @if(request()->is('*edit*'))
            <li class="active">{{ $customList::getFncName($fncName) }}表示編集</li>
        @elseif(request()->is('*copy*'))
            <li class="active">{{ $customList::getFncName($fncName) }}表示複製</li>
        @else
            <li class="active">{{ $customList::getFncName($fncName) }}表示新規登録</li>
        @endif
    </ol>
@stop
@section('content')
<div id="app">
    {{Form::open(['class' => 'form-horizontal', 'id' => 'edit-list'])}}
    @method('put')
    {{ csrf_field() }}
    <div class="box">
        <div class="box-header with-border">
            <h3>基本情報</h3>
        </div>
        <div class="box-body">
            @include('elements.form.text', [
                'label' => '表示名',
                'name' => 'name',
                'value' => $customList->name,
                'required' => true
            ])
            @include('elements.form.select', [
                'label' => 'デフォルト表示数',
                'options' => [10 => 10, 20 => 20, 50 => 50, 75 => 75, 100 => 100, 200 => 200, 500 => 500],
                'name' => 'number',
                'value' => ($customList->number) ?? 10,
                'required' => true
            ])
            @include('elements.form.radio', [
                'label' => '公開フラグ',
                'options' => [0 => '自分にのみ公開', 1 => '全員に公開'],
                'name' => 'published_flag',
                'value' => $customList->published_flag,
                'required' => true
            ])
        </div>
    </div>
    <div class="box">
        <div class="box-header with-border">
            <h3>フィールド<span class="label label-danger">必須</span></h3>
        </div>
        <div class="box-body">
            <edit-fields
                v-bind:obj="{{collect(old('custom_list_fields', $customList->customListFields))}}"
                v-bind:fieldobj="{{json_encode($indicationFieldList)}}"
                v-bind:errors="{{collect($errors->get('custom_list_fields.*'))}}"
                v-bind:samples="{{ json_encode($sampleData) }}"
            ></edit-fields>
        </div>
    </div>
    <div class="box">
        <div class="box-header with-border">
            <h3>検索条件</h3>
        </div>
        <div class="box-body">
            @include('elements.form.select', [
                'label' => '検索方法',
                'options' => [1 => "すべての条件を満たす", 2 => "いずれかの条件を満たす"],
                'name' => 'search_method',
                'value' => $customList->search_method,
            ])
            <div class="form-group input">
                <label class="col-sm-2 control-label" for="search_condition">条件</label>
                <div class="col-sm-10">
                    <edit-conditions
                        v-bind:obj="{{collect(old('custom_list_conditions', $customList->customListConditions))}}"
                        v-bind:searcherobj="{{json_encode($searcherLists)}}"
                        v-bind:errors="{{collect($errors->get('custom_list_conditions.*'))}}"
                    ></edit-conditions>
                </div>
                @include('elements.form.parts.error',['field' => 'search_method'])
            </div>
        </div>
    </div>
    <div class="box">
        <div class="box-header with-border">
            <h3>ソート</h3>
        </div>
        <div class="box-body">
            <edit-sorts
                v-bind:obj="{{collect(old('custom_list_sorts', $customList->customListSorts))}}"
                v-bind:fieldobj="{{json_encode($indicationFieldList)}}"
                v-bind:sortobj="{{json_encode($sortList)}}"
                v-bind:errors="{{collect($errors->get('custom_list_sorts.*'))}}"
            ></edit-sorts>
        </div>
        <div class="box-footer">
            <div class="btn-toolbar">
                <a href="{{ url($fncName.'/custom_list') }}" class="btn btn-default">キャンセル</a>
                <button class="btn btn-success pull-right" type="submit">登録</button>
            </div>
        </div>
    </div>
    {{Form::close()}}
</div>
@endsection
@section('js')
    <script src="{{ asset('js/app.js') }}"></script>
@endsection
@push('css')
    <link rel="stylesheet" href="{{asset('/css/app.css')}}"/>
@endpush