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

            line-height: 40px;
        }
    </style>
@endpush
@section('content')
    <h2 class="title-qr" style="font-size: 20px; color: #222222; font-weight: bold; padding: 10px 10px 10px 0">
        流入アクション登録</h2>
    <form action="{{route('saveEditLanding', request()->id)}}" method="post">
        {{ csrf_field() }}
        <div class="show-name-qr row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="style-text">流入アクション名（管理用）</label>
                    <input style="background-color: #FFFFFF" type="text" name="name" value="{{$landingRecord->name}}" id="name-qr">
                    @if(count($errors) > 0)
                        <div class="text-danger" style="font-weight: 600;padding-top: 5px;">
                            @foreach($errors->all() as $error)
                                {{$error}}<br>
                            @endforeach
                        </div>
                    @endif
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="style-text">フォルダー選択</label>
                    <select name="category_id" id="folder-list" class="form-control">
                        <option value="" {{$landingRecord->category_id == null ? 'selected="selected"' : ''}}>未分類
                        </option>
                        @foreach($getFolder as $folder)
                            <option value="{{$folder->id}}"
                                    {{ $landingRecord->category_id == $folder->id ? 'selected="selected"' : '' }}
                            >{{$folder->name}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="action-for-qr row">
                <div class="form-group col-sm-12">
                    <div class="row">
                        <div class="col-sm-2 style-text">
                            追加時アクション
                        </div>
                        <div class="col-sm-10">
                            <span style="display: inline-block">
                                <input type="radio" class="radio_action_type" id="action_1" name="action_type" value="1" checked>
                                <label for="action_1">1度のみアクション稼働</label>
                            </span>
                            <span style="display: inline-block; margin-left: 30px">
                                <input type="radio" class="radio_action_type" id="action_2" name="action_type" value="2">
                                <label for="action_2">何度でもアクション稼働</label>
                            </span>
                        </div>
                    </div>
                    <div class="row" style="display: flex;align-items: center; margin-top: 15px">
                        <div class="col-sm-2 title-left">
                            エルメアクション
                        </div>
                        <div class="col-sm-10">
                            <button class="btn btn-action" type="button">設定</button>
                        </div>
                    </div>
                    <div class="row" style="margin-top: 15px">
                        <div class="form-group">
                            <lable class="col-sm-12 title-left" style="margin-bottom: 10px">友だちアクション</lable>
                            <div class="col-sm-6">
                                <select class="form-control my_class" style="margin-left: 6px" name="postback_type">
                                    <option value="">選択する</option>
                                    <option value="1">電話をかけさせる</option>
                                    <option value="2">ページを開く</option>
                                    <option value="3">LINE公式アカウント紹介</option>
                                    <option value="4">メールを送らせる</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12" style="margin-bottom: 25px">
                    <div class="row">
                        <div class="col-sm-12 style-text">アクション実行範囲</div>
                        <div class="col-sm-12">
                            <div class="" style="margin-bottom: 10px">
                                <input type="radio" class="radio_action_type" id="action_friend_1" name="action_friend" value="1"
                                       checked>
                                <label for="action_friend_1">新規友だちのみ</label>
                            </div>
                            <div class="">
                                <input type="radio" class="radio_action_type" id="action_friend_2" name="action_friend" value="2">
                                <label for="action_friend_2">新規・既存友だち</label>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-12" style="margin-bottom: 25px">
                    <div class="row">
                        <div class="col-sm-12 style-text">友だち追加時設定の実行</div>
                        <div class="col-sm-12">
                            <div class="" style="margin-bottom: 10px">
                                <input type="radio" class="radio_action_type" id="action_qrcode_normal_1" name="action_qrcode_normal" value="0"
                                       checked>
                                <label for="action_qrcode_type_1" style="display: flex">
                                    <span style="display: block; width: 150px">実行しない</span>
                                    <span disabled="display: block">流入アクションから友だち追加された場合、「友だち追加時設定」のアクションは実行されません。</span></label>
                            </div>
                            <div class="">
                                <input type="radio" class="radio_action_type" id="action_qrcode_normal_2" name="action_qrcode_normal" value="1">
                                <label for="action_qrcode_type_2" style="display: flex">
                                    <span style="display: block; width: 150px">新規・実行する </span>
                                    <span disabled="display: block">「友だち追加時設定」のアクション実行後、流入アクションアクションが実行されます。<br/>
                                        <span style="color: #F44336">※流入アクションアクション設定の中にステップ配信設定が含まれる場合、友だち追加時設定で設定されているステップは配信されません。</span>
                                    </span>
                                </label>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-12" style="margin-bottom: 25px">
                    <div class="row">
                        <div class="col-sm-12 style-text">HTMLタグ挿入（外部サービス連携用）</div>
                        <p class="col-sm-12" style="margin-bottom: 15px">
                            外部サービス発行の計測タグなどが埋め込み可能です。<br/>
                            ※ HTMLタグ使用時は流入アクションが正常に稼働しなくなる可能性があります。必ず動作をご確認ください。
                        </p>
                        <div class="col-sm-12">
                            <div class="row">
                                <div class="col-sm-6">
                                    <lable style="font-weight: bold">&lt;head&gt;セクション</lable>
                                    <textarea class="form-control" rows="8"></textarea>
                                </div>
                                <div class="col-sm-6">
                                    <lable style="font-weight: bold">&lt;body&gt;セクション</lable>
                                    <textarea class="form-control" rows="8"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="save-landing clearfix col-sm-12">
            <a href="{!! route('landingIndex') !!}" class="btn btn-lg btn-success" style="font-weight: 600;border: unset;background-color: #F6F6F6;color: #51595C;width: 200px" >戻る</a>
            <input type="submit" class="btn btn-success btn-lg" value="登録" autocomplete="off"
                   style="border-radius: 4px !important;margin-left: 20px">
        </div>
    </form>
@endsection
@push('js')
    <script src="{{asset('js/qr_code/add_qr_code.js')}}?v={{config("sns-line.version")}}"></script>
@endpush