@extends('admin.layout.app')
@section('content')
    <div class="d-flex justify-content-between mb-3">
        <h2>City</h2>
        <a href="{{ route('admin.city.create') }}" class="btn btn-primary">+ Add City</a>
    </div>


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

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

                <td>

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

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