@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 {{ $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">
                    		<div class="col-md-3 add-content">
                    			@php echo get_item_delete_icon() @endphp
								<label class="form-label">{{ $name }}</label>
	                            <div>
	                                <input type="text" class="form-control" name="name[]" required placeholder="Enter {{ $name }}" />
	                                <span class="invalid-feedback" role="alert">
	                                    <strong>{{ $name }} is required</strong>
	                                </span>
	                            </div>                    			
                    		</div>	
                    		<div class="addLast"></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

                        <div class="d-flex flex-wrap gap-2">
                        	<button type="button" class="btn btn-success custombtn" onclick="addMoreContent(this,'add-content','addLast')">
                    				Add
                   			</button>	
                            <button type="submit" class="btn btn-primary waves-effect waves-light">
                                Submit
                            </button>
                            <button type="reset" class="btn btn-secondary waves-effect">
                                Cancel
                            </button>
                        </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>Name</th>
			                        <th>Action</th>
			                    </tr>
			                </thead>

			                <tbody>
			                    @if( $list )
			                        @foreach( $list as $index => $values )
			                            <tr>
			                                <td>{{ $values->id }}</td>
			                                <td>{{ $values->name }}</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