@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="">States</h3>
            </div>
            <div class="col-md-3">                      
                <a class="btn btn-primary text-uppercase px-4 py-2 font-weight-bold" href="{{ route('admin.state.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="searchState" class="form-control border-0"
                            placeholder="Search..." value="">
                    </div>
                </form>
            </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="stateTable" class="table table-striped table-bordered table-main" width="100%">
                    <thead>
                        <th class="action-60">Id</th>    
                         <th>Sr No.</th>
                        <th >State Name</th>                        
                        
                       
                        <th >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