@extends('admin.layouts.app')
@section('title', 'Category List')
@section('content')
<div class="container-full">
	<div class="content-header">
	    <div class="d-flex align-items-center">
	        <div class="mr-auto">
	            <h3 class="page-title">Category List</h3>
	            <div class="d-inline-block align-items-center">
	                <nav>
	                    <ol class="breadcrumb">
	                        <li class="breadcrumb-item">
	                        	<a href="#"><i class="mdi mdi-home-outline">Category Management</i></a>
	                        </li>
	                        <li class="breadcrumb-item active" aria-current="page">Category List</li>
	                    </ol>
	                </nav>
	            </div>
	        </div>
	    </div>
	</div>
	<section class="content">
		<div class="card">
		    <div class="card-header">
	    		<div class="col-md-6 pl-0">
	    			<h4 class="card-title">Category Lists</h4>
	    		</div>
	    		<div class="col-md-6">
	    			<form method="get" action="{{ route('category.index') }}">
		                <div class="input-group">
		                    <input type="search" class="form-control" placeholder="Search" aria-label="Search" aria-describedby="button-addon2" name="search" value="{{ Request::get('search') }}">
		                    <div class="input-group-append">
		                        <button class="btn" type="submit" id="button-addon3"><i class="ti-search"></i></button>
		                    </div>
		                </div>
		            </form>
	    		</div>
		    </div>
		</div>
		<div class="row">
			@foreach($data as $key => $value)
			<div class="col-md-12 col-lg-4">
			    <div class="card">
			        <img class="card-img-top" src="{{ $value->image != null ? asset($value->image) : asset('admin/image/no-image.jpg') }}" alt="{{ $value->title }}">
			        <div class="card-body">
			            <h4 class="card-title">{{ $value->name }}</h4>
			            @if($value->parent_id == 0)
			            <span class="badge badge-info">Parent Category</span>
			            @else
			            <span class="badge badge-info">{{ $value->parent->name }}</span>
			            @endif
			            <p class="card-text">{{ \Illuminate\Support\Str::limit(strip_tags($value->description), 90, $end='...') }}</p>
			        </div>
			        <div class="card-footer justify-content-between d-flex">
			            <ul class="list-inline mb-0 mr-2">
			                <span class="badge {{ $value->status == 0 ? 'badge-primary' : 'badge-danger'}} ">{{ $value->status == 0 ? 'Active' : 'Deactive'}}</span>
			            </ul>
			            <ul class="list-inline mb-0">
							@role('admin')
								<li><a href="{{ route('category.edit', $value->id) }}">Edit</a></li>
								<li>
									<form action="{{ route('category.destroy', $value->id) }}" method="POST">
										@csrf
										@method('DELETE')
										<button type="submit" class="delete btn btn-danger btn-sm">Delete</button>
									</form>
								</li>
							@endrole
			            </ul>
			        </div>
			    </div>
			</div>
			@endforeach
		</div>
	</section>
</div>
@endsection

@push('css')
<style></style>
@endpush

@push('js')
<script></script>
@endpush