@extends('layout.basic.main')
@push('css')
    <link rel="stylesheet" href="/css/friendlist/style.css?v={{config("sns-line.version")}}">
    <style>
        .date-range-input {
            width: 200px !important;
        }
    </style>
@endpush
@section('content')
    {!! Form::open(['route' => ['scenario.store'], 'onsubmit' => 'return validate()']) !!}
    <article class="">
        <section class="messagelistadd">
            <h2 style="font-size: 20px; color: #222222; font-weight: bold; padding: 10px 10px 10px 0">新規ステップ登録</h2>

            @if($errors->any())
                <div class="alert alert-danger alert-dismissable fade in">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                    <ul>
                        <li>{{$errors->first()}}</li>
                    </ul>
                </div>
            @endif
            <dl>
                <dt>ステップ名<span class="taiou_red">必須</span></dt>
                <dd>
                    {{ Form::text('name', Input::old('name')) }}
                    <small class="text-danger">{{ $errors->first('name') }}</small>
                </dd>

                <dt>配信状態</dt>
                <dd>
                    {{ Form::select('status', [0 => '配信中', 1 => '停止中'], Input::old('status')) }}
                    <br>

                    {{ Form::checkbox('update_new_scenario') }} 新規友だち（{{ $newScenarioName }}）初回挨拶から変更
                    <br>
                    {{ Form::checkbox('update_old_scenario') }} 既存友だち（{!! $oldScenarioName !!}）初回挨拶から変更
                    <br>
                    ※「既存友だち」はシステム導入前からの友だちを指します
                </dd>

