<form class="row g-3 auto-width states" action="{{ route('states.store')}}" method="post" enctype='multipart/form-data'>
    @csrf
    <!--name -->
    <div class="col-md-12">
        <label class="form-label">State Name <span class="text-danger"><b>*</b></span></label>
        <input type="text" class="form-control" id="validationCustomTitle" name="name" aria-describedby="inputGroupPrepend" required placeholder="Enter State Name">
        @if ($errors->has('name'))
        <span class="text-danger">{{ $errors->first('name') }}</span>
        @endif
        <span class="text-danger error_name" style="display: none;">This field is required.</span>
    </div>
    <!--Country -->
    <div class="col-md-12">
        <div>
            <label for="country_id" class="form-label">Countries <span class="text-danger"><b>*</b></span></label>
        </div>
        <div class="input-group">
            <select class="form-control" name="country_id">
                @foreach($country as $list)
                <option value="{{ $list->id }}">{{ $list->name }}</option>
                @endforeach
            </select>
        </div>
        <span class="text-danger error_country_id" style="display: none;">This field is required.</span>
    </div>
</form>
