@extends('layouts.admin.app')
@section('content')
    <div class="content-wrapper">
        <section class="content-header bg-white form-group p-3 p-md-4">
            <div class="row">
                <div class="col text-center text-sm-left mb-3 mb-sm-0">
                    <h3 class="text-primary text-md text-uppercase"><img
                            src="{{ asset('images/icon_small_images/banner_small.png') }}" class="heading-desk align-middle"
                            alt="">Cities</h3>
                </div>
                <div class="col-md-3">
                    <a class="btn btn-primary text-uppercase px-4 py-2 font-weight-bold"
                        href="{{ route('admin.city.create') }}" title="Click to Add New"><i class="fa fa-plus mr-1"
                            aria-hidden="true"></i>&nbsp;Add New
                    </a>
                </div>
            </div>
            <div class="clearfix"></div>
        </section>

        <section class="content-header bg-white form-group p-3 p-md-4">
            <div class="row">
                <div class="col-md-4 mb-3">
                    <form action="#">
                        <div class="form-group d-flex search-radius border rounded mb-0">
                            <button type="button" class="btn btn-primary border-0"><i class="fa fa-search mr-0"
                                    data-unicode="f002"></i></button>
                            <input type="text" id="searchCity" class="form-control border-0" placeholder="Search..."
                                value="">
                        </div>
                    </form>
                </div>
                <div class="col-md-3">
                </div>
                <div class="col-md-2">
                </div>
            </div>
        </section>

        <section class="content">
            @include('common.message')
            <div class="row">
                <div class="col-lg-12">
                    <div class="box bg-white table-section p-3 p-md-4 shadow">
                        <div class="box-body">
                            <div class="table-responsive">
                                <table id="cityTable" class="table table-striped table-bordered table-main" width="100%">
                                    <thead>
                                        <th>Id</th>
                                        <th class="action-60">Sr No.</th>
                                        <th>City Name</th>
                                        <th>State Name</th>
                                        
                                        <th class="action-60">Action</th>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@section('admin-js')
    <script type="text/javascript" src="{{ asset('js/adminjs/area.js') }}"></script>
@endsection
@endsection