@extends('layouts.app')
@section('title', 'Email Marketing | Analytics')
@section('extrastyles')
    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.2.0/css/all.css" >
    <link href="{{ asset('/plugins/datepicker/datepicker3.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="{{ asset('/plugins/dataTables/datatables.min.css') }}" >
@endsection

@section('content')

<section class="table-with-pagination">
    <div class="extra-widget">
        <div class="extra-widget-heading">
            <h3>Email Marketing Analytics - Last 10 Emails</h3>
        </div>
        <div class="extra-widget-body">
            <div class="ibox-content">
                <div class="ibox">
                    <div class="ibox-content">
                        <table class="footable alt-table" data-page-size="8" id="table_id">
                            <thead>
                            <tr>
                                <th>Subject</th>
                                <th>Sent</th>
                                <th data-hide="phone,tablet">Opens</th>
                                <th data-hide="phone,tablet">Clicked</th>
                                <th data-hide="phone,tablet">Bounces</th>
                                <th data-hide="phone,tablet">Date</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr class="gradeX">
                                <td><a href="#">(direct) / (none)</a></td>
                                <td class="center">297</td>
                                <td class="center">2.08</td>
                                <td class="center">00:00:47</td>
                                <td class="center">49.58%</td>
                                <td class="center">13.85%</td>
                            </tr>
                            <tr class="gradeX">
                                <td><a href="#">(direct) / (none)</a></td>
                                <td class="center">297</td>
                                <td class="center">2.08</td>
                                <td class="center">00:00:47</td>
                                <td class="center">49.58%</td>
                                <td class="center">13.85%</td>
                            </tr>
                            <tr class="gradeX">
                                <td><a href="#">(direct) / (none)</a></td>
                                <td class="center">297</td>
                                <td class="center">2.08</td>
                                <td class="center">00:00:47</td>
                                <td class="center">49.58%</td>
                                <td class="center">13.85%</td>
                            </tr>
                            <tr class="gradeX">
                                <td><a href="#">google / organic</a></td>
                                <td class="center">297</td>
                                <td class="center">2.08</td>
                                <td class="center">00:00:47</td>
                                <td class="center">49.58%</td>
                                <td class="center">13.85%</td>
                            </tr>
                            <tr class="gradeX">
                                <td><a href="#">l.facebook.com / referral</a></td>
                                <td class="center">297</td>
                                <td class="center">2.08</td>
                                <td class="center">00:00:47</td>
                                <td class="center">49.58%</td>
                                <td class="center">13.85%</td>
                            </tr>
                            <tr class="gradeX">
                                <td><a href="#">m.facebook.com / referral</a></td>
                                <td class="center">297</td>
                                <td class="center">2.08</td>
                                <td class="center">00:00:47</td>
                                <td class="center">49.58%</td>
                                <td class="center">13.85%</td>
                            </tr>
                            </tbody>
                        </table>
                        <div class="pagi">
                            <ul class="pagination float-right"></ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection
@section('footer')
    <script src="{{ asset('/plugins/dataTables/datatables.min.js') }}"></script>
    <script src="{{ asset('/plugins/dataTables/dataTables.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('/plugins/datepicker/bootstrap-datepicker.js') }}"></script>
@endsection