@extends('admin.layouts.layout')
@section('title', $pagePayload->title)

@section('content')
	<div class="row wrapper border-bottom white-bg page-heading">
		<div class="col-lg-10">
			<h2>{{ $pagePayload->title }}</h2>
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
				<li class="breadcrumb-item active"><strong>Lista</strong></li>
			</ol>
		</div>
		<div class="col-lg-2 col-md-2 col-sm-2" style="padding-top: 30px; text-align: right">
			<a href="{{ route('admin.blog.create') }}"><button class="btn btn-primary"><i class="fa fa-plus"></i> Novo</button></a>
		</div>
	</div>

	<div class="wrapper wrapper-content animated fadeInRight">
		<div class="ibox float-e-margins">
			<div class="ibox-content">
				<div class="tabs-container">
					<ul class="nav nav-tabs" role="tablist">
						<li><a class="nav-link active" data-toggle="tab" href="#tab-active">Ativos</a></li>
						<li><a class="nav-link" data-toggle="tab" href="#tab-inactive">Inativo</a></li>
					</ul>

					<div class="tab-content">
						<div class="tab-pane active" role="tabpanel" id="tab-active">
							<div class="panel-body">
								<div class="col-lg-12 animated fadeInLeft">
									@include('admin.components.dataTablesJs', ['dataTable' => $pagePayload->dataTable->active, 'key' => 'active'])
								</div>
							</div>
						</div>

						<div class="tab-pane" role="tabpanel" id="tab-inactive">
							<div class="panel-body">
								<div class="col-lg-12 animated fadeInLeft">
									@include('admin.components.dataTablesJs', ['dataTable' => $pagePayload->dataTable->inactive, 'key' => 'inactive'])
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
	</div>
@endsection
