first commit
This commit is contained in:
167
resources/views/pages/email/compose.blade.php
Executable file
167
resources/views/pages/email/compose.blade.php
Executable file
@ -0,0 +1,167 @@
|
||||
@extends('layout.master')
|
||||
|
||||
@push('plugin-styles')
|
||||
<link href="{{ asset('assets/plugins/select2/select2.min.css') }}" rel="stylesheet" />
|
||||
<link href="{{ asset('assets/plugins/easymde/easymde.min.css') }}" rel="stylesheet" />
|
||||
@endpush
|
||||
|
||||
@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="aside-content">
|
||||
<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">
|
||||
<a class="nav-link d-flex align-items-center" href="{{ url('/email/inbox') }}">
|
||||
<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 active">
|
||||
<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>
|
||||
<div class="col-lg-9">
|
||||
<div>
|
||||
<div class="d-flex align-items-center p-3 border-bottom tx-16">
|
||||
<span data-feather="edit" class="icon-md me-2"></span>
|
||||
New message
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-3 pb-0">
|
||||
<div class="to">
|
||||
<div class="row mb-3">
|
||||
<label class="col-md-2 col-form-label">To:</label>
|
||||
<div class="col-md-10">
|
||||
<select class="compose-multiple-select form-select" multiple="multiple">
|
||||
<option value="AL">Alabama</option>
|
||||
<option value="WY">Wyoming</option>
|
||||
<option value="AM">America</option>
|
||||
<option value="CA">Canada</option>
|
||||
<option value="RU">Russia</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="to cc">
|
||||
<div class="row mb-3">
|
||||
<label class="col-md-2 col-form-label">Cc</label>
|
||||
<div class="col-md-10">
|
||||
<select class="compose-multiple-select form-select" multiple="multiple">
|
||||
<option value="Alabama">Alabama</option>
|
||||
<option value="Alaska" selected="selected">Alaska</option>
|
||||
<option value="Melbourne">Melbourne</option>
|
||||
<option value="Victoria" selected="selected">Victoria</option>
|
||||
<option value="Newyork">Newyork</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="subject">
|
||||
<div class="row mb-3">
|
||||
<label class="col-md-2 col-form-label">Subject</label>
|
||||
<div class="col-md-10">
|
||||
<input class="form-control" type="text">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="px-3">
|
||||
<div class="col-md-12">
|
||||
<div class="mb-3">
|
||||
<label class="form-label visually-hidden" for="easyMdeEditor">Descriptions </label>
|
||||
<textarea class="form-control" name="easymde" id="easyMdeEditor" rows="5"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="col-md-12">
|
||||
<button class="btn btn-primary me-1 mb-1" type="submit"> Send</button>
|
||||
<button class="btn btn-secondary me-1 mb-1" type="button"> Cancel</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@push('plugin-scripts')
|
||||
<script src="{{ asset('assets/plugins/select2/select2.min.js') }}"></script>
|
||||
<script src="{{ asset('assets/plugins/easymde/easymde.min.js') }}"></script>
|
||||
@endpush
|
||||
|
||||
@push('custom-scripts')
|
||||
<script src="{{ asset('assets/js/email.js') }}"></script>
|
||||
@endpush
|
||||
347
resources/views/pages/email/inbox.blade.php
Executable file
347
resources/views/pages/email/inbox.blade.php
Executable file
@ -0,0 +1,347 @@
|
||||
@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
|
||||
147
resources/views/pages/email/read.blade.php
Executable file
147
resources/views/pages/email/read.blade.php
Executable file
@ -0,0 +1,147 @@
|
||||
@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="aside-content">
|
||||
<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="{{ url('/email/inbox') }}">
|
||||
<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 active">
|
||||
<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>
|
||||
<div class="col-lg-9">
|
||||
<div class="d-flex align-items-center justify-content-between p-3 border-bottom tx-16">
|
||||
<div class="d-flex align-items-center">
|
||||
<i data-feather="star" class="text-primary icon-lg me-2"></i>
|
||||
<span>New Project</span>
|
||||
</div>
|
||||
<div>
|
||||
<a class="me-2" type="button" data-bs-toggle="tooltip" data-bs-title="Forward"><i data-feather="share" class="text-muted icon-lg"></i></a>
|
||||
<a class="me-2" type="button" data-bs-toggle="tooltip" data-bs-title="Print"><i data-feather="printer" class="text-muted icon-lg"></i></a>
|
||||
<a type="button" data-bs-toggle="tooltip" data-bs-title="Delete"><i data-feather="trash" class="text-muted icon-lg"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center justify-content-between flex-wrap px-3 py-2 border-bottom">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="me-2">
|
||||
<img src="{{ url('https://via.placeholder.com/36x36') }}" alt="Avatar" class="rounded-circle img-xs">
|
||||
</div>
|
||||
<div class="d-flex align-items-center">
|
||||
<a href="#" class="text-body">John Doe</a>
|
||||
<span class="mx-2 text-muted">to</span>
|
||||
<a href="#" class="text-body me-2">me</a>
|
||||
<div class="actions dropdown">
|
||||
<a href="#" data-bs-toggle="dropdown"><i data-feather="chevron-down" class="icon-lg text-muted"></i></a>
|
||||
<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>
|
||||
</div>
|
||||
<div class="tx-13 text-muted mt-2 mt-sm-0">Nov 20, 11:20</div>
|
||||
</div>
|
||||
<div class="p-4 border-bottom">
|
||||
<p>Hello,</p>
|
||||
<br>
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
|
||||
<br>
|
||||
<p>Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna.</p>
|
||||
<br>
|
||||
<p><strong>Regards</strong>,<br> John Doe</p>
|
||||
</div>
|
||||
<div class="p-3">
|
||||
<div class="mb-3">Attachments <span>(3 files, 12,44 KB)</span></div>
|
||||
<ul class="nav flex-column">
|
||||
<li class="nav-item"><a href="javascript:;" class="nav-link text-body"><span data-feather="file" class="icon-lg text-muted"></span> Reference.zip <span class="text-muted tx-11">(5.10 MB)</span></a></li>
|
||||
<li class="nav-item"><a href="javascript:;" class="nav-link text-body"><span data-feather="file" class="icon-lg text-muted"></span> Instructions.zip <span class="text-muted tx-11">(3.15 MB)</span></a></li>
|
||||
<li class="nav-item"><a href="javascript:;" class="nav-link text-body"><span data-feather="file" class="icon-lg text-muted"></span> Team-list.pdf <span class="text-muted tx-11">(4.5 MB)</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
Reference in New Issue
Block a user