@extends('admin.layouts.master')
@section('title','Cities')
@section('maincontent')
@include('admin.layouts.topbar',$data)
<div class="contentbar">                
    <!-- Start row -->
    <div class="row">
		<div class="col-lg-12">
            <div class="card dashboard-card m-b-30">
                <div class="card-header">
                    <h5 class="box-title">{{ __('Cities')}}</h5>
					<div>
						<div class="widgetbar">
							@can('locations.city.create')
							<a href="{{url('admin/city/create')}}" class="btn btn-primary-rgba" title="{{ __('Add City') }}"><i class="feather icon-plus mr-2"></i>{{ __("Add City")}}</a>
							<button type="button" class="btn btn-primary-rgba" data-toggle="modal" data-target="#exampleStandardModal" title="{{ __('Add City') }}">
							  <i class="feather icon-plus mr-2"></i>{{ __("Add City Manual")}}
							</button>
							@endcan
							</div>                        
					  </div>
                </div>
                <div class="card-body">
                 
                    <div class="table-responsive">
                        <table id="datatable-buttons" class="table table-striped table-bordered">
                            <thead>
                            <tr>
							
	                            <th>#</th>
								<th>{{ __('City') }}</th>
								<th>{{ __('State') }}</th>
								<th>{{ __('Country') }}</th>
								<th>{{ __('Delete') }}</th>
                            </tr>
                            </thead>

                            <tbody>
							 

		                	@foreach ($cities as $city)

			                <tr>
			                  				                  	<td> 1</td>
			                  	<td>{{ $city->name }}</td>
			                  	<td>@if(isset($city->state)) {{ $city->state->name }} @endif</td>
			                  	<td>@if(isset($city->country)) {{ $city->country->nicename }} @endif</td>
                               

                              	<td>
                                	<a href="page-product-detail.html" class="btn btn-danger-rgba"  data-toggle="modal" data-target=".bd-example-modal-sm"><i class="feather icon-delete"></i></a>
                                
                                	<div class="modal fade bd-example-modal-sm" tabindex="-1" role="dialog" aria-hidden="true">
                                    <div class="modal-dialog modal-sm">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title" id="exampleSmallModalLabel">{{ __('Delete') }}</h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close" title="{{ __('Close') }}">
                                                <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div class="modal-body">
                                                <p class="text-muted">{{ __("Do you really want to delete these records? This process cannot be undone.")}}</p>
                                            </div>
                                            <div class="modal-footer">
												<form  method="post" action="{{url('admin/city/'.$city->id)}}" data-parsley-validate class="form-horizontal form-label-left">
													{{ csrf_field() }}
													{{ method_field('DELETE') }}
                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __("Close")}}</button>
                                                <button type="submit" class="btn btn-primary" title="{{ __('Delete') }}"> {{ __("Delete")}}</button>
                                            </form>
                                            </div>
                                        </div>
                                    </div>
                                	</div>
                            	</td>
                            </tr>
							@endforeach
						  
						  
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
		<!-- End col -->
	</div>
<!-- End row -->
</div>        
              
<!--Model for add city -->
<div class="modal fade" id="exampleStandardModal" tabindex="-1" role="dialog" aria-labelledby="exampleStandardModalLabel" aria-hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleStandardModalLabel">{{ __("Add City")}}</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close" title="{{ __('Close') }}">
				<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
				<form id="demo-form2" method="post" action="{{route('city.manual')}}" data-parsley-validate class="form-horizontal form-label-left">
					{{ csrf_field() }}
	  
					  <div class="row">
						<div class="col-md-12">
							<label for="exampleInputDetails">{{ __('Choose State') }} :<sup class="redstar">*</sup></label>
							<select class="select2-single form-control" name="state_id">
								<option>{{ __('Choose State') }}:</option>
		  
								@foreach ($states as $state)
								<option value="{{ $state->state_id }}">{{ $state->name }}</option>
							  @endforeach
							</select>
						</div>
						</div>
						<br>
						<div class="row">
							<div class="col-md-12">
							<label for="exampleInputDetails"> {{ __('City') }}:<sup class="redstar">*</sup></label>
							<input type="text" name="name" class="form-control" placeholder="{{ __('Enter City') }}">
						  </div>
						</div>
		
						<br>
						<div class="form-group">
							<button type="reset" class="btn btn-danger mr-1" title="{{ __('Reset') }}"><i class="fa fa-ban"></i> {{ __("Reset")}}</button>
							<button type="submit" class="btn btn-primary" title="{{ __('Create') }}"><i class="fa fa-check-circle"></i>
							{{ __("Create")}}</button>
						</div>

					  </form>
				</div>
			   
			</div>
		</div>
	</div>
@endsection