@extends('layout.basic.main')
@push('css')
    <link rel="stylesheet" href="/css/friendlist/style.css?v={{config("sns-line.version")}}">

    <style>
        .category-selector {
            background: white;
        }

        .category-selector option {
            padding: 10px;
            font-size: 90%;
        }
    </style>
@endpush
@section('content')
    <article class="">
        <section class="messagelistsetting">
            <h2 style="font-size: 20px; color: #222222; font-weight: bold; padding: 10px 10px 10px 0">ステップ配信設定</h2>
            <p style="margin-bottom: 15px; font-size: 15px; color: #222222">友だち登録時に開始するステップ・タグの設定</p>
            {!! Form::model($addFriendSetting, ['route' => ['scenario.update_setting']]) !!}
                <div class="separate_mls">
                    <div class="mls_left">
                        <h4>新規友だち</h4>
                        <p>システム導入後に新しくアカウントをフォローした人についての設定</p>
                        <dl>
                            <dt>ステップ</dt>
                            <dd>
                                {{ Form::select('new_scenario_id', ["" => '購読しない', "ステップを購読する" => $scenarios], Input::old('new_scenario_id')) }}
                            </dd>

                            <dt>ステップを購読する場合</dt>
                            <dd>
                                {{ Form::radio('new_delay_type', 0) }} 最初から始める<br>
                                {{ Form::radio('new_delay_type', 1, true) }} 途中から始める<br>
                                <div id="new_start_time_container">
                                    {{ Form::number('new_start_day', Input::old('new_start_day'), ['placeholder' => '0', 'oninput' => 'checkNumber(this, 24);', 'style' => 'width: 30%;']) }} 日目 {{ Form::text('new_start_time', Input::old('new_start_time'), ['placeholder' => '0:00:00', 'id' => 'new_start_time', 'style' => 'width: 30%;']) }}
                                </div>
                            </dd>

                            <dt>タグ<span class="taiou_gry">任意</span>（ステップ開始時にタグをつける）</dt>
                            <dd>
                                <div class="tem_choice">
                                    {{ Form::select('new_category_id',[null => "未分類"] + $categories, Input::old('new_category_id'), ['size' => 4, 'class' => 'category-selector', 'id' => 'new_category_id']) }}

                                    <div class="choice_detail">
                                        <p class="nochoice">{{ Form::radio('new_tag_id', "", is_null($addFriendSetting->new_tag_id)) }} 選択しない</p>
                                        <div id="new_tag_container"></div>
                                        <input type="hidden" id="new_tag_id_init" value="{{ $addFriendSetting->new_tag_id }}">
                                    </div>
                                </div>
                            </dd>
                        </dl>
                    </div>
                    <div class="mls_right">
                        <h4>システム導入前からの友だち・アカウントへのブロックを解除した友だち</h4>
                        <p>システム導入前からの友だちとアカウントへのブロック解除した友だちについての設定</p>
                        <dl>
                            <dt>ステップ</dt>
                            <dd>
                                {{ Form::select('old_scenario_id', ["" => '購読しない', "ステップを購読する" => $scenarios], Input::old('old_scenario_id')) }}
                            </dd>
                            <dt>ステップを購読する場合</dt>
                            <dd>
                                {{ Form::radio('old_delay_type', 0) }} 最初から始める<br>
                                {{ Form::radio('old_delay_type', 1) }} 途中から始める<br>
                                <div id="old_start_time_container">
                                    {{ Form::number('old_start_day', Input::old('old_start_day'), ['placeholder' => '0', 'oninput' => 'checkNumber(this, 24);', 'style' => 'width: 30%;']) }} 日目 {{ Form::text('old_start_time', Input::old('old_start_time'), ['placeholder' => '0:00:00', 'id' => 'old_start_time', 'style' => 'width: 30%;']) }}
                                </div>
                            </dd>

                            <dt>タグ<span class="taiou_gry">任意</span>（ステップ開始時にタグをつける）</dt>
                            <dd>
                                <div class="tem_choice">
                                    {{ Form::select('old_category_id',[null => "未分類"] + $categories, Input::old('old_category_id'), ['size' => 4, 'class' => 'category-selector', 'id' => 'old_category_id']) }}

                                    <div class="choice_detail">
                                        <p class="nochoice">{{ Form::radio('old_tag_id', "", is_null($addFriendSetting->old_tag_id)) }} 選択しない</p>
                                        <div id="old_tag_container"></div>
                                        <input type="hidden" id="old_tag_id_init" value="{{ $addFriendSetting->old_tag_id }}">
                                    </div>
                                </div>
                            </dd>
                        </dl>
                    </div>
                </div>

                <div class="btngroup">
                    <div class="btn"><button type="submit" class="btn btn-success">登録</button></div>
                </div>
            {!! Form::close() !!}
        </section>
    </article>
@endsection

@push('js')
<script src="/js/scenario/setting.js?v={{config("sns-line.version")}}"></script>
@endpush