@extends('layouts.master')
@section('title', 'Newsletter List')

@push('styles')
    <style>
        .select2-container .select2-selection--single {
            height: 38px !important;
        }
        .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 36px !important;
        }
    </style>
@endpush

@section('breadcrumb-text')
    <h1 class="w-100">
        {{__('Newsletter List')}} ({{ $newsletterList->name ?? '' }})
        <a href="{{route('admin.newsletter.index')}}" data-toggle="tooltip" data-placement="top" title="Back" class="btn btn-primary float-end">
            {!! renderIconHtml('back') !!}{{__('Back')}}
        </a>
    </h1>
@endsection

@section('content')
<section class="main_section">
    <div class="scroll">
        @include('backend.newsletter.create-newsletter-user')
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <div id="custom_toolbar_user" class="select">
                        <a data-toggle="tooltip" data-placement="top" title="Add New"
                            class="btn btn-secondary text-white showArchive btnNewRecord" id="btnNewRecord"
                            href="javascript:void(0);">{!! renderIconHtml('add') !!}{{ __('Add New') }}
                        </a>
                    </div>
                    <table class="table table-bordered" id="bstable" data-unique-id="counter" table-for="newsletter_user"
                            data-toolbar="#custom_toolbar_user" data-toggle="bstable" data-show-export="false"
                            data-ajax="getNewsletterUser" data-show-button-text="true"
                            data-show-columns="true" data-show-toggle="false" data-show-columns-toggle-all="false"
                            data-side-pagination="server" data-pagination="true"
                            data-total-field="count" data-sortable="true" data-data-field="items" data-filter-control="true"
                            data-icons="icons" data-icons-prefix="bi" data-show-search-clear-button="true" data-loading-template="DataTaleLoadingTemplate" data-search-on-enter-key="true">

                        <thead>
                            <tr>
                                <th data-field="counter" data-sortable="false" title="#" data-width-unit="px">#</th>
                                <th data-field="first_name" data-sortable="false" data-filter-control="input" title="First Name" data-filter-control-placeholder="First Name">First Name</th>
                                <th data-field="last_name" data-sortable="false" data-filter-control="input" title="Last Name" data-filter-control-placeholder="Last Name">Last Name</th>
                                <th data-field="username" data-sortable="false" data-filter-control="input" title="username" data-filter-control-placeholder="Username">Username</th>
                                <th data-field="email" data-sortable="false" data-filter-control="input" title="Email" data-filter-control-placeholder="Email">Email</th>
                                <th data-field="action" data-width-unit="px">{{ __('Action') }}</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>

        <!-- End Table Section -->
        <!-- END OF CONTENT AREA -->
    </div>
    <input type="hidden" value="{{ route('admin.newsletter.getNewsletterUser',$id) }}" id="getNewsletterUser">

</section>
@endsection
@push('scripts')
<script src="{{ asset('backend/js/pages-js/newsletter-view.js') }}"></script>
@endpush