347 lines
18 KiB
PHP
Executable File
347 lines
18 KiB
PHP
Executable File
@extends('layout.master')
|
|
|
|
@section('content')
|
|
<div class="row inbox-wrapper">
|
|
<div class="col-lg-12">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-lg-3 border-end-lg">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
<button class="navbar-toggle btn btn-icon border d-block d-lg-none" data-bs-target=".email-aside-nav" data-bs-toggle="collapse" type="button">
|
|
<span class="icon"><i data-feather="chevron-down"></i></span>
|
|
</button>
|
|
<div class="order-first">
|
|
<h4>Mail Service</h4>
|
|
<p class="text-muted">amiahburton@gmail.com</p>
|
|
</div>
|
|
</div>
|
|
<div class="d-grid my-3">
|
|
<a class="btn btn-primary" href="{{ url('/email/compose') }}">Compose Email</a>
|
|
</div>
|
|
<div class="email-aside-nav collapse">
|
|
<ul class="nav flex-column">
|
|
<li class="nav-item active">
|
|
<a class="nav-link d-flex align-items-center" href="#">
|
|
<i data-feather="inbox" class="icon-lg me-2"></i>
|
|
Inbox
|
|
<span class="badge bg-danger fw-bolder ms-auto">2
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link d-flex align-items-center" href="#">
|
|
<i data-feather="mail" class="icon-lg me-2"></i>
|
|
Sent Mail
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link d-flex align-items-center" href="#">
|
|
<i data-feather="briefcase" class="icon-lg me-2"></i>
|
|
Important
|
|
<span class="badge bg-secondary fw-bolder ms-auto">4
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link d-flex align-items-center" href="#">
|
|
<i data-feather="file" class="icon-lg me-2"></i>
|
|
Drafts
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link d-flex align-items-center" href="#">
|
|
<i data-feather="star" class="icon-lg me-2"></i>
|
|
Tags
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link d-flex align-items-center" href="#">
|
|
<i data-feather="trash" class="icon-lg me-2"></i>
|
|
Trash
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<p class="text-muted tx-12 fw-bolder text-uppercase mb-2 mt-4">Labels</p>
|
|
<ul class="nav flex-column">
|
|
<li class="nav-item">
|
|
<a class="nav-link d-flex align-items-center" href="#">
|
|
<i data-feather="tag" class="text-warning icon-lg me-2"></i>
|
|
Important
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link d-flex align-items-center" href="#">
|
|
<i data-feather="tag" class="text-primary icon-lg me-2"></i>
|
|
Business
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link d-flex align-items-center" href="#">
|
|
<i data-feather="tag" class="text-info icon-lg me-2"></i>
|
|
Inspiration
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-9">
|
|
<div class="p-3 border-bottom">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-6">
|
|
<div class="d-flex align-items-end mb-2 mb-md-0">
|
|
<i data-feather="inbox" class="text-muted me-2"></i>
|
|
<h4 class="me-1">Inbox</h4>
|
|
<span class="text-muted">(2 new messages)</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="input-group">
|
|
<input class="form-control" type="text" placeholder="Search mail...">
|
|
<button class="btn btn-light btn-icon" type="button" id="button-search-addon"><i data-feather="search"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="p-3 border-bottom d-flex align-items-center justify-content-between flex-wrap">
|
|
<div class="d-none d-md-flex align-items-center flex-wrap">
|
|
<div class="form-check me-3">
|
|
<input type="checkbox" class="form-check-input" id="inboxCheckAll">
|
|
</div>
|
|
<div class="btn-group me-2">
|
|
<button class="btn btn-outline-primary dropdown-toggle" data-bs-toggle="dropdown" type="button"> With selected <span class="caret"></span></button>
|
|
<div class="dropdown-menu" role="menu">
|
|
<a class="dropdown-item" href="#">Mark as read</a>
|
|
<a class="dropdown-item" href="#">Mark as unread</a><a class="dropdown-item" href="#">Spam</a>
|
|
<div class="dropdown-divider"></div><a class="dropdown-item text-danger" href="#">Delete</a>
|
|
</div>
|
|
</div>
|
|
<div class="btn-group me-2">
|
|
<button class="btn btn-outline-primary" type="button">Archive</button>
|
|
<button class="btn btn-outline-primary" type="button">Span</button>
|
|
<button class="btn btn-outline-primary" type="button">Delete</button>
|
|
</div>
|
|
<div class="btn-group me-2 d-none d-xl-block">
|
|
<button class="btn btn-outline-primary dropdown-toggle" data-bs-toggle="dropdown" type="button">Order by <span class="caret"></span></button>
|
|
<div class="dropdown-menu" role="menu">
|
|
<a class="dropdown-item" href="#">Date</a>
|
|
<a class="dropdown-item" href="#">From</a>
|
|
<a class="dropdown-item" href="#">Subject</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item" href="#">Size</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="d-flex align-items-center justify-content-end flex-grow-1">
|
|
<span class="me-2">1-10 of 253</span>
|
|
<div class="btn-group">
|
|
<button class="btn btn-outline-secondary btn-icon" type="button"><i data-feather="chevron-left"></i></button>
|
|
<button class="btn btn-outline-secondary btn-icon" type="button"><i data-feather="chevron-right"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="email-list">
|
|
|
|
<!-- email list item -->
|
|
<div class="email-list-item email-list-item--unread">
|
|
<div class="email-list-actions">
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input">
|
|
</div>
|
|
<a class="favorite" href="javascript:;"><span><i data-feather="star"></i></span></a>
|
|
</div>
|
|
<a href="{{ url('/email/read') }}" class="email-list-detail">
|
|
<div class="content">
|
|
<span class="from">Cedric Kelly</span>
|
|
<p class="msg">Urgent - You forgot your keys in the class room, please come imediatly! Urgent - You forgot your keys in the class room, please come imediatly! Urgent - You forgot your keys in the class room, please come imediatly! Urgent - You forgot your keys in the class room, please come imediatly! Urgent - You forgot your keys in the class room, please come imediatly!</p>
|
|
</div>
|
|
<span class="date">
|
|
08 Jan
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- email list item -->
|
|
<div class="email-list-item email-list-item--unread">
|
|
<div class="email-list-actions">
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input">
|
|
</div>
|
|
<a class="favorite" href="javascript:;"><span><i data-feather="star"></i></span></a>
|
|
</div>
|
|
<a href="{{ url('/email/read') }}" class="email-list-detail">
|
|
<div class="content">
|
|
<span class="from">Haley Kennedy</span>
|
|
<p class="msg">In the criminal justice system, the people are represented by two separate yet equally important groups. The police who investigate crime and the district attorneys who prosecute the offenders. These are their stories.</p>
|
|
</div>
|
|
<span class="date">
|
|
<span class="icon"><i data-feather="paperclip"></i> </span>
|
|
12 Jan
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- email list item -->
|
|
<div class="email-list-item">
|
|
<div class="email-list-actions">
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input">
|
|
</div>
|
|
<a class="favorite" href="javascript:;"><span><i data-feather="star"></i></span></a>
|
|
</div>
|
|
<a href="{{ url('/email/read') }}" class="email-list-detail">
|
|
<div class="content">
|
|
<span class="from">Bradley Greer</span>
|
|
<p class="msg">The world looks mighty good to me, cause Tootsie Rolls are all I see. Whatever it is I think I see, becomes a Tootsie Roll to me! Tootsie Roll how I love your chocolatey chew, Tootsie Roll I think I'm in love with you. Whatever it is I think I see, becomes a Tootsie Roll to me!</p>
|
|
</div>
|
|
<span class="date">
|
|
<span class="icon"><i data-feather="paperclip"></i> </span>
|
|
14 Jan
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- email list item -->
|
|
<div class="email-list-item">
|
|
<div class="email-list-actions">
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input">
|
|
</div>
|
|
<a class="favorite" href="#"><span><i data-feather="star" class="text-warning"></i></span></a>
|
|
</div>
|
|
<a href="{{ url('/email/read') }}" class="email-list-detail">
|
|
<div class="content">
|
|
<span class="from">Brenden Wagner</span>
|
|
<p class="msg">I am Duncan Macleod, born 400 years ago in the Highlands of Scotland. I am Immortal, and I am not alone. For centuries, we have waited for the time of the Gathering when the stroke of a sword and the fall of a head will release the power of the Quickening. In the end, there can be only one.</p>
|
|
</div>
|
|
<span class="date">
|
|
<span class="icon"><i data-feather="paperclip"></i> </span>
|
|
28 Jan
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- email list item -->
|
|
<div class="email-list-item">
|
|
<div class="email-list-actions">
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input">
|
|
</div>
|
|
<a class="favorite" href="javascript:;"><span><i data-feather="star"></i></span></a>
|
|
</div>
|
|
<a href="{{ url('/email/read') }}" class="email-list-detail">
|
|
<div class="content">
|
|
<span class="from">Bruno Nash</span>
|
|
<p class="msg">You unlock this door with the key of imagination. Beyond it is another dimension: a dimension of sound, a dimension of sight, a dimension of mind. You're moving into a land of both shadow and substance, of things and ideas; you've just crossed over into the Twilight Zone.</p>
|
|
</div>
|
|
<span class="date">
|
|
05 Feb
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- email list item -->
|
|
<div class="email-list-item">
|
|
<div class="email-list-actions">
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input">
|
|
</div>
|
|
<a class="favorite" href="javascript:;"><span><i data-feather="star"></i></span></a>
|
|
</div>
|
|
<a href="{{ url('/email/read') }}" class="email-list-detail">
|
|
<div class="content">
|
|
<span class="from">Sonya Frost</span>
|
|
<p class="msg">Gathered together from the cosmic reaches of the universe, here in this great Hall of Justice, are the most powerful forces of good ever assembled: Superman! Batman and Robin! Wonder Woman! Aquaman! And The Wonder Twins: Zan and Jayna, with their space monkey, Gleek! Dedicated to prove justice and peace for all mankind!</p>
|
|
</div>
|
|
<span class="date">
|
|
13 Feb
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- email list item -->
|
|
<div class="email-list-item">
|
|
<div class="email-list-actions">
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input">
|
|
</div>
|
|
<a class="favorite" href="#"><span><i data-feather="star" class="text-warning"></i></span></a>
|
|
</div>
|
|
<a href="{{ url('/email/read') }}" class="email-list-detail">
|
|
<div class="content">
|
|
<span class="from">Cedric Kelly</span>
|
|
<p class="msg">Sometimes the world looks perfect, nothing to rearrange. Sometimes you just, get a feeling like you need some kind of change. No matter what the odds are this time, nothing's going to stand in my way. This flame in my heart, and a long lost friend gives every dark street a light at the end. Standing tall, on the wings of my dream. Rise and fall, on the wings of my dream. The rain and thunder, the wind and haze. I'm bound for better days. It's my life and my dream, nothing's going to stop me now.</p>
|
|
</div>
|
|
<span class="date">
|
|
<span class="icon"><i data-feather="paperclip"></i> </span>
|
|
18 Feb
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- email list item -->
|
|
<div class="email-list-item">
|
|
<div class="email-list-actions">
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input">
|
|
</div>
|
|
<a class="favorite" href="#"><span><i data-feather="star" class="text-warning"></i></span></a>
|
|
</div>
|
|
<a href="{{ url('/email/read') }}" class="email-list-detail">
|
|
<div class="content">
|
|
<span class="from">Haley Kennedy</span>
|
|
<p class="msg">Once in every lifetime, comes a love like this. Oh I need you, you need me, oh my darling can't you see. Young Ones. Darling we're the Young Ones. Young Ones. Shouldn't be afraid. To live, love, there's a song to be sung. Cause we may not be the Young Ones very long.</p>
|
|
</div>
|
|
<span class="date">
|
|
22 Feb
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- email list item -->
|
|
<div class="email-list-item">
|
|
<div class="email-list-actions">
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input">
|
|
</div>
|
|
<a class="favorite" href="javascript:;"><span><i data-feather="star"></i></span></a>
|
|
</div>
|
|
<a href="{{ url('/email/read') }}" class="email-list-detail">
|
|
<div class="content">
|
|
<span class="from">Bradley Greer</span>
|
|
<p class="msg">Enter at your peril, past the vaulted door. Impossible things will happen that the world's never seen before. In Dexter's laboratory lives the smartest boy you've ever seen, but Dee Dee blows his experiments to Smithereens! There's gloom and doom when things go boom in Dexter's lab!</p>
|
|
</div>
|
|
<span class="date">
|
|
<span class="icon"><i data-feather="paperclip"></i> </span>
|
|
01 Mar
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- email list item -->
|
|
<div class="email-list-item">
|
|
<div class="email-list-actions">
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input">
|
|
</div>
|
|
<a class="favorite" href="javascript:;"><span><i data-feather="star"></i></span></a>
|
|
</div>
|
|
<a href="{{ url('/email/read') }}" class="email-list-detail">
|
|
<div class="content">
|
|
<span class="from">Brenden Wagner</span>
|
|
<p class="msg">Hot dogs, Armour hot dogs. What kind of kids eat Armour hot dogs? Fat kids, skinny kids, kids who climb on rocks. Tough kids, sissy kids, even kids with chicken pox love hot dogs, Armour hot dogs... The dogs kids love to bite!</p>
|
|
</div>
|
|
<span class="date">
|
|
<span class="icon"><i data-feather="paperclip"></i> </span>
|
|
07 Mar
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection |