@extends("admin.admin_app")
@section("content")
<style>
.btn-middle{padding: 10px 15px 10px 15px; border-radius: 0px; background: #cccccc38; font-size: 12px; color: #000; border: 1px solid #ccc;}
	.dataTables_length{margin-top: -30px;}
	.pr-20{padding-right: 20px;}
</style>

<div id="main">
	<div class="page-header">
		@if(has_permission('content_create'))
		<div class="pull-right">
			<a href="{{URL::to('admin/category/addcategory')}}" class="btn btn-primary">Add Category <i class="fa fa-plus"></i></a>
		</div>
		@endif
		<h2>Category</h2>
	</div>
	@if(Session::has('flash_message'))
				    <div class="alert alert-success">
				    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span></button>
				        {{ Session::get('flash_message') }}
				    </div>
	@endif
     
<div class="panel panel-default panel-shadow">
    <div class="panel-body">
	<div class="light_gray_bg gray_bg w-100">
						<div class="pr-10 pull-right d-flex">
							<form method="get" enctype="multipart/form-data">
								<div class="pr-10 pull-left">
									<input type="text" value="{{(!empty($_GET['keyword']))? $_GET['keyword'] : ''}}" name="keyword" placeholder="Search by Name" class="input_small border pull-left input_bigger" style="height: 38px; padding: 10px; font-size: 14px;" />
									<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 class="clearfix pt-20 pb-20"></div>
        <table id="data-table" class="table table-striped table-hover dt-responsive" cellspacing="0" width="100%">
            <thead>
	            <tr>	                
	                <th>Name</th>
	                 
	                <th class="text-center width-100">Action</th>
	            </tr>
            </thead>

            <tbody>
            @if(has_permission('content_read'))
            @foreach($allcategory as $i => $type)
         	   <tr>		
                <td>{{ $type->category_name }}</td>
				<td valign="center" class="pr-15 text-center">
					@if(has_permission('content_delete'))
						<a href="{{ url('admin/category/delete/'.$type->id) }}" class="bg-none p-0 del_confirm text-decoration-none"><span class="text-start pr-20">
							<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.49988 4.99984H3.16654M3.16654 4.99984H16.4999M3.16654 4.99984V16.6665C3.16654 17.1085 3.34214 17.5325 3.6547 17.845C3.96726 18.1576 4.39118 18.3332 4.83321 18.3332H13.1665C13.6086 18.3332 14.0325 18.1576 14.3451 17.845C14.6576 17.5325 14.8332 17.1085 14.8332 16.6665V4.99984H3.16654ZM5.66654 4.99984V3.33317C5.66654 2.89114 5.84214 2.46722 6.1547 2.15466C6.46726 1.8421 6.89118 1.6665 7.33321 1.6665H10.6665C11.1086 1.6665 11.5325 1.8421 11.8451 2.15466C12.1576 2.46722 12.3332 2.89114 12.3332 3.33317V4.99984M7.33321 9.1665V14.1665M10.6665 9.1665V14.1665" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>	</svg>
						</span></a>
					@endif
						@if(has_permission('content_update'))
							<span class="text-end f-right"><a href="{{ url('admin/category/addcategory/'.$type->id) }}" class="link"><svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 13.9999H14.75M11.375 1.62493C11.6734 1.32656 12.078 1.15894 12.5 1.15894C12.7089 1.15894 12.9158 1.20009 13.1088 1.28004C13.3019 1.36 13.4773 1.47719 13.625 1.62493C13.7727 1.77266 13.8899 1.94805 13.9699 2.14108C14.0498 2.33411 14.091 2.54099 14.091 2.74993C14.091 2.95886 14.0498 3.16574 13.9699 3.35877C13.8899 3.5518 13.7727 3.72719 13.625 3.87493L4.25 13.2499L1.25 13.9999L2 10.9999L11.375 1.62493Z" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></span>
                        @endif
					</td>
            </tr>
           @endforeach
            @else
           <td colspan="2" align="center">
               <em>Permission denide</em>
           </td>
                
            </tr>
            @endif  
            </tbody>
        </table>
    </div>
    <div class="clearfix"></div>
</div>

</div>



@endsection