@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="{{ route('state.create')}}" class="btn btn-primary">New State</a>
    </div> 
				
					  <div>
    <h3>  State </h3>
    </div>
               
                <div class="table-responsive">
                  <table id="dataTableExample" class="table">
                    <thead>
                      <tr>
                        <th>Country</th>
                        <th>State</th>
                        
                      </tr>
                    </thead>
                    <tbody>
                   
                  
                 
                  @foreach($state as $state)
                    <tr>
                      <td>  {{$country[$state->country_id]}}   </td>
					  <td>  {{$state->name}}</td>
					  
                       <td><a href="{{ route('state.edit',$state->id)}}" class="btn btn-primary">Edit</a>
						 <!--<a class="btn btn-danger" onclick="return confirm('Are you sure?')" href="{{ route('state.destroy',$state->id) }}">Delete</a>-->
					   
					   </td>
                    </tr>
                   @endforeach 
					  
					  
					  
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
					</div>
				

@endsection