@extends('theme.default')
@section('content')

			<div class="col-md-12 grid-margin stretch-card">
            <div class="card">
              <div class="card-body">
                
				 @if(session()->get('success'))
				<div class="alert alert-success">
				  {{ session()->get('success') }}  
				</div>
			  @endif

						  
			  
			  <div>
    <a style="margin: 19px;" href="{{ url('country-state-city')}}" class="btn btn-primary">New City</a>
    </div> 
				
					  <div>
    <h3>  City </h3>
    </div>
               
                <div class="table-responsive">
                  <table id="dataTableExample" class="table">
                    <thead>
                      <tr>
                        <th>Country</th>
                        <th>State</th>
                         <th>City</th>
						   <th></th>
                      </tr>
                    </thead>
                    <tbody>
                   
                  
                 
                  @foreach($city as $city)
                    <tr>
					
                      <td> {{ $country[$city->countryid]   }}    </td>
					  
					  
					  <td> {{ $state[ $city->state_id]   }}      </td>
					   <td>  {{$city->name}}</td>
                       <td><a href="{{ route('city.edit',$city->id)}}" class="btn btn-primary">Edit</a>
						 <a class="btn btn-danger" onclick="return confirm('Are you sure?')" href="{{ route('city.destroy',$city->id) }}">Delete</a>
					   
					   </td>
                    </tr>
                   @endforeach 
					  
					  
					  
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
					</div>
				

@endsection