@extends("admin.admin_app")
@section("content")
</div>
<link rel="stylesheet" href="{{ URL::asset('public/admin_assets/css/new-scope.css') }}">
<style>
	.ml-20{margin-left: 20px;}
	.mr-20{margin-right: 20px;}
	.mb-20{margin-bottom: 20px;}
</style>
<div id="main">
    <div class="container-fluid">
	<div class="page-header">
		<h2>Contents > Lifestyle</h2>
	</div>
	
<ul class="nav nav-tabs">
    <li class="active"><a data-toggle="tab" href="#regions">Lifestyle</a></a></li>
</ul>
</div>
<div class="row">
    <div class="tab-content w-100 p-0 border">
        <div id="regions" class="tab-pane fade in active">
            <div class="light_gray_bg gray_bg w-100 border-bottom mb-20">
                <div class="col-sm-6">
                    <div class="btn-group pr-10" role="group" aria-label="Basic example" style=" display: flex;">
                        <a href="{{ URL::to('admin/contents/category/add') }}" class="btn btn-secondary btn_select" style="padding: 10px 11px !important;"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp;New Lifestyle</a>
   <div class="btn-group pr-10 dropdown" role="group" aria-label="Basic example" style="width: 101%;">
                        <button type="button" class="btn btn-secondary btn_select dropbtn" style="padding: 11px 10px !important;">Change Status&nbsp;<i class="fa fa-angle-down" aria-hidden="true"></i></button>
                        <div class="dropdown-content status_item">
                            <a href="javascript:void(0)" class="change_status" data-attr="2">Draft</a>
                            <a href="javascript:void(0)" class="change_status" data-attr="1">Publish</a>
                            <a href="javascript:void(0)" class="change_status" data-attr="3">Content creation</a>
                            <a href="javascript:void(0)" class="change_status" data-attr="4">SOLD / Rented</a>
                            <a href="javascript:void(0)" class="change_status" data-attr="5">Archived</a>
                            <a href="javascript:void(0)" class="change_status" data-attr="0">Unpublish</a>
                        </div>
                        <form method="get" enctype="multipart/form-data">
                   
                            <div class="pr-10">
                                <input type="text" value="{{(!empty($_GET['keyword']))? $_GET['keyword'] : ''}}" name="keyword" placeholder="Search by Project Name" class="input_small border pull-left input_bigger" style="height: 39px;" />
                                <button type="submit" class="btn color-gray go_btn pull-left btn-middle"><i class="fa fa-search" aria-hidden="true"></i></button>
                            </div>
                        </form>
                    </div>
                    
                  
                </div>
            </div>
                {{-- <div class="pull-right text-right">
                    <div class="pr-10 pull-left">
                        <button class="no-btn bold" style="padding: 8px !important;">View</button>
                    </div> --}}
                    <div class="pr-10 pull-left" style="float: right !important;">
                       
                        <div class="btn-group" role="group" aria-label="Basic example">
                            <button href="javascript:void(0)" data-toggle="modal" data-target="#overview" class="btn btn-secondary btn_select btn-middle">Overview&nbsp;<i class="fa fa-angle-down" aria-hidden="true"></i></button>
                        </div>
                        <div class="modal fade" id="overview" tabindex="-1" role="dialog" aria-labelledby="overview" aria-hidden="true">
                            <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                {!! Form::open(array('role'=>'form','enctype' => 'multipart/form-data')) !!}
                                    {{ csrf_field() }}
                                    <div class="modal-header">
                                        <h5 class="modal-title pull-left">Show / Hide Column in Listing</h5>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                        <div class="clearfix"></div>
                                    </div>
                                    <div class="modal-body">
                                        <div class="col-sm-12 p-0 text-left">