@extends('layouts.master')
@section('title',__('States'))
@section('breadcum')
	<div class="breadcrumbbar">
        <div class="row align-items-center">
            <div class="col-md-8 col-lg-8">
                <h4 class="page-title">{{ __('States') }}</h4>
                <div class="breadcrumb-list">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ url('/') }}">{{ __('Home') }}</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard.index') }}">{{ __('Dashboard') }}</a></li>
                        <li class="breadcrumb-item active" aria-current="page">
                        	{{ __('States') }}
                        </li>
                    </ol>
                </div>
            </div>
        </div>          
    </div>
@endsection
@section('maincontent')
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">{{ __('Choose country to get states') }}</h5>
                </div> 

                <div class="card-body">
                     <div class="searchbar">
                        <form method="GET" action="{{ route('search.country') }}" class="form" novalidate="">
                            
                            <div class="form-group">
                                <div class="input-group">
                               
                                    <input value="{{ old('country') }}" required="" name="country" autofocus="" type="search" class="@error('country') is-invalid @enderror form-control countrySearch" placeholder="Search" aria-label="Search" aria-describedby="button-addonSearch">

                                    @error('country')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror                                            
                                </div>
                            </div>

                            <div class="form-group">
                                <button class="btn btn-lg btn-primary"> <i class="feather icon-search"></i> {{ __('Search') }}</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
<script>
    var autocompleteurl = @json(route('autocomplete.state'));
</script>
<script src="{{ url("js/theme.js") }}"></script>
@endsection