@extends('admin.layouts.index')

@section('content')
<ul class="nav nav-tabs">
    @can('viewAny', 'App\Models\City')
    <li class="nav-item"><a class="nav-link {{ current_tab('#cities') }}" data-toggle="tab" href="#cities">@lang('global.cities')</a></li>
    @endcan
</ul>

<div class="tab-content">
    @can('viewAny', 'App\Models\City')
    <div class="tab-pane fade {{ current_tab('#cities') }}" id="cities" role="tabpanel">
        @can('create', 'App\Models\City')
        <h4 class="card-title mb-3">
            <a href="{{ route('admin.countries.cities.create',['country' => $country->id]) }}">
                <button class="btn btn-success">
                    <i class="las la-plus-circle"></i> {{__("global.add")}}
                </button>
            </a>
        </h4>
        @endcan

        <div class="table-responsive">
            <table id="citiesTable" class="table table-striped table-bordered dt">
                <thead>
                    <tr>
                        <th>@lang("validation.attributes.title") </th>
                        <th>@lang("validation.attributes.is_active") </th>
                        <th>@lang("global.options")</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
    @endcan
</div>
@endsection