@extends('layouts.app')
@php $categories = get_categories(['type'=>'category']) @endphp
@php $category_ids = array_column(change_object_to_array($categories) , 'id' )  @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 {{ $name }}</h4>
                    <p class="card-title-desc"></p>

                    <form class="needs-validation" novalidate action="{{ route('save.dropdowns') }}" method="POST">
                    	
                    	<div class="hidden-fields">
                    		@csrf
                    		<input type="hidden" name="type" value="{{ $type }}">
                    	</div>
                    	<div class="row alignCenter">
                    		<div class="col-md-4 add-content noMargin">
                    			@php echo get_item_delete_icon() @endphp
	                            <div>
	                            	<select class="form-control" name="name[]" required />
	                            		<option value="">Select {{ $name }}</option>	
	                            		@foreach( $categories as $index => $values )
	                                		<option  value="{{ $values->id }}">{{ $values->name }}</option>
	                                	@endforeach	
	                                </select>	
	                                <span class="invalid-feedback" role="alert">
	                                    <strong>{{ $name }} is required</strong>
	                                </span>
	                            </div>                    			
                    		</div>	
                    		<div class="col-md-4">
                    			<button type="submit" class="btn btn-primary waves-effect waves-light custombtn">Submit</button>
	                            <button type="reset" class="btn btn-secondary waves-effect">Cancel</button>
                    		</div>
                    	</div>
						
						@if (session('success'))
						    <div class="alert alert-success">{{ session('success') }}</div>
						@elseif (session('error'))   
							<div class="alert alert-danger">{{ session('error') }}</div>
						@endif
                    </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>Name</th>
			                        <th>Action</th>
			                    </tr>
			                </thead>

			                <tbody>
			                    @if( $list )
			                        @foreach( $list as $index => $values )
			                            <tr>
			                                <td>{{ $values->id }}</td>
			                                <td>{{ $values->interest }}</td>
											<td>
			                                   {{ get_edit_button( url('dropdowns/edit/'.$type.'/'.$values->id),$values->id,'black text-primary' , 'Edit') }}
			                                   {{ get_delete_button(url('dropdowns/delete/'.$type.'/'.$values->id),$values->id,'black text-danger deleteRecord','Delete')}}
			                                </td>			                                
			                            </tr>
			                        @endforeach
			                    @endif
			                    </tbody>
			            </table>                    	
                    </div>	

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