@extends('admin.layout.app')
@section('content')

 <div class="d-flex justify-content-between mb-3">
    <h2>State</h2>
    <a href="{{ route('admin.state.create') }}" class="btn btn-primary">+ Add State</a>
</div>

      <table class="table table-bordered">
        <tr>
            <th>#</th>
            <th>Name</th>
            <th>Action</th>
        </tr>

    @foreach ($states as $key=>$state)
       <tr>
                <td>{{ $key + 1 }}</td>
           <td> {{ $state->name }} ({{ $state->country->name }})</td>

            <td>

            <a href="{{ route('admin.state.edit', $state->id) }}" class="btn btn-warning btn-sm">Edit</a>

            <form method="POST" action="{{ route('admin.state.destroy', $state->id) }}" style="display:inline;">
                @csrf @method('DELETE')
                <button class="btn btn-danger btn-sm">Delete</button>
            </form>
      </td>
            </tr>
        @endforeach
    </table>
@endsection