<?php $__env->startSection('content_header'); ?>
    <h1>Office</h1>
<?php $__env->stopSection(); ?>
<script src="//code.jquery.com/jquery.js"></script>
<?php $__env->startSection('content'); ?>
<?php echo notifyCss(); ?>
 <?php echo notifyJs(); ?>
 
    <?php if($errors->any()): ?>
        <div class="alert alert-danger">
            <ul>
                 <?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <li><?php echo e($error); ?></li>
                  <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </ul>
        </div>
    <?php endif; ?>

    <?php if(session('status')): ?>
        <div class="alert alert-success">
            <?php echo e(session('status')); ?>

        </div>
    <?php endif; ?>
  <?php echo $__env->make('notify::messages', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
  <div class="row">
            <!--row starts-->

            <div class="col-md-12">
               
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                           Office
                        </h3>
                </div>

                <div class="panel-body">
                        <form class="form-horizontal" action="<?php echo e(url('officepost')); ?>" method="post" id="office" onsubmit="return validation();">

                            <!-- CSRF Token -->
                             <input type="hidden" name="_token" value="<?php echo e(csrf_token()); ?>">
                                <!-- Name input-->
                              
                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="name">Office Name<span style="color: red;">*</span></label>
                                    <div class="col-md-9">
                                        <input id="officename" name="officename" type="text" placeholder="Enter the office name" class="form-control" maxlength="100"></div>
                                </div>
                                    
                                <!-- Message body -->
                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="addr">Address1<span style="color: red;">*</span></label>
                                    <div class="col-md-9">
                                        <input id="addr1" name="addr1" placeholder="Please enter your address here..." class="form-control" maxlength='100'>
                                    </div>
                                </div>

                                <!-- Message body -->
                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="addr">Address2<span style="color: red;">*</span></label>
                                    <div class="col-md-9">
                                        <input id="addr2" name="addr2" placeholder="Please enter your address here..." class="form-control" maxlength='100'>
                                    </div>
                                </div>

                               
                                <!-- Email input-->
                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="email">State<span style="color: red;">*</span></label>
                                    <div class="col-md-9">
                                      <select name="state" id="state" class="form-control">
                                        <option value="0">Select One</option>
                                         <?php $__currentLoopData = $states; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $state): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <option value="<?php echo e($state->id); ?>"><?php echo e($state->state_name); ?></option>

                                       <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
  

                                      </select>
                                      </div>
                                </div>

                                
                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="email">District<span style="color: red;">*</span></label>
                                    <div class="col-md-9">
                                      <select name="district" id="district" class="form-control">
                                        <option value="0">Select One</option>
                                       <?php $__currentLoopData = $districts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $district): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                       	<option value="<?php echo e($district->id); ?>"><?php echo e($district->district_name); ?></option>

                                       <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                                      </select>
                                      </div>
                                </div>
                                
                                 <div class="form-group">
                                    <label class="col-md-3 control-label" for="name">City<span style="color: red;">*</span></label>
                                    <div class="col-md-9">
                                        <input id="city" name="city" type="text" placeholder="Enter your city..." class="form-control"></div>
                                </div>
                                
                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="name">Pincode<span style="color: red;">*</span></label>
                                    <div class="col-md-9">
                                        <input id="pincode" name="pincode" type="text" placeholder="Enter the pincode" maxlength="6" minlength="6" class="form-control" onkeypress="return isNumber(event)" onchange="ValidateNo(this,'Pincode');"></div>
                                </div>
                                <!-- Form actions -->
                                <div class="form-position">
                                    <div class="col-md-12 text-right">
                                        <button type="submit" class="btn btn-responsive btn-primary btn-sm" id="btn">Submit</button>
                                    </div>
                                </div>
                        </form>
                    </div>
                </div>       

            </div>
            <!--md-12 ends-->
        </div>


<table class="table table-bordered" id="office_table">
        <thead>
            <tr>
                <th>Id</th>
                <th>Office Name</th>
                <th>Address1</th>
                <th>City</th>
                <th>District</th>
                <th>State</th>
                <th>Pincode</th>
                <th>Updated At</th>
                <th>Actions</th>
            </tr>
        </thead>
    </table>



<script>
$(function() {

    $('#office_table').DataTable({
        processing: true,
        serverSide: true,
        ajax: '<?php echo url('officepostdata'); ?>',
        columns: [
            { data: 'id', name: 'id' },
            { data: 'office_name', name: 'office_name' },
            { data: 'address1', name: 'address1' },
            { data: 'city', name: 'city' },
            { data: 'district', name: 'district' },
            { data: 'state', name: 'state' },
            { data: 'pincode', name: 'pincode' },
            { data: 'updated_at', name: 'updated_at' },
            { data: 'action', name: 'action' }
        ]
    });
});
</script>

<script>
/////////validate integer fields///////////////////////////
function isNumber(evt) 
{
  evt = (evt) ? evt : window.event;
  var charCode = (evt.which) ? evt.which : evt.keyCode;
  if (charCode > 31 && (charCode < 48 || charCode > 57)) 
  {
    //alert("Please enter only Numbers.");
    return false;
  }

  return true;
}
/////////////validate no/////////////////////////////
function ValidateNo(fieldNo,field) 
{
    
    //////////////pincode//////////////////////////
    if(fieldNo.name == 'pincode')
    {
        if (fieldNo.value.length < 6 || fieldNo.value.length > 6) 
        {
            alert(field+" No. is not valid, Please Enter 6 Digit "+field+" No.");
            return false;
        }

    }
    return true;
}


function validation()
    {
        if(document.getElementById('officename').value=="")
        {
            alert(" Please Enter the Office Name");
            document.getElementById('officename').focus();
            return false;
        }

        if(document.getElementById('addr1').value=="")
        {
            alert(" Please Enter the Address");
            document.getElementById('addr1').focus();
            return false;
        }

        if(document.getElementById('addr2').value=="")
        {
            alert(" Please Enter the Address");
            document.getElementById('addr2').focus();
            return false;
        }

        
        if(document.getElementById('state').value=="0")
        {
            alert(" Please select State");
            document.getElementById('state').focus();
            return false;
        }
        if(document.getElementById('district').value=="0")
        {
            alert(" Please select District");
            document.getElementById('district').focus();
            return false;
        }
        if(document.getElementById('city').value=="")
        {
            alert(" Please Enter the City");
            document.getElementById('city').focus();
            return false;
        }
         if(document.getElementById('pincode').value=="")
        {
            alert(" Please Enter the pincode");
            document.getElementById('pincode').focus();
            return false;
        }

        document.getElementById("btn").disabled='true';
                      
        return true;
    }
</script>

			

<?php $__env->stopSection(); ?>

<?php echo $__env->make('adminlte::page', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>