@extends('layout.basic.main')
@section('title','リッチメニュー（一覧）')
@push('css')
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
    <link rel="stylesheet" href="/_assets/commons/css/list.css?v={{config("sns-line.version")}}" type="text/css">
    <link rel="stylesheet" href="/_assets/commons/css/search_box.css?v={{config("sns-line.version")}}" type="text/css">
    <link rel="stylesheet" href="/_assets/commons/css/lme_custom.css?v={{config("sns-line.version")}}" type="text/css">
    <link rel="stylesheet" href="/_assets/commons/css/pagination.css?v={{config("sns-line.version")}}" type="text/css">
    <link rel="stylesheet" href="/_assets/modules/rich_menu/css/index.css?v={{config("sns-line.version")}}" type="text/css">
    <link rel="stylesheet" href="/_assets/modules/rich_menu/css/index-27.css?v={{config("sns-line.version")}}" type="text/css">
@endpush
@section('content')
    <section id="rich-menu-list-page" v-cloak>
        <div v-if="isFreePlan == 1" class="upgrade-banner">
            <div class="u-title">
                <div class="title">
                    有料プランに<a :href="'/admin/bot-add?upgrade_bot_id=' + botHashId" target="_blank" class="link-upgrade-bot u-link">アップグレード</a>すると、リッチメニューを<span class="u-link">無制限</span>に作成できます。
                </div>
                <div class="u-title">
                    フリープランの作成上限は2つまでです。
                </div>
            </div>
            <div>
                <a :href="'/admin/bot-add?upgrade_bot_id=' + botHashId" target="_blank" class="btn-upgrade">
                    <i class="fas fa-sparkles" style="margin-right: 7px; flex-shrink: 0"></i> アップグレード
                </a>
            </div>
        </div>
        {{--Page Title--}}
        <div class="row" style="margin: 23px 0">
            <div class="col-md-6" style="padding-left: 0">
                <div class="page-title" style="margin-top: 6px">
                    リッチメニュー
                </div>
            </div>
            <div class="col-md-6">
                <div class="pull-right" style="margin-right: 10px !important;">
                    <button class="button-ripple btn-add" @click="openModalQuickCreateRichMenu()">
                        <i class="far fa-plus-circle"></i> 新規作成
                    </button>
                </div>
            </div>
        </div>


        <div class="wrapper">
            {{--Left Folder--}}
            @include('basic.rich_menu.v2.components.index.left_folder')

            {{--Table Data--}}
            @include('basic.rich_menu.v2.components.index.table_data')
        </div>

        @include('basic.rich_menu.v2.modal.index.sort_folder')
        @include('basic.rich_menu.v2.modal.index.update_folder')
        @include('basic.rich_menu.v2.modal.index.sort_richmenu')
        @include('basic.rich_menu.v2.modal.index.move_to_folder')
        @include('basic.rich_menu.v2.modal.index.confirm_delete_rich_menu_item')
        @include('basic.rich_menu.v2.modal.index.confirm_delete_folder')
        @include('basic.rich_menu.v2.modal.index.quick_create')
        @include('basic.rich_menu.v2.modal.index.copy_rich_menu')
        @include('basic.rich_menu.v2.modal.index.preview_action_items_richmenu')
    </section>
    @include('layout.modal_setting.modal_select_action')
    @include('layout.modal_filter_v2')
@endsection

@push('js')
    <script>
        var basic_home_new = [];
        var params = [];
        var botHashId = '{{ $botHashId }}';
        var isFreePlan = '{{ $flagNewFreePlan }}';
    </script>
    <script src="/js/axios.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
    <script src="/_assets/commons/js/lme.js?v={{config("sns-line.version")}}"></script>
    <script src="/_assets/commons/js/pagination.js?v={{config("sns-line.version")}}"></script>
    <script src="/_assets/modules/rich_menu/js/index.js?v={{config("sns-line.version")}}"></script>
    <script src="/js/friendlist/modal_filter_v2.js?v={{ config('sns-line.version') }}"></script>

@endpush