@extends('layouts.dashboard')

@section('page-title', 'Municipality')

@section('content')
    <div class="content-card">
        <div class="flex-sm">
            <h5 class="card-title">
                <i class="fas fa-cog me-2"></i> Municipality
            </h5>
            <a href="{{ route('municipality.create') }}">Create</a>
        </div>
        <table class="table">
            <thead>
                <tr>
                    <th scope="col">#</th>
                    <th scope="col">Name</th>
                    <th scope="col">URL</th>
                    <th scope="col">Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($municipalities as $key => $municipality)
                    <tr>
                        <th scope="row">{{ $key + 1 }}</th>
                        <td>{{ $municipality->name }}</td>
                        <td>{{ $municipality->api_url }}</td>
                        <td>
                            <a href="{{ route('municipality.download_content', ['municipality' => $municipality->id]) }}">Download
                                Content</a>
                            <form action="{{ route('municipality.destroy', ['municipality' => $municipality->id]) }}"
                                method="POST" style="display:inline;">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-link p-0"
                                    onclick="return confirm('Are you sure?')">Delete</button>
                            </form>
                            <a href="{{ route('municipality.edit', ['municipality' => $municipality->id]) }}">Edit</a>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endsection