@extends('admin.layouts.app')

@section('title', 'Cities')

@section('content')

    @include('admin.includes.alerts')

    <div class="main-card mb-3 card">
        <div class="card-body">
            <a href="{{ route('cities.create') }}" class="mb-2 mr-2 btn-icon btn-sm btn-primary text-white pull-right"><i
                    class="lnr-clock btn-icon-wrapper"> </i>Register Cities</a>

            <table style="width: 100%;" id="example" class="table table-hover table-striped table-bordered">
                <thead>
                <tr>
                    <th>Region</th>
                    <th>City</th>
                    <th>Status</th>
                    <th>Action</th>
                </tr>
                </thead>
                <tbody>
                @foreach($cities as $city)
                    <tr>
                        <td>{{$city->region}}</td>
                        <td>{{$city->city}}</td>
                        <td>
                            @if($city->status == 1)
                                <span class="mb-2 mr-2 badge badge-success">Active</span>
                            @elseif($city->status == 0)
                                <span class="mb-2 mr-2 badge badge-danger">Inactive</span>
                            @else
                                <span class="mb-2 mr-2 badge badge-dark">No Information</span>
                            @endif
                        </td>
                        <td>
                            <a href="{{ route('View Passenger', $city->id) }}" class="btn-icon btn-icon-only btn btn-alternate btn-sm"><i class="fa fa-edit btn-icon-wrapper"> </i></a>
                            <a href="{{ route('View Passenger', $city->id) }}" class="btn-icon btn-icon-only btn btn-alternate btn-sm"><i class="fa fa-trash btn-icon-wrapper"> </i></a>

                        </td>
                    </tr>
                @endforeach

                </tbody>
            </table>
        </div>
    </div>
@endsection