@extends('layouts.app')
@php $users = get_users(['user_role'=>2]) @endphp
@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-xl-12">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">Add Category</h4>
                    <p class="card-title-desc"></p>

                    <form id="submit-form" novalidate action="{{ route('category.store') }}" method="POST">
                    	
                    	<div class="hidden-fields">@csrf</div>
                    	
                    	<div class="row add-content align-items-end">
                    		<div class="col-md-4">
								<label class="form-label">Category <sup class="red">*</sup></label>
	                            <div>
	                                <input type="text" class="form-control" name="name" value="{{$category->name ?? ''}}" required />
	                                <span class="invalid-feedback" role="alert">
	                                    <strong>Category is required</strong>
	                                </span>
	                            </div>                    			
                    		</div>	
                    		<div class="col-md-4">
								<label class="form-label">Image <sup class="red">*</sup></label>
	                            <div><input type="file" class="form-control" name="image" /></div>                    			
                    		</div>	
                    		<input type="hidden" name="id" value="{{ request()->get('id') ?? 0 }}">
							<div class="col-md-4">
								<button type="submit" class="btn btn-primary waves-effect waves-light" id="submit-btn">Submit</button>
							</div>                    		
                    	</div>
                    </form>

                    <div class="row mgt10">

				        <div class="col-md-12">
				            @if (session('delete_success'))
				                <div class="alert alert-success">{{ session('delete_success') }}</div>
				            @elseif (session('delete_error'))   
				                <div class="alert alert-danger">{{ session('delete_error') }}</div>
				            @endif        
				        </div>   
				                            	
			            <table class="datatable table table-bordered dt-responsive nowrap w-100">
			                <thead>
			                    <tr>
			                        <th>ID</th>
			                        <th>Image</th>
			                        <th>Name</th>
			                        <th>Action</th>
			                    </tr>
			                </thead>

			                <tbody>
			                    @if( $list )
			                        @foreach( $list as $index => $values )
			                            <tr>
			                                <td>{{ $values->id }}</td>
			                                <td>
			                                	@if( !empty($values->image) )
			                                		<img src="{{ asset($values->image) }}" width="50" height="50">
			                                	@endif	
			                                </td>
			                                <td>{{ $values->name }}</td>
											<td>
			                                   {{ get_edit_button( route('category.index',['id'=>$values->id]) ,$values->id,'black text-primary' , 'Edit') }}

			                                   {{ get_delete_button(route('category.destroy',$values->id),$values->id,'black text-danger deleteRecord','Delete')}}
			                                   
			                                </td>			                                
			                            </tr>
			                        @endforeach
			                    @endif
			                    </tbody>
			            </table>                    	
                    </div>	

                </div>
            </div>
        </div> <!-- end col -->
    </div> 
</div>
@endsection