<?php $__env->startSection('content_header'); ?>
    <h1>Permission Assigned To Seat</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">
                           Permission Assigned To Seat
                        </h3>
                </div>

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

                            <!-- CSRF Token -->
                             <input type="hidden" name="_token" value="<?php echo e(csrf_token()); ?>">
                            
                             
                             <div class="form-group">
                                    <label class="col-md-3 control-label" for="email">Office Name<span style="color: red;">*</span></label>
                                    <div class="col-md-9">
                                      <select name="officename" id="officename" class="form-control">
                                        <option value="0">Select One</option>
                                                      <?php $__currentLoopData = $officenames; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $officename): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <option value="<?php echo e($officename->id); ?>"><?php echo e($officename->office_name); ?></option>

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

                                      </select>
                                      </div>
                                </div>
                               <!--dept name-->
                                  <div class="form-group">
                                    <label class="col-md-3 control-label" for="email">Department Name<span style="color: red;">*</span></label>
                                    <div class="col-md-9">
                                      <select name="deptname" id="deptname" class="form-control">
                                        <option value="0">Select One</option>
                                       
                                      </select>
                                      </div>
                                </div>
                                <!--dept name-->

                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="email">Section Name<span style="color: red;">*</span></label>
                                    <div class="col-md-9">
                                      <select name="secname" id="secname" class="form-control">
                                        <option value="0">Select One</option>
                                       

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

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

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

                                      </select>
                                      </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">Save</button>
                                    </div>
                                </div>
                        </form>
                    </div>
                </div>
               



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


<table class="table table-bordered" id="seat_permission_table">
        <thead>
            <tr>
                <th>Id</th>
                <th>Office Name</th>
                <th>Department Name</th>
                <th>Section Name</th>
                <th>Seat</th>
                <th>Permission</th>
                <th>Updated At</th>
                <th>Actions</th>
            </tr>
        </thead>
    </table>



<script>
$(function() {

    $('#seat_permission_table').DataTable({
        processing: true,
        serverSide: true,
        ajax: '<?php echo url('seat_permissionpostdata'); ?>',
        columns: [
            { data: 'id', name: 'id' },
            { data: 'office_name', name: 'office_name' },
            { data: 'dept_name', name: 'dept_name' },
            { data: 'section_name', name: 'section_name' },
            { data: 'seat_name', name: 'seat_name' },
            { data: 'permission', name: 'permission' },
            { data: 'updated_at', name: 'updated_at' },
            { data: 'action', name: 'action' }
        ],
        initComplete: function () {
            this.api().columns([1,2,3]).every( function () {
                var column = this;
                var select = $('<select><option value="">Select</option></select>')
                    .appendTo( $(column.header()))
                    .on( 'change', function () {
                        var val = $.fn.dataTable.util.escapeRegex(
                            $(this).val()
                        );

                        column
                            .search( val ? val : '', true, false )
                            .draw();
                    } );

                column.data().unique().sort().each( function ( d, j ) 
                {
                    select.append( '<option value="'+d+'">'+d+'</option>' )
                } );
            } );
        }
    });
});


$(document).ready(function($){
   
    $('#officename').change(function(){
      
        $.get("<?php echo e(url('getdepartment')); ?>",
        { option: $(this).val() },
        function(data) {
            
            $('#deptname').empty();
            $('#deptname').append("<option value='0'>Select a department</option>");
            $.each(data, function(key, element) {
                $('#deptname').append("<option value='" + key +"'>" + element + "</option>");
            });
        });
    });


    $('#deptname').change(function(){
      
        $.get("<?php echo e(url('getsection')); ?>",
        { option: $(this).val() },
        function(data) {
            
            $('#secname').empty();
            $('#secname').append("<option value='0'>Select a section</option>");
            $.each(data, function(key, element) {
                $('#secname').append("<option value='" + key +"'>" + element + "</option>");
            });
        });
    });


    $('#deptname').change(function(){
      
        //var officeid = document.getElementById("office_id").value=id;
        $.get("<?php echo e(url('getseatfrmdept')); ?>",
        { option: $(this).val() },
        function(data) {
            
            $('#seatname').empty();
            $('#seatname').append("<option value='0'>Select a seat</option>");
            $.each(data, function(key, element) {
                $('#seatname').append("<option value='" + key +"'>" + element + "</option>");
            });
        });
    });


    $('#secname').change(function(){
      
        //var officeid = document.getElementById("office_id").value=id;
        $.get("<?php echo e(url('getseatfrmsection')); ?>",
        { option: $(this).val() },
        function(data) {
            
            $('#seatname').empty();
            $('#seatname').append("<option value='0'>Select a seat</option>");
            $.each(data, function(key, element) {
                $('#seatname').append("<option value='" + key +"'>" + element + "</option>");
            });
        });
    });


   $('#officename').change(function(){
      
        $.get("<?php echo e(url('getseat')); ?>",
        { option: $(this).val() },
        function(data) {
           
            
            $('#seatname').empty();
            $('#seatname').append("<option value='0'>Select a seat</option>");
            $.each(data, function(key, element) {
                $('#seatname').append("<option value='" + key +"'>" + element + "</option>");
            });
        });
    });


});




</script>



<script>
function validation()
    {
        
        if(document.getElementById('seatname').value=="0")
        {
            alert(" Please select the Seat");
            document.getElementById('seatname').focus();
            return false;
        }

        if(document.getElementById('permission').value=="0")
        {
            alert(" Please select the Permission");
            document.getElementById('permission').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(); ?>