@extends('layouts.app')

@section('content')
    <section>
        <div class="section-body">
            <div class="card" style="border-radius: 25px;">
                <div class="card-header">
                    <div class="row">
                        <div class="col-12">
                            <h1 class="font-weight-bold text-uppercase text-center" style="font-weight:800; padding:15px 0px;">Welcome to dashboard</h1>
                        </div>
                    </div>
                </div>
                <hr>
                <div class="row">
					<div class="col-md-3 col-sm-6">
						<div class="card" style="margin-left:15px;">
							<div class="card-body no-padding">
								<div class="alert alert-callout alert-info no-margin">
                                    <strong class="pull-right text-primary text-lg"><i class="md md-email" style="font-size: 40px;"></i></strong>
									<strong class="text-xl">{{$email_count}}</strong><br/>
									<span class="opacity-50">Emails Sent</span>
									<div class="stick-bottom-left-right">
										<div class="height-2 sparkline-revenue" data-line-color="#bdc1c1"></div>
									</div>
								</div>
							</div>
						</div>
				    </div>
                </div>
                <div class="card-body bg-default">
                    <div class="row">
                        <div class="col-12">
                            <h2 class="text-center">Recent Emails</h2>
                        </div>
                    </div>
                    <div class="row table table-responsive">
                        <table class="table table-bordered table-hover">
                            <thead>
                                <tr>
                                    <th>SNo.</th>
                                    <th>To</th>
                                    <th>CC</th>
                                    <th>BCC</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($emails as $key => $email)
                                    <tr>
                                        <th>{{++$key}}</th>
                                        <td>{{$email->to}}</td>
                                        <td>{{$email->cc}}</td>
                                        <td>{{$email->bcc}}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

        </div>
    </section>
@endsection