@extends('basic.template_v2.components.create-message')
@section('action-page')
	<div class="wrap-action-page" v-show="(currentTab != 'media' && !$store.state.message_text.is_setting_detail_url) || (currentTab == 'media' && $store.state.message_media.type_media)">
		<div style="display: flex; align-items: center">
            <button
                    onclick="saveTemplate()"
                    class="btn btn-sns-line btn-sns-line-lg btn-save-common"
                    style="font-size: 16px; font-weight: 300"
            >保存</button>

            <div style="padding-left: 15px; margin-bottom: 15px"
                 v-show="currentTab == 'form' && $store.state.message_button.type_button == 3 && $store.state.message_button.currentTab == 'setting-panel'">
                <a href="#tab-setting-panel"
                   style="color: #5799DB; text-decoration: underline; font-weight: 600"
                >パネル選択に戻る <i class="far fa-chevron-up"></i>
                </a>
            </div>
        </div>
		<button onclick="backToGroupTmp()" class="btn btn-sns-line btn-sns-line-lg btn-back-common" style="font-size: 14px; font-weight: 300">戻る</button>
	</div>

    <div class="wrap-action-page"
         id="action-setting-url"
         v-show="currentTab == 'text' && $store.state.message_text.is_setting_detail_url">
       <div>
           <button
                   @click="$refs[currentTabComponent].saveSettingDetailUrl()"
                   class="btn btn-sns-line btn-sns-line-lg btn-save-common"
                   style="font-size: 16px; font-weight: 300"
           >保存</button>
       </div>
        <button @click="$store.state.message_text.is_setting_detail_url = false" class="btn btn-sns-line btn-sns-line-lg btn-back-common" style="font-size: 14px; font-weight: 300">戻る</button>
    </div>
@endsection


@push('js')
	<script>
		var templateGroupId = '{{ $templateGroupId }}';
        var templateChildId = '{{ $templateChildId }}';
        var typeTemplate = '{{ $typeTemplate }}';
        var broadcastId = '{{ $broadcastId }}';
        var scheduleSendId = '{{ $scheduleSendId }}';
        var date_send = '{{ $date_send }}';
        var time_send = '{{ $time_send }}';
        var conversationId = '{{ $conversationId }}';
        var actionType = '{{ $actionType }}';
        var liffAppId = '{{ $liffAppId }}';
        var tmpName = '{{ $tmpName }}';
        var checkExistBtnQuickReply = '{{ $checkExistBtnQuickReply }}';
        var template_name = @json(!empty($tmp_update) ? $tmp_update->name : "");
        var folder_id = '{{ $folderId }}';

        console.log(checkExistBtnQuickReply, checkExistBtnQuickReply)


        function saveTemplate() {
            objAddMessageV2.validate().then(function (value) {
                console.log('result validate', value)
				// return;
                if (value) {
                    if(objAddMessageV2.$store.getters.currentTab == 'text'){
                        var urlRegex = /(https?:\/\/[^\s]+)/g;
                        var content = objAddMessageV2.$store.state.message_text.content;
                        var arrUrl = [];
                        content.replace(urlRegex, function (url) {
                            arrUrl.push(url);
                        });
                        if(arrUrl.length == 0){
                            objAddMessageV2.$store.state.message_text.urls = []
                        }
                    }
                    var dataMessage = objAddMessageV2.$store.getters.getDataMessage;
                    if(objAddMessageV2.$store.getters.currentTab == 'stamp' && dataMessage.message_stamp.content == ''){
                        alert('スタンプが選ばれていません');
                        $('#sticker_empty').css('display', 'block');
                        $.LoadingOverlay('hide');
                        return;
                    }else{
                        $('#sticker_empty').css('display', 'none');
                    }
                    
                    if(dataMessage.type == "media" && (dataMessage.message_media.img_path == '' || dataMessage.message_media.img_path == null) ){
                        alert('画像は必須です');
                        $.LoadingOverlay('hide');
                        return !1;
                    }
                    dataMessage.template_group_id = templateGroupId;
                    dataMessage.template_child_id = templateChildId;
                    dataMessage.tmp_name = tmpName;
                    dataMessage.action_type = actionType;
                    dataMessage.broadcastId = broadcastId;
                    dataMessage.scheduleSendId = scheduleSendId;
                    dataMessage.conversationId = conversationId;
                    if (actionType == 'schedule_send') {
                        dataMessage.date_send = date_send;
                        dataMessage.time_send = time_send;

                    }
                    // let add_1 = $('#detail_mini').val();
                    let content_1 = $('#title').val();
                    dataMessage.content = content_1;
                    let add_1 = $('#detail_mini').val();
                    dataMessage.address = add_1;
                    let lat_1 = $('#tmp_location_lat').val();
                    dataMessage.latitude = lat_1;
                    let lng_1 = $('#tmp_location_lgn').val();
                    dataMessage.longitude = lng_1;
                    var formData = new FormData();
                    formData.append('data', JSON.stringify(dataMessage));
                    formData.append('file_media', objAddMessageV2.$store.getters.getFileMedia);
                    console.log(objAddMessageV2.$store.getters.getFileMedia);
                    formData.append('thumbnail_media', objAddMessageV2.$store.getters.getThumbnailMedia);
                    formData.append('action_type', actionType);
                    formData.append('templateName', objAddMessageV2.template_name);
                    formData.append('folderId', objAddMessageV2.folder_id);

                    if (actionType == 'scenario') {
                        formData.append('template_group_scenario', '{{ $template_group_scenario }}');
                        formData.append('is_new', '{{ request()->is_new }}');
                        formData.append('is_clone', '{{ request()->is_clone }}');
					}

                    if (actionType == 'event') {
                        formData.append('is_new', '{{ request()->is_new }}');
                        formData.append('template_event_group_id', '{{ request()->template_event_group_id }}');
                    }

                    if (objAddMessageV2.typeTemplate != 'group' && !objAddMessageV2.templateGroupId) {
                        if (objAddMessageV2.template_name.length == 0) {
                            alert('名前は必須です。')
                            return
                        }
                        if (objAddMessageV2.template_name.length > 20) {
                            alert('管理名は20文字以内で入力してください。')
                            return
                        }
                    }

                    console.log('actionType', actionType)
                    console.log('data message', dataMessage)
                    $.LoadingOverlay('show');
                    $.ajax({
                        url: '/ajax/template-v2/save-template',
                        type: 'POST',
                        data: formData,
                        contentType: false,
                        processData: false,
                        cache: false,
                        success: function (res) {
                            $.LoadingOverlay('hide');
                            console.log('success');

                            // #33333: BE có thể trả success=false (vd trùng 管理名) -> phải báo cho người dùng.
                            if (res && res.success === false) {
                                alert(res.message ? res.message : '保存に失敗しました');
                                return;
                            }

                            if (res.success) {

                                switch (actionType) {
									case 'template':

                                        if (templateGroupId) {
                                            location.href = '/basic/template-v2/create-group?template_id=' + templateGroupId;
                                        } else {
                                            location.href = '/basic/message-template';
                                        }
                                         break;

									case 'scenario':
                                        var template_group_scenario = '{{ $template_group_scenario }}'
										if(template_group_scenario) {
                                            console.log('11')
                                            {{--location.href = '/basic/scenario/pack-template/show/' + '{{ $scenarioId }}' + '/' + {{$template_group_scenario}} + '?step_id=' + templateGroupId;--}}
                                            location.href = `/basic/step-message-template-child/{{ $scenarioId }}/${templateGroupId}/{{$template_group_scenario}}`
										} else {
                                            console.log('222')
                                            {{--location.href = '/basic/step-message/list-message/' + '{{ $scenarioId }}';--}}
                                            location.href = '/basic/step-message/scenario-message/' + '{{ $scenarioId }}';
										}
                                        break;
                                    case 'sendAll':
                                        if(templateGroupId && templateGroupId != '-11'){
                                            location.href = '/basic/message-send-all/pack-message/show/'+broadcastId+'/'+templateGroupId;
                                        }else{
                                            // location.href = '/basic/message-send-all';
                                            location.href = '/basic/add-broadcast-v2?broadcast_id=' + broadcastId;
                                        }
                                        break;
									case 'event':
                                        var template_event_group_id = '{{ request()->template_event_group_id }}';
                                        if (template_event_group_id) {
                                            location.href = '/basic/park-template/show/'+ template_event_group_id +'?event_id={{ request()->event_id }}&event_step_id=' + templateGroupId
                                        } else {
                                            location.href = '/basic/event/step/{{ request()->event_id }}/create-or-update?edit=' + templateGroupId
                                        }
                                         break;
                                    case 'schedule_send':
                                        console.log('templateGroupId=',templateGroupId);
                                        if(templateGroupId && templateGroupId != '-1111'){
                                            location.href = '/basic/schedule-send/pack-message/show/'+scheduleSendId+'/'+templateGroupId;
                                        }else{
                                            location.href = '/basic/schedule-send/'+conversationId;
                                        }
                                        break;
                                    default:
                                        location.href = '/basic/template-v2/create-group?template_id=' + templateGroupId;
                                        break;
								}

                             } else {
                                alert(res.error_message)
                            }
                        },
                        // [#40056] /ajax/template-v2/save-template nay tra dung ma loi:
                        // 422 (thieu noi dung / 管理名), 400 (luu that bai, qua han sua noi dung
                        // truoc gio gui), 500 (loi he thong). Truoc day moi truong hop deu tra 200
                        // nen duoc alert o nhanh success; sau khi doi ma thi nhanh loi PHAI hien
                        // ly do, neu khong bam 保存 se khong co phan hoi gi.
                        error: function (xhr) {
                            $.LoadingOverlay('hide');
                            window.showTemplateAjaxError(xhr);
                        }
                    })
				}
			})
		}

        function backToGroupTmp() {
            switch (actionType) {
                case 'template':
                    if (templateGroupId) {
                        location.href = '/basic/template-v2/create-group?template_id=' + templateGroupId;
                    } else {
                        location.href = '/basic/message-template';
                    }
                    break;
				case 'scenario':
                    var template_group_scenario = '{{ $template_group_scenario }}'
                    if(template_group_scenario) {
                        location.href = `/basic/step-message-template-child/{{ $scenarioId }}/${templateGroupId}/{{$template_group_scenario}}`
                        {{--location.href = '/basic/scenario/pack-template/show/' + '{{ $scenarioId }}' + '/' + {{$template_group_scenario}} + '?step_id=' + templateGroupId;--}}
                    } else {
                        {{--location.href = '/basic/step-message/list-message/' + '{{ $scenarioId }}';--}}
                        location.href = '/basic/step-message/scenario-message/' + '{{ $scenarioId }}';
                    }
                    break;
                case 'sendAll':
                    location.href = '/basic/message-send-all';
                    break;
                case 'event':
                    var template_event_group_id = '{{ request()->template_event_group_id }}';
                    if (template_event_group_id) {
                        location.href = '/basic/park-template/show/'+ template_event_group_id +'?event_id={{ request()->event_id }}&event_step_id=' + templateGroupId
                    } else {
                        location.href = '/basic/event/step/{{ request()->event_id }}/create-or-update?edit=' + templateGroupId
                    }
                    break;
                case 'schedule_send':
                    console.log('templateGroupId=',templateGroupId);
                    location.href = '/basic/schedule-send/'+conversationId;
                    break;
                default:
                    location.href = '/basic/template-v2/create-group?template_id=' + templateGroupId
                    break;
            }

 		}
	</script>
@endpush