<?php $__env->startSection('content'); ?>
      <div class="row" style="margin-left:10%;width:80%;">
        <div class="col-lg-12" >
            <h3> Add New State </h3>
            <hr>
            <div class="w-lg m-y-lg bv">
               <form id="newStateForm" role="form" style="margin-top:20px;">
                    <div class="row">
                        <div class="col-lg-3"></div>
                          <div class="col-lg-6">
                            <input id="State" type="text" name="state" style="margin-left:" class="form-control" placeholder=" State Name">
                          </div>
                        <div class="col-lg-3"></div>
                    </div>
                    <p/>
                    <div class="row">
                        <div class="col-lg-3"></div>
                          <div class="col-lg-6">                      
                            <input type="submit" value="Save" class="cg fp"> &nbsp;&nbsp;&nbsp;
                            <input type="reset" value="Cancel" class="fy cg">
                          </div>
                          <div class="col-lg-3"></div>
                    </div>

                </form>
            </div>
         </div>
      </div>
<script>

 $('#newStateForm')
        .formValidation({
            framework: 'bootstrap',
            icon: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            // This option will not ignore invisible fields which belong to inactive panels
            excluded: ':disabled',
            fields: {
                state: {
                    validators: {
                        notEmpty: {
                            message: 'The State Name is required'
                        }
                    }
                }                                                          
            }
        });
       
    function validateTab(index) {

         var fv   = $('#newStateForm').data('formValidation'), // FormValidation instance
            // The current tab
            $tab = $('#newStateForm');

        // Validate the container
        fv.validateContainer($tab);

        var isValidStep = fv.isValidContainer($tab);
        if (isValidStep === false || isValidStep === null) {
            // Do not jump to the target tab
            return false;
        }
        return true;
    }

</script>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('admin.layouts.mainview', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>