{{-- Add New Group Modal --}}
<div id="modal-group-label" class="modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">{{trans('broadcasts.form.label.group_tooltip_title_add_new_group')}}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
            </div>
            <div class="modal-body">
                <div id="msg-group" class="display-hide">
                    <span id='msg-text-group'></span>
                </div>
                <form action="" id="frm-group" method="post" class="kt-form kt-form--label-right" autocomplete="off">
                    @for ($i = 1; $i < 2; $i++)
                        <div class="form-group row">
                            <label class="col-md-3 col-form-label">{{trans('broadcasts.form.label.group')}}</label>
                            <div class="col-md-8">
                                <input type="text" id="group_name" name="name[]" class="form-control" {{ ($i == 1) ? 'required' : '' }}>
                            </div>
                        </div>
                    @endfor
                    <div class="form-actions">
                        <div class="row">
                            <div class="offset-md-3 col-md-8">
                                <button type="submit" class="btn btn-success">{{trans('common.form.button.submit')}}</button>
                                <button type="reset" class="btn btn-default">{{trans('common.form.button.reset')}}</button>
                                <input type="hidden" value="3" name="section_id">
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

{{-- Campaign Builder Email Preview Modal --}}
<div id="preview_html" class="modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">{{trans('broadcasts.form.email_preview.form_heading')}}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
            </div>
            <div class="modal-body scroll scroll-700">
                <button type="button" id="preview" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <div id="content_"></div>
            </div>
        </div>
    </div>
</div>

{{-- Check Spam Score Modal (backward compat with server-side checkSpamScore()) --}}
<div id="spam-score-modal" class="modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">{{trans('broadcasts.modal.check_spam_score.form_heading')}}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
            </div>
            <div class="modal-body">
                <table class="table">
                    <tr>
                        <th style="width: 50%; border-top: 0;">{{ trans('broadcasts.modal.check_spam_score.label.status') }}</th>
                        <td style="width: 50%; border-top: 0;" id="statusss"></td>
                    </tr>
                    <tr>
                        <th>{{ trans('broadcasts.modal.check_spam_score.label.score') }}</th>
                        <td id="scoreee"></td>
                    </tr>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">{{trans('common.form.button.close')}}</button>
            </div>
        </div>
    </div>
</div>

{{-- Variable Picker Panel --}}
<div class="mc-varpicker-backdrop"></div>
<div class="mc-varpicker">
    <div class="mc-varpicker__search">
        <i class="la la-search"></i>
        <input type="text" class="mc-varpicker__search-input" placeholder="{{ trans('broadcasts.varpicker.placeholder.search') }}" autocomplete="off">
        <button type="button" class="mc-varpicker__close"><i class="la la-times"></i></button>
    </div>
    <div class="mc-varpicker__body">
        <div class="mc-varpicker__cats">
            <button type="button" class="mc-varpicker__cat active" data-cat="all">
                <span class="mc-varpicker__cat-icon"><i class="la la-list"></i></span>
                {{ trans('broadcasts.varpicker.category.all') }}
                <span class="mc-varpicker__cat-count">0</span>
            </button>
            <button type="button" class="mc-varpicker__cat" data-cat="system">
                <span class="mc-varpicker__cat-icon"><i class="la la-cog"></i></span>
                {{ trans('broadcasts.varpicker.category.system') }}
                <span class="mc-varpicker__cat-count">0</span>
            </button>
            <button type="button" class="mc-varpicker__cat" data-cat="fields">
                <span class="mc-varpicker__cat-icon"><i class="la la-user"></i></span>
                {{ trans('broadcasts.varpicker.category.fields') }}
                <span class="mc-varpicker__cat-count">0</span>
            </button>
            <button type="button" class="mc-varpicker__cat" data-cat="spintags">
                <span class="mc-varpicker__cat-icon"><i class="la la-retweet"></i></span>
                {{ trans('broadcasts.varpicker.category.spintax') }}
                <span class="mc-varpicker__cat-count">0</span>
            </button>
            <button type="button" class="mc-varpicker__cat" data-cat="dynamic">
                <span class="mc-varpicker__cat-icon"><i class="fa fa-bolt"></i></span>
                {{ trans('broadcasts.varpicker.category.dynamic') }}
                <span class="mc-varpicker__cat-count">0</span>
            </button>
            <button type="button" class="mc-varpicker__cat" data-cat="profile">
                <span class="mc-varpicker__cat-icon"><i class="la la-user"></i></span>
                {{ trans('broadcasts.varpicker.category.profile') }}
                <span class="mc-varpicker__cat-count">0</span>
            </button>
        </div>
        <div class="mc-varpicker__list">
            <div class="mc-varpicker__empty"><i class="la la-spinner la-spin"></i><br>{{ trans('common.label.loading') }}</div>
        </div>
    </div>
</div>