@extends('layout.admin_v2.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="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">

    <link rel="stylesheet" href="/lme-ui/src/css/base.css?v={{config("sns-line.version")}}" type="text/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/lme_custom.css?v={{config("sns-line.version")}}" type="text/css">
    <link rel="stylesheet" href="/_assets/commons/css/calendar_control.css?v={{config("sns-line.version")}}" type="text/css">
    <link rel="stylesheet" href="/_assets/commons/css/components/calendar_control.css?v={{config("sns-line.version")}}" type="text/css">
    <link rel="stylesheet" href="/_assets/modules/notify/css/index.css?v={{config("sns-line.version")}}" type="text/css">
    <link rel="stylesheet" href="/lme-ui/src/css/input/input.css?v={{config("sns-line.version")}}" type="text/css">
    <link rel="stylesheet" href="/lme-ui/src/css/upload/upload.css?v={{config("sns-line.version")}}" type="text/css">
    <link rel="stylesheet" href="/lme-ui/src/css/button/button.css?v={{config("sns-line.version")}}" type="text/css">
    <link rel="stylesheet" href="/lme-ui/src/css/icon/icon.css?v={{config("sns-line.version")}}" type="text/css">
    <link rel="stylesheet" href="/lme-ui/src/css/date-picker/date-picker.css?v={{config("sns-line.version")}}" type="text/css">
    <link rel="stylesheet" href="/lme-ui/src/css/time-picker/time-picker.css?v={{config("sns-line.version")}}" type="text/css">
    <link rel="stylesheet" href="/lme-ui/src/css/checkbox/checkbox.css?v={{config("sns-line.version")}}" type="text/css">
    <link rel="stylesheet" href="/lme-ui/src/css/modal/modal.css?v={{config("sns-line.version")}}" type="text/css">
    <link rel="stylesheet" href="/lme-ui/src/css/input/select.css?v={{config("sns-line.version")}}" type="text/css">
    <style>
        .lme-input-wrapper .lme-relative {
            width: 100%;
        }
        .lme-upload-wrapper input[hidden] {
            display: none !important;
        }
    </style>
@endpush
@section('content')
    <div id="loading-clarity"></div>
    <section id="notify-page" style="margin-top: 20px;" v-cloak>
        <div class="flex-space-between title-page" style="margin: 20px auto">
            <div class="col-md-6" style="padding-left: 0">
                <div class="page-title">
                    お知らせ登録
                </div>
            </div>
            <div class="col-md-6"></div>
        </div>

        <div class="wrapper">
            <div class="section-data-table w-full">
                <div id="data-table-body">
                    <div class="tab-underline-bg"></div>
                    <div class="parts-wrapList">
                        <div class="tabs tab03">
                            <div class="tab-btns">
                                <div>
                                    <button class="tab-btn active" data-tab="1">お知らせ欄</button>
                                </div>
                                <div>
                                    <button class="tab-btn" data-tab="2">トップモーダル</button>
                                </div>
                                <div>
                                    <button class="tab-btn" data-tab="3">フローティング</button>
                                </div>
                                <div>
                                    <button class="tab-btn" data-tab="4">ヘッダー通知</button>
                                </div>
                                <div class="tab-underline"></div>
                            </div>
                            <div class="tab-contents">
                                <div class="tab-content active" data-tab="1">
                                    @include('basic.notify.components.notify_tab')
                                </div>
                                <div class="tab-content" data-tab="2">
                                    @include('basic.notify.components.top_modal_tab')
                                </div>
                                <div class="tab-content" data-tab="3">
                                    @include('basic.notify.components.floating_tab')
                                </div>
                                <div class="tab-content" data-tab="4">
                                    @include('basic.notify.components.header_tab')
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        @include('basic.notify.modals.notifications_form')
        @include('basic.notify.modals.delete_confirm')
        @include('basic.notify.modals.header_form')
        @include('basic.notify.modals.delete_confirm_header')
        @include('basic.notify.modals.floating_form')
        @include('basic.notify.modals.delete_confirm_floating')
        @include('basic.notify.modals.top_modal_form')
        @include('basic.notify.modals.delete_confirm_top_modal')
    </section>
@endsection

@push('script')
    <script src="/js/media/vue.min.js"></script>
    <script src="/js/moment.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/moment/locale/ja.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/flatpickr/dist/l10n/ja.js"></script>

    <script src="/_assets/commons/js/datetime.js?v={{config("sns-line.version")}}"></script>
    <script src="/_assets/commons/js/lme.js?v={{config("sns-line.version")}}"></script>
    <script src="/lme-ui/src/js/input/lme-input.js?v={{config("sns-line.version")}}"></script>
    <script src="/lme-ui/src/js/input/lme-select.js?v={{config("sns-line.version")}}"></script>
    <script src="/lme-ui/src/js/upload/lme-upload.js?v={{config("sns-line.version")}}"></script>
    <script src="/lme-ui/src/js/icon/lme-icon.js?v={{config("sns-line.version")}}"></script>
    <script src="/lme-ui/src/js/button/lme-button.js?v={{config("sns-line.version")}}"></script>
    <script src="/lme-ui/src/js/button/lme-button-default.js?v={{config("sns-line.version")}}"></script>
    <script src="/lme-ui/src/js/date-picker/lme-date-picker.js?v={{config("sns-line.version")}}"></script>
    <script src="/lme-ui/src/js/time-picker/lme-time-picker.js?v={{config("sns-line.version")}}"></script>
    <script src="/lme-ui/src/js/checkbox/lme-checkbox.js?v={{config("sns-line.version")}}"></script>
    <script src="/lme-ui/src/js/button/lme-button-flat.js?v={{config("sns-line.version")}}"></script>
    <script src="/lme-ui/src/js/button/lme-button-risk.js?v={{config("sns-line.version")}}"></script>
    <script src="/lme-ui/src/js/modal/lme-modal.js?v={{config("sns-line.version")}}"></script>
    <script src="/_assets/commons/js/components/datetime_picker.js?v={{config("sns-line.version")}}"></script>
    <script src="/_assets/commons/js/components/timepicker.js?v={{config("sns-line.version")}}"></script>
    <script src="/_assets/modules/notify/js/index.js?v={{config("sns-line.version")}}"></script>
@endpush