@extends('layout.main')
@section('contenido')
@if(Session::has('mensaje'))
    <div class="alert alert-success alert-dismissible fade show mb-2 mt-2" role="alert">
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        <strong>Ok. </strong>{{Session::get('mensaje')}}
    </div>
@endif
<div class="card mb-2 mt-2">
    <div class="card-header">
        <div class="navbar">
            <div class="col-md-4">
                <h4>Lista de Ciudades</h4>
            </div>
            <div class="col-md-4">
                <form class="d-flex" role="search">
                    <input name="texto" autocomplete="off" class="form-control me-2" type="search" placeholder="Buscar" aria-label="Buscar" value="{{$texto}}">
                    <button class="btn btn-secondary me-2" type="submit" title="Buscar"><i class="fas fa-search"></i></button>
                        <a href="{{ url('/ciudad/create') }}" class="btn btn-primary btn" title="Nuevo"><i class="fas fa-plus"></i></a>
                </form>
            </div>
        </div>
    </div>
    <div class="card-body">
        <table class="table table-light table-condensed table-striped table-sm">
            <thead class="thead-light">
                {{-- <th><div align="center">ID</div></th>     --}}
                <th>Descripción</th>
                <th width="5%">Estado</th>
                <th><div align="center">Acciones</div></th>
            </thead>
            <tbody>
                @foreach($ciudades as $ciudad)
                <tr>
                    {{-- <td width=10% align="center">{{$ciudad->idciudad}}</td> --}}
                    <td>{!!$ciudad->nombre!!}</td>
                    <td>{!!$ciudad->estado!!}</td>
                    <td width=8% align="center">
                        <a href="{!!url('/ciudad/'.$ciudad->idciudad.'/edit')!!}" class="btn btn-warning btn-sm">
                            <i class="fas fa-pen fa-lg" title="Editar" style="cursor: pointer"></i>
                        </a>  
                        {{--<form action="{{route('ciudad.destroy',$ciudad->idciudad)}}" method="POST">
                            @csrf
                            @method('DELETE')
                            <input type="submit" class="btn btn-danger btn-sm" value="Borrar" onclick="return confirm('Quieres borrar?')">
                        </form>--}}
                    </td>   
                </tr>
                @endforeach
            </tbody>
        </table> 
        {!! $ciudades->links() !!}
  </div>
</div>
@endsection