<div class="panel"> 
    <div class="panel-body">
        <form role="form" class="form-horizontal" action="<?= base_url('addState'); ?>" method="POST">
            <h2 class="text-center">Add State</h2>  
            <hr class="colorgraph">
            <div class="row">
                <div class="col-md-6 col-md-push-3">
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon"><i aria-hidden="true"></i><strong>Select Country</strong></span>
                            <select name="country_code" required class="form-control">
                                <option value="0" disabled="true" selected="true"> Select Country</option>
                                <?php for($i=0;$i<count($country);$i++){?>
                                    <option value=<?= $country[$i]['country_id']?>> <?= $country[$i]['country_name']?></option>
                               <?php }?>
                            </select>
                            <span class="input-group-addon"><i class="fa fa-level-down" aria-hidden="true"></i></span>
                        </div>                    
                    </div> 
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 col-md-push-3">
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon"><strong>Enter State Name</strong></span>
                            <input name="state" class="form-control" type="text" placeholder="Enyer Country Name">
                        </div>                    
                    </div>
                </div>
            </div>           
            <div class="row">
                <div class="col-md-6 col-md-push-3">
                    <div class="form-group"> 
                        <div class="input-group">
                            <span class="input-group-addon"><strong>Enter State Code</strong></span>
                            <input name="state_code" class="form-control" type="text" placeholder="Enter state code">
                        </div>                    
                    </div> 
                </div>
            </div>
           <hr class="colorgraph">
            <div class="row">
                <div class="col-xs-8 col-md-4 col-md-offset-4 col-xs-offset-2"><input type="submit" value="ADD" class="btn btn-primary btn-lg btn-block"></div>            
            </div>
        </form>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function (){
    $('#login-id').change(function (){
        $('#user-id-valid').css('display','block');
    });
});
</script>

