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

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

        @foreach ($subCities as $key => $subCity)
            <tr>
                <td>{{ $key + 1 }}</td>
                <td>
                    {{ $subCity->name }}
                    ({{ collect([$subCity->city->name ?? null, $subCity->city->state->name ?? null])->filter()->implode(', ') }})
                </td>
                <td>
                    <a href="{{ route('admin.sub-city.edit', $subCity->id) }}" class="btn btn-warning btn-sm">Edit</a>

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