@extends('admin.layout.default')


@section('content')
    <div class="row">
        <div class="col-lg-12 margin-tb">
            <div class="float-left">
                <h2>Listagem</h2>
            </div>
            <div class="float-right">
                <a class="btn btn-success" href="{{ route('admin.cidades.create') }}"> Criar novo</a>
            </div>
        </div>
    </div>

    <table class="table table-bordered">
        <tr>
            <td>País</th>
            <th>Nome da cidade</th>
            <th width="280px">Ações</th>
        </tr>
        @foreach ($cidades as $cidade)
        <tr>
            <td>{{ $cidade->country->name }}</td>
            <td>{{ $cidade->name }}</td>
            <td>
                <form action="{{ route('admin.cidades.destroy',$cidade->id) }}" method="POST">


                    <!-- <a class="btn btn-info" href="{{ route('admin.cidades.show',$cidade->id) }}">Ver</a> -->
                    <a class="btn btn-primary" href="{{ route('admin.cidades.edit',$cidade->id) }}">Editar</a>


                    @csrf
                    @method('DELETE')

    
                    <!-- <button type="submit" class="btn btn-danger">Deletar</button> -->
                </form>
            </td>
        </tr>
        @endforeach
    </table>


    {!! $cidades->links() !!}


@endsection