@extends('layouts.admin')

@section('title' , 'Cities List')

@section('breadcrumb-item')
    <li class="breadcrumb-item active">Cities List</li>
@endsection

@section('content')
    <div class="card">
        <div class="card-header bg-theme">
            <p class="h5 pt-2 mb-0 float-left"><i class="fa fa-list pr-1"></i>Cities List</p>
            <a href="{{route('admin.city.create')}}" data-toggle="tooltip" data-placement="bottom"
               title="Add New Record" class="btn btn-info float-right ml-2">
                <i class="fa fa-plus"></i>
            </a>
            <form action="{{route('admin.cities')}}" method="get" class="form-inline float-right">
                <div class="form-group">
                    <div class="input-group">
                        <input class="form-control" type="text" name="q" value="{{ request()->query('q') }}"  placeholder="Search in Cities">
                        <div class="input-group-append">
                            <button class="btn btn-success" type="submit" ><i class="fa fa-search"></i></button>
                        </div>
                        <div class="input-group-append">
                            <a class="btn btn-danger{{ request()->query('q') ? '' : ' disabled' }}" href="{{route('admin.cities')}}" >
                                <i class="fa fa-eraser"></i></a>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <div class="card-body">
            <table class="table table-hover">
                <thead>
                <tr>
                    <th>#</th>
                    <th>Name</th>
                    <th>Action</th>
                </tr>
                </thead>
                <tbody>
                @forelse($cities as $city)
                <tr>
                    <td>{{ $loop->iteration }}</td>
                    <td>{{$city->name}}</td>
                    <td>
                        <div class="btn-group">
                            <a href="{{ route('admin.city.show', ['id' => $city->id]) }}"
                               data-toggle="tooltip" title="View"
                               class="btn btn-sm btn-outline-primary"><i class="fa fa-eye"></i></a>
                            <a href="{{route('admin.city.edit', ['id' => $city->id])}}"
                               data-toggle="tooltip" title="Edit"
                               class="btn btn-sm btn-outline-success"><i class="fa fa-pencil"></i></a>
                            @include('includes.modals.delete', ['model' => 'city', 'route' => 'admin.city.delete'])
                        </div>
                    </td>
                </tr>
                @empty
                    <tr>
                        <th colspan="7" class="text-center">No Cities Yet</th>
                    </tr>
                @endforelse
                </tbody>
            </table>
        </div>
        <div class="pagination justify-content-center mb-4">
            {{ $cities->appends(['q' => request()->query('q')])->links() }}
        </div>
    </div>
@endsection