MIF_E31212289/resources/views/pages/features-post.blade.php

365 lines
22 KiB
PHP

@extends('layouts.app')
@section('title', 'Posts')
@push('style')
<!-- CSS Libraries -->
<link rel="stylesheet"
href="{{ asset('library/selectric/public/selectric.css') }}">
@endpush
@section('main')
<div class="main-content">
<section class="section">
<div class="section-header">
<h1>Posts</h1>
<div class="section-header-button">
<a href="features-post-create.html"
class="btn btn-primary">Add New</a>
</div>
<div class="section-header-breadcrumb">
<div class="breadcrumb-item active"><a href="#">Dashboard</a></div>
<div class="breadcrumb-item"><a href="#">Posts</a></div>
<div class="breadcrumb-item">All Posts</div>
</div>
</div>
<div class="section-body">
<h2 class="section-title">Posts</h2>
<p class="section-lead">
You can manage all posts, such as editing, deleting and more.
</p>
<div class="row">
<div class="col-12">
<div class="card mb-0">
<div class="card-body">
<ul class="nav nav-pills">
<li class="nav-item">
<a class="nav-link active"
href="#">All <span class="badge badge-white">5</span></a>
</li>
<li class="nav-item">
<a class="nav-link"
href="#">Draft <span class="badge badge-primary">1</span></a>
</li>
<li class="nav-item">
<a class="nav-link"
href="#">Pending <span class="badge badge-primary">1</span></a>
</li>
<li class="nav-item">
<a class="nav-link"
href="#">Trash <span class="badge badge-primary">0</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row mt-4">
<div class="col-12">
<div class="card">
<div class="card-header">
<h4>All Posts</h4>
</div>
<div class="card-body">
<div class="float-left">
<select class="form-control selectric">
<option>Action For Selected</option>
<option>Move to Draft</option>
<option>Move to Pending</option>
<option>Delete Pemanently</option>
</select>
</div>
<div class="float-right">
<form>
<div class="input-group">
<input type="text"
class="form-control"
placeholder="Search">
<div class="input-group-append">
<button class="btn btn-primary"><i class="fas fa-search"></i></button>
</div>
</div>
</form>
</div>
<div class="clearfix mb-3"></div>
<div class="table-responsive">
<table class="table-striped table">
<tr>
<th class="pt-2 text-center">
<div class="custom-checkbox custom-checkbox-table custom-control">
<input type="checkbox"
data-checkboxes="mygroup"
data-checkbox-role="dad"
class="custom-control-input"
id="checkbox-all">
<label for="checkbox-all"
class="custom-control-label">&nbsp;</label>
</div>
</th>
<th>Title</th>
<th>Category</th>
<th>Author</th>
<th>Created At</th>
<th>Status</th>
</tr>
<tr>
<td>
<div class="custom-checkbox custom-control">
<input type="checkbox"
data-checkboxes="mygroup"
class="custom-control-input"
id="checkbox-2">
<label for="checkbox-2"
class="custom-control-label">&nbsp;</label>
</div>
</td>
<td>Laravel 5 Tutorial: Introduction
<div class="table-links">
<a href="#">View</a>
<div class="bullet"></div>
<a href="#">Edit</a>
<div class="bullet"></div>
<a href="#"
class="text-danger">Trash</a>
</div>
</td>
<td>
<a href="#">Web Developer</a>,
<a href="#">Tutorial</a>
</td>
<td>
<a href="#">
<img alt="image"
src="{{ asset('img/avatar/avatar-5.png') }}"
class="rounded-circle"
width="35"
data-toggle="title"
title="">
<div class="d-inline-block ml-1">Rizal Fakhri</div>
</a>
</td>
<td>2018-01-20</td>
<td>
<div class="badge badge-primary">Published</div>
</td>
</tr>
<tr>
<td>
<div class="custom-checkbox custom-control">
<input type="checkbox"
data-checkboxes="mygroup"
class="custom-control-input"
id="checkbox-3">
<label for="checkbox-3"
class="custom-control-label">&nbsp;</label>
</div>
</td>
<td>Laravel 5 Tutorial: Installing
<div class="table-links">
<a href="#">View</a>
<div class="bullet"></div>
<a href="#">Edit</a>
<div class="bullet"></div>
<a href="#"
class="text-danger">Trash</a>
</div>
</td>
<td>
<a href="#">Web Developer</a>,
<a href="#">Tutorial</a>
</td>
<td>
<a href="#">
<img alt="image"
src="{{ asset('img/avatar/avatar-5.png') }}"
class="rounded-circle"
width="35"
data-toggle="title"
title="">
<div class="d-inline-block ml-1">Rizal Fakhri</div>
</a>
</td>
<td>2018-01-20</td>
<td>
<div class="badge badge-primary">Published</div>
</td>
</tr>
<tr>
<td>
<div class="custom-checkbox custom-control">
<input type="checkbox"
data-checkboxes="mygroup"
class="custom-control-input"
id="checkbox-4">
<label for="checkbox-4"
class="custom-control-label">&nbsp;</label>
</div>
</td>
<td>Laravel 5 Tutorial: MVC
<div class="table-links">
<a href="#">View</a>
<div class="bullet"></div>
<a href="#">Edit</a>
<div class="bullet"></div>
<a href="#"
class="text-danger">Trash</a>
</div>
</td>
<td>
<a href="#">Web Developer</a>,
<a href="#">Tutorial</a>
</td>
<td>
<a href="#">
<img alt="image"
src="{{ asset('img/avatar/avatar-5.png') }}"
class="rounded-circle"
width="35"
data-toggle="title"
title="">
<div class="d-inline-block ml-1">Rizal Fakhri</div>
</a>
</td>
<td>2018-01-20</td>
<td>
<div class="badge badge-primary">Published</div>
</td>
</tr>
<tr>
<td>
<div class="custom-checkbox custom-control">
<input type="checkbox"
data-checkboxes="mygroup"
class="custom-control-input"
id="checkbox-5">
<label for="checkbox-5"
class="custom-control-label">&nbsp;</label>
</div>
</td>
<td>Laravel 5 Tutorial: CRUD
<div class="table-links">
<a href="#">View</a>
<div class="bullet"></div>
<a href="#">Edit</a>
<div class="bullet"></div>
<a href="#"
class="text-danger">Trash</a>
</div>
</td>
<td>
<a href="#">Web Developer</a>,
<a href="#">Tutorial</a>
</td>
<td>
<a href="#">
<img alt="image"
src="{{ asset('img/avatar/avatar-5.png') }}"
class="rounded-circle"
width="35"
data-toggle="title"
title="">
<div class="d-inline-block ml-1">Rizal Fakhri</div>
</a>
</td>
<td>2018-01-20</td>
<td>
<div class="badge badge-danger">Draft</div>
</td>
</tr>
<tr>
<td>
<div class="custom-checkbox custom-control">
<input type="checkbox"
data-checkboxes="mygroup"
class="custom-control-input"
id="checkbox-1">
<label for="checkbox-1"
class="custom-control-label">&nbsp;</label>
</div>
</td>
<td>Laravel 5 Tutorial: Deployment
<div class="table-links">
<a href="#">View</a>
<div class="bullet"></div>
<a href="#">Edit</a>
<div class="bullet"></div>
<a href="#"
class="text-danger">Trash</a>
</div>
</td>
<td>
<a href="#">Web Developer</a>,
<a href="#">Tutorial</a>
</td>
<td>
<a href="#">
<img alt="image"
src="{{ asset('img/avatar/avatar-5.png') }}"
class="rounded-circle"
width="35"
data-toggle="title"
title="">
<div class="d-inline-block ml-1">Rizal Fakhri</div>
</a>
</td>
<td>2018-01-20</td>
<td>
<div class="badge badge-warning">Pending</div>
</td>
</tr>
</table>
</div>
<div class="float-right">
<nav>
<ul class="pagination">
<li class="page-item disabled">
<a class="page-link"
href="#"
aria-label="Previous">
<span aria-hidden="true">&laquo;</span>
<span class="sr-only">Previous</span>
</a>
</li>
<li class="page-item active">
<a class="page-link"
href="#">1</a>
</li>
<li class="page-item">
<a class="page-link"
href="#">2</a>
</li>
<li class="page-item">
<a class="page-link"
href="#">3</a>
</li>
<li class="page-item">
<a class="page-link"
href="#"
aria-label="Next">
<span aria-hidden="true">&raquo;</span>
<span class="sr-only">Next</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
@endsection
@push('scripts')
<!-- JS Libraies -->
<script src="{{ asset('library/selectric/public/jquery.selectric.min.js') }}"></script>
<!-- Page Specific JS File -->
<script src="{{ asset('js/page/features-posts.js') }}"></script>
@endpush