<div class="panel"> 
    <div class="panel-body">
        <form role="form" class="form-horizontal" action="<?= base_url('addCountry'); ?>" method="POST">
            <h2 class="text-center">Add Country</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"><strong>Enter Country Name</strong></span>
                            <input name="country" 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 Country Code</strong></span>
                            <input name="country_code" class="form-control" type="text" placeholder="Enter country code IND AFG etc">
                        </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>