{{--                <dt>配信タイミング</dt>--}}
{{--                <dd>--}}
{{--                    {{ Form::select('method', [0 => '時刻で指定', 1 => '経過時間で指定'], Input::old('method')) }}--}}
{{--                    <br>--}}
{{--                    <div class="comment">--}}
{{--                        一度登録したステップの配信タイミング変更はできません。<br>--}}
{{--                        ■時刻で指定<br>--}}
{{--                        購読開始からの日数＋時刻でタイミングを指定します。<br>--}}
{{--                        購読開始や再開時には指定時刻まで購読を待ち合わせます。<br>--}}
{{--                        ■経過時間で指定<br>--}}
{{--                        購読開始からの経過時間でタイミングを指定します。購読開始や再開は即時に行われます。--}}
{{--                    </div>--}}
{{--                </dd>--}}
                <dt>最終メッセージ配信後の処置</dt>
                <dd>
                    ステップ01：
                    {{ Form::select('after_scenario_id_1', ["" => '一時停止', "別ステップへ移動" => $scenarios], Input::old('after_scenario_id_1'), ['onchange' => 'selectNextScenario(1)', 'id' => 'after_scenario_id_1']) }}
                    {{ Form::text('from_1', \Carbon\Carbon::now()->format('Y-m-d'), ['id' => 'from_1', 'class' => 'date-range-input', 'onkeydown' => 'return false']) }}
                    から
                    {{ Form::text('to_1', \Carbon\Carbon::now()->format('Y-m-d'), ['id' => 'to_1', 'class' => 'date-range-input', 'onkeydown' => 'return clearEndDate(event, 1)']) }}
                    までの間に引き続きます
                    <div id="delay_div_1" style="width: 50%; display: none;">
                        <div class="inner">
                            <p>{{ Form::radio('delay_type_1', 0, true) }}（新規）最初から/（再開）読んだところから</p>
                            <p>{{ Form::radio('delay_type_1', 1) }} 途中から始める {{ Form::number('after_start_day_1', Input::old('after_start_day_1'), ['placeholder' => '0', 'oninput' => 'checkNumber(this, 24);']) }} 日目 {{ Form::text('after_start_time_1', Input::old('after_start_time_1'), ['placeholder' => '0:00:00', 'id' => 'after_start_time_1']) }}</p>
                        </div>
                    </div>
                    <hr>
                </dd>
                <dd>
                    ステップ02：
                    {{ Form::select('after_scenario_id_2', ["" => '一時停止', "別ステップへ移動" => $scenarios], Input::old('after_scenario_id_2'), ['onchange' => 'selectNextScenario(2)', 'id' => 'after_scenario_id_2']) }}
                    {{ Form::text('from_2', \Carbon\Carbon::now()->format('Y-m-d'), ['id' => 'from_2', 'class' => 'date-range-input', 'onkeydown' => 'return false']) }}
                    から
                    {{ Form::text('to_2', \Carbon\Carbon::now()->format('Y-m-d'), ['id' => 'to_2', 'class' => 'date-range-input', 'onkeydown' => 'return clearEndDate(event, 2)']) }}
                    までの間に引き続きます
                    <div id="delay_div_2" style="width: 50%; display: none;">
                        <div class="inner">
                            <p>{{ Form::radio('delay_type_2', 0, true) }}（新規）最初から/（再開）読んだところから</p>
                            <p>{{ Form::radio('delay_type_2', 1) }} 途中から始める {{ Form::number('after_start_day_2', Input::old('after_start_day_2'), ['placeholder' => '0', 'oninput' => 'checkNumber(this, 24);']) }} 日目 {{ Form::text('after_start_time_2', Input::old('after_start_time_2'), ['placeholder' => '0:00:00', 'id' => 'after_start_time_2']) }}</p>
                        </div>
                    </div>
                    <hr>
                </dd>
                <dd>
                    ステップ03：
                    {{ Form::select('after_scenario_id_3', ["" => '一時停止', "別ステップへ移動" => $scenarios], Input::old('after_scenario_id_3'), ['onchange' => 'selectNextScenario(3)', 'id' => 'after_scenario_id_3']) }}
                    {{ Form::text('from_3', \Carbon\Carbon::now()->format('Y-m-d'), ['id' => 'from_3', 'class' => 'date-range-input', 'onkeydown' => 'return false']) }}
                    から
                    {{ Form::text('to_3', \Carbon\Carbon::now()->format('Y-m-d'), ['id' => 'to_3', 'class' => 'date-range-input', 'onkeydown' => 'return clearEndDate(event, 3)']) }}
                    までの間に引き続きます
                    <div id="delay_div_3" style="width: 50%; display: none;">
                        <div class="inner">
                            <p>{{ Form::radio('delay_type_3', 0, true) }}（新規）最初から/（再開）読んだところから</p>
                            <p>{{ Form::radio('delay_type_3', 1) }} 途中から始める {{ Form::number('after_start_day_3', Input::old('after_start_day_3'), ['placeholder' => '0', 'oninput' => 'checkNumber(this, 24);']) }} 日目 {{ Form::text('after_start_time_3', Input::old('after_start_time_3'), ['placeholder' => '0:00:00', 'id' => 'after_start_time_3']) }}</p>
                        </div>
                    </div>
                    <hr>
                </dd>
                <dd>
                    ステップ04：
                    {{ Form::select('after_scenario_id_4', ["" => '一時停止', "別ステップへ移動" => $scenarios], Input::old('after_scenario_id_4'), ['onchange' => 'selectNextScenario(4)', 'id' => 'after_scenario_id_4']) }}
                    {{ Form::text('from_4', \Carbon\Carbon::now()->format('Y-m-d'), ['id' => 'from_4', 'class' => 'date-range-input', 'onkeydown' => 'return false']) }}
                    から
                    {{ Form::text('to_4', \Carbon\Carbon::now()->format('Y-m-d'), ['id' => 'to_4', 'class' => 'date-range-input', 'onkeydown' => 'return clearEndDate(event, 4)']) }}
                    までの間に引き続きます
                    <div id="delay_div_4" style="width: 50%; display: none;">
                        <div class="inner">
                            <p>{{ Form::radio('delay_type_4', 0, true) }}（新規）最初から/（再開）読んだところから</p>
                            <p>{{ Form::radio('delay_type_4', 1) }} 途中から始める {{ Form::number('after_start_day_4', Input::old('after_start_day_4'), ['placeholder' => '0', 'oninput' => 'checkNumber(this, 24);']) }} 日目 {{ Form::text('after_start_time_4', Input::old('after_start_time_4'), ['placeholder' => '0:00:00', 'id' => 'after_start_time_4']) }}</p>
                        </div>
                    </div>
                    <hr>
                </dd>
                <dd>
                    ステップ05：
                    {{ Form::select('after_scenario_id_5', ["" => '一時停止', "別ステップへ移動" => $scenarios], Input::old('after_scenario_id_5'), ['onchange' => 'selectNextScenario(5)', 'id' => 'after_scenario_id_5']) }}
                    {{ Form::text('from_5', \Carbon\Carbon::now()->format('Y-m-d'), ['id' => 'from_5', 'class' => 'date-range-input', 'onkeydown' => 'return false']) }}
                    から
                    {{ Form::text('to_5', \Carbon\Carbon::now()->format('Y-m-d'), ['id' => 'to_5', 'class' => 'date-range-input', 'onkeydown' => 'return clearEndDate(event, 5)']) }}
                    までの間に引き続きます
                    <div id="delay_div_5" style="width: 50%; display: none;">
                        <div class="inner">
                            <p>{{ Form::radio('delay_type_5', 0, true) }}（新規）最初から/（再開）読んだところから</p>
                            <p>{{ Form::radio('delay_type_5', 1) }} 途中から始める {{ Form::number('after_start_day_5', Input::old('after_start_day_5'), ['placeholder' => '0', 'oninput' => 'checkNumber(this, 25);']) }} 日目 {{ Form::text('after_start_time_5', Input::old('after_start_time_5'), ['placeholder' => '0:00:00', 'id' => 'after_start_time_5']) }}</p>
                        </div>
                    </div>
                    <input type="hidden" name="botIdCurrent" id="botIdCurrent" value="{{$currentBotId}}"/>
                    <hr>
                </dd>
            </dl>
            <button type="submit" class="btn btn-primary">登録</button>
        </section>
    </article>
    {!! Form::close() !!}
@endsection
@push('js')
<script src="/js/scenario/detail.js?v={{config("sns-line.version")}}"></script>
@endpush