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

        .date-range-input {
            width: 200px !important;
        }
    </style>
@endpush
@section('content')
    {!! Form::model($scenario, ['route' => ['scenario.update', $scenario->id], 'method' => 'PUT', 'onsubmit' => 'return validate()']) !!}
    <article class="">
        <section class="messagelistedit">
            <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', true, $updateNewScenario) }} 新規友だち（{{ $newScenarioName }}）初回挨拶から変更
                    <br>
                    {{ Form::checkbox('update_old_scenario', true, $updateOldScenario) }} 既存友だち（{!! $oldScenarioName !!}）初回挨拶から変更
                    <br>
                    ※「既存友だち」はシステム導入前からの友だちを指します
                </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', Input::old('from_1'), ['id' => 'from_1', 'class' => 'date-range-input', 'onkeydown' => 'return false']) }}
                    から
                    {{ Form::text('to_1', Input::old('to_1'), ['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) }}（新規）最初から/（再開）読んだところから</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', Input::old('from_2'), ['id' => 'from_2', 'class' => 'date-range-input', 'onkeydown' => 'return false']) }}
                    から
                    {{ Form::text('to_2', Input::old('to_2'), ['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) }}（新規）最初から/（再開）読んだところから</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', Input::old('from_3'), ['id' => 'from_3', 'class' => 'date-range-input', 'onkeydown' => 'return false']) }}
                    から
                    {{ Form::text('to_3', Input::old('to_3'), ['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) }}（新規）最初から/（再開）読んだところから</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, 34);']) }} 日目 {{ 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', Input::old('from_4'), ['id' => 'from_4', 'class' => 'date-range-input', 'onkeydown' => 'return false']) }}
                    から
                    {{ Form::text('to_4', Input::old('to_4'), ['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) }}（新規）最初から/（再開）読んだところから</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, 44);']) }} 日目 {{ 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', Input::old('from_5'), ['id' => 'from_5', 'class' => 'date-range-input', 'onkeydown' => 'return false']) }}
                    から
                    {{ Form::text('to_5', Input::old('to_5'), ['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) }}（新規）最初から/（再開）読んだところから</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, 54);']) }} 日目 {{ Form::text('after_start_time_5', Input::old('after_start_time_5'), ['placeholder' => '0:00:00', 'id' => 'after_start_time_5']) }}</p>
                        </div>
                    </div>
                    <hr>
                    <input type="hidden" name="botIdCurrent" id="botIdCurrent" value="{{$currentBotId}}"/>
                </dd>
            </dl>
            <div class="btngroup">
                <button type="submit" class="btn btn-success col-md-3">登録</button>
                <button type="button" class="btn btn-danger col-md-3" onclick="deleteScenario({{ $scenario->id }})"> 削除</button>
                <a href="{{ route("copy_scenario", $scenario->id) }}" class="btn btn-primary">ステップをまるごとコピー</a>
            </div>
        </section>
    </article>
    {!! Form::close() !!}
@endsection

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