@extends('components.admin-layout')

@section('content')
    <div class="nk-content ">
        <div class="container-fluid">
            <div class="nk-content-inner">
                <div class="nk-content-body">
                    <div class="nk-block-head nk-block-head-sm">
                        <div class="nk-block-between">
                            <div class="nk-block-head-content">
                                <h3 class="nk-block-title page-title">{{ $title }}</h3>
                            </div><!-- .nk-block-head-content -->
                            <div class="nk-block-head-content">
                                <div class="toggle-wrap nk-block-tools-toggle">
                                    <a href="#" class="btn btn-icon btn-trigger toggle-expand mr-n1"
                                        data-target="pageMenu"><em class="icon ni ni-menu-alt-r"></em></a>
                                    <div class="toggle-expand-content" data-content="pageMenu">
                                        <ul class="nk-block-tools g-3">

                                        </ul>
                                    </div>
                                </div><!-- .toggle-wrap -->
                            </div><!-- .nk-block-head-content -->
                        </div><!-- .nk-block-between -->
                    </div><!-- .nk-block-head -->
                    <div class="nk-block">
                        <div class="card card-bordered card-stretch">
                         
                             <div class="d-flex py-3 container flex-wrap">
                                       {{-- comma seperated strings --}}
                                    @foreach ($emails as $email)
                                           <p class=" px-2" >
                                                <a id="email{{ $email->id }}">
                                                    {{ $email->email }}
                                                </a>
                                                <em class="icon ni ni-copy-fill text-primary copier" id="copy{{ $email->id}}" data-id="{{ $email->id }}"></em>
                                                <em id="check{{ $email->id}}" class="icon ni ni-check-thick text-success d-none"></em>
                                            </p>
                                    @endforeach
                             </div>
                                </div>
                                    @if ($emails->count() < 1)
                                        <div class="alert alert-light text-center fst-italic text-secondary"
                                            role="alert">
                                            <strong>No emails found!</strong>
                                        </div>
                                    @endif
                                </div><!-- .card-inner -->

                                {{-- <div class="mt-6 p-4"> {{ $users->links() }}</div> --}}

                                {{-- <div class="d-flex">
                                    <div class="mx-auto my-4"> {{ $emails->links() }}</div>
                                </div> --}}
                            </div><!-- .card-inner-group -->
                        </div><!-- .card -->
                    </div><!-- .nk-block -->
                </div>
            </div>
        </div>
    </div>
@endsection