@extends('layouts.dashboard_app')

@section('title')
                home | sinet
@endsection

@section('dashboard_style')
                <!-- DataTables -->
                        <link href="{{ asset('dashboard_asset') }}/plugins/datatables/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
                        <link href="{{ asset('dashboard_asset') }}/plugins/datatables/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />
                        <!-- Responsive datatable examples -->
                        <link href="{{ asset('dashboard_asset') }}/plugins/datatables/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
@endsection

@section('dashboard_content')
  <!-- Page-Title -->
                <div class="row">
                    <div class="col-sm-12">
                        <div class="page-title-box">
                            <div class="btn-group pull-right">
                                <ol class="breadcrumb hide-phone p-0 m-0">
                                    <li class="breadcrumb-item"><a href="#">Highdmin</a></li>
                                    <li class="breadcrumb-item"><a href="#">Extra Pages</a></li>
                                    <li class="breadcrumb-item active">Starter</li>
                                </ol>
                            </div>
                            <h4 class="page-title">Starter</h4>

                        </div>
                    </div>
                </div>
                <!-- end page title end breadcrumb -->





                <div class="row">
                 <div class="col-12">
                  <div class="card-box table-responsive">
                    <h4 class="m-t-0 header-title">Dashboard <li>{{ $total_user }}</li></h4>
                     <p class="text-muted font-14 m-b-30">
                      The Buttons extension for DataTables provides a common set of options, API methods and styling to display buttons on a page that will interact with a DataTable. The core library provides the based framework upon which plug-ins can built.
                     </p>
                     <a href="{!! route('SendNewsletter') !!}" type="button" class="btn btn-icon waves-effect waves-light btn-warning ml-2 mb-2"> <i class="mdi mdi-delete-forever"> Send Mail</i> </a>
                       @if (session('status'))
                <div class="alert alert-success" role="alert">
                {{ session('status') }}
                </div>
                       @endif

                                <table id="datatable-buttons" class="table table-striped table-bordered" cellspacing="0" width="100%">
                                <thead>
                                <tr>
                                <th >SL. NO</th>
                                <th >Id</th>
                                <th >Name</th>
                                <th >Email address</th>
                                <th >Created At</th>
                                </tr>
                                </thead>


                <tbody>
                @foreach ($users as $user)
                <tr>
                                <td>{{ $loop->index + 1 }}</td>
                                <td>{{ $user->id }}</td>
                                <td>{{ $user->name }}</td>
                                <td>{{ $user->email }}</td>
                                <td>
                                <li>Date-> {{ $user->created_at->format('d-m-Y') }}</li>
                                <li>Time-> {{ $user->created_at->timezone('asia/dhaka')->format('h:i A') }}</li>
                                <li>Time-> {{ $user->created_at->diffForHumans() }}</li>
                                </td>
                </tr>
                @endforeach
                </tbody>
                                </table>
                                </div>
                 </div>
                </div>
                                <!-- end row -->






@endsection

@section('dashboard_plugin')
                <!-- Required datatable js -->
                        <script src="{{ asset('dashboard_asset') }}/plugins/datatables/jquery.dataTables.min.js"></script>
                        <script src="{{ asset('dashboard_asset') }}/plugins/datatables/dataTables.bootstrap4.min.js"></script>
                        <!-- Buttons examples -->
                        <script src="{{ asset('dashboard_asset') }}/plugins/datatables/dataTables.buttons.min.js"></script>
                        <script src="{{ asset('dashboard_asset') }}/plugins/datatables/buttons.bootstrap4.min.js"></script>
                        <script src="{{ asset('dashboard_asset') }}/plugins/datatables/jszip.min.js"></script>
                        <script src="{{ asset('dashboard_asset') }}/plugins/datatables/pdfmake.min.js"></script>
                        <script src="{{ asset('dashboard_asset') }}/plugins/datatables/vfs_fonts.js"></script>
                        <script src="{{ asset('dashboard_asset') }}/plugins/datatables/buttons.html5.min.js"></script>
                        <script src="{{ asset('dashboard_asset') }}/plugins/datatables/buttons.print.min.js"></script>
@endsection

@section('dashboard_script')
                <script type="text/javascript">
                            $(document).ready(function() {



                                //Buttons examples
                                var table = $('#datatable-buttons').DataTable({
                                    lengthChange: false,
                                    buttons: ['copy', 'excel', 'pdf']
                                });


                                table.buttons().container()
                                        .appendTo('#datatable-buttons_wrapper .col-md-6:eq(0)');
                            } );

                        </script>
@endsection