<?php $__env->startSection('title','Modules'); ?> <?php $__env->startPush('plugin-styles'); ?> <?php echo Html::style('//cdn.datatables.net/1.10.23/css/jquery.dataTables.min.css'); ?> <?php echo Html::style('//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.css'); ?> <style type="text/css"> .table th, .table td { white-space: break-spaces !important; } @import url(https://fonts.googleapis.com/css?family=Roboto:300); .login-page { width: 550px; padding: 10% 0 0; margin: auto; } .form { position: relative; z-index: 1; background: #FFFFFF; max-width: 360px; margin: 0 auto 100px; padding: 45px; text-align: center; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); } .form input { font-family: "Roboto", sans-serif; outline: 0; background: #f2f2f2; width: 100%; border: 0; margin: 0 0 15px; padding: 15px; box-sizing: border-box; font-size: 14px; } .form button { font-family: "Roboto", sans-serif; text-transform: uppercase; outline: 0; background: #1b72e4; width: 100%; border: 0; padding: 15px; color: #FFFFFF; font-size: 14px; -webkit-transition: all 0.3 ease; transition: all 0.3 ease; cursor: pointer; } .form button:hover,.form button:active,.form button:focus { background: #43A047; } .form .message { margin: 15px 0 0; color: #000000; font-size: 12px; } .form .message a { color: #1b72e4; text-decoration: none; } .form .login-form { display: none; } .container { position: relative; z-index: 1; max-width: 300px; margin: 0 auto; } .container:before, .container:after { content: ""; display: block; clear: both; } .container .info { margin: 50px auto; text-align: center; } .container .info h1 { margin: 0 0 15px; padding: 0; font-size: 36px; font-weight: 300; color: #1a1a1a; } .container .info span { color: #4d4d4d; font-size: 12px; } .container .info span a { color: #000000; text-decoration: none; } .container .info span .fa { color: #EF3B3A; } body { background: #76b852; /* fallback for old browsers */ background: rgb(141,194,111); background: linear-gradient(90deg, rgba(141,194,111,1) 0%, rgba(118,184,82,1) 50%); font-family: "Roboto", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } </style> <?php $__env->stopPush(); ?> <?php $__env->startSection('content'); ?> <div class="main-content"> <div class="main-content-inner"> <div class="breadcrumbs ace-save-state" id="breadcrumbs"> <ul class="breadcrumb"> <li> <i class="ace-icon fa fa-home home-icon"></i> <a href="#">Home</a> </li> <li class="active">/Module Management</li> </ul> </div> <h3 class="header smaller lighter blue">Modules Management</h3> <div class="text-center"> <button class="btn btn-primary mb-3" onclick="toggleFormVisibility()">Update Module/Sub-Module Sequence</button> <?php if(session()->has('success')): ?> <div class="alert alert-warning alert-dismissible fade show" role="alert"> <strong><?php echo e(session('success')); ?></strong> <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <?php endif; ?> <div class="login-page" id="addModuleForm" style="display: none;"> <div class="form"> <form class="login-form" action="<?php echo e(url('admin/sub-module-management')); ?>" method="POST"> <?php echo csrf_field(); ?> <!--<input type="hidden" name="role_id" value="<?php echo e(Auth::user()->role); ?>">--> <input type="text" name="module_priority" placeholder="Module Id"/> <input type="text" name="sub_module_id" placeholder="Sub Module Id"/> <input type="text" name="sub_module_priority" placeholder="Set Sub-Module Priority"/> <button type="submit">Update Sub Module</button> <p class="message">Wanted to change Module? <a href="#">Update Module</a></p> </form> <form class="register-form" action="<?php echo e(url('admin/module-management')); ?>" method="POST"> <?php echo csrf_field(); ?> <input type="text" name="module_id" placeholder="Module Id"/> <input type="text" name="module_priority" placeholder="Set Module Priority"/> <button type="submit">Update Module</button> <p class="message">Wanted to update Sub-Module? <a href="#">Update Sub-Module</a></p> </form> </div> </div> </div> <div class="page-content"> <div class="row"> <div class="col-12"> <div class="clearfix"> <div class="pull-right tableTools-container"> </div> </div> <div class="card"> <h4 class="text-center mt-3">Modules</h4> <hr> <div class="card-body"> <div class="table-responsive"> <table id="module_table" class="table table-striped table-bordered table-hover"> <thead> <tr> <th>Module</th> <th>Module ID</th> </tr> </thead> <tbody> <?php $__currentLoopData = $modules; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $module): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <tr id="tr_<?php echo e($module->id); ?>"> <td><?php echo e($module->module); ?></td> <td><?php echo e($module->id); ?></td> </tr> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </tbody> </table> </div> </div> </div> </div> </div> </div> <div class="page-content mt-3"> <div class="row"> <div class="col-12"> <div class="clearfix"> <div class="pull-right tableTools-container"> </div> </div> <div class="card"> <h4 class="text-center mt-3">Sub-Modules</h4> <hr> <div class="card-body"> <div class="table-responsive"> <table id="module_sub_table" class="table table-striped table-bordered table-hover"> <thead> <tr> <th>Sub-Module</th> <th>Sub-Module ID</th> </tr> </thead> <tbody> <?php $__currentLoopData = $sub_modules; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $sub_module): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <tr id="tr_<?php echo e($sub_module->id); ?>"> <td><?php echo e($sub_module->sub_module); ?></td> <td><?php echo e($sub_module->id); ?></td> </tr> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </tbody> </table> </div> </div> </div> </div> </div> </div><!-- /.page-content --> </div> </div><!-- /.main-content --> <?php $__env->stopSection(); ?> <?php $__env->startPush('custom-scripts'); ?> <?php echo Html::script('/assets/js/dashboard.js'); ?> <?php echo Html::script('//cdn.datatables.net/1.10.23/js/jquery.dataTables.min.js'); ?> <script type="text/javascript"> jQuery(function($) { var myTable = $('#module_table').DataTable( { bAutoWidth: false, "aaSorting": [], }); }) </script> <script type="text/javascript"> jQuery(function($) { var myTable = $('#module_sub_table').DataTable( { bAutoWidth: false, "aaSorting": [], }); }) </script> <script> function toggleFormVisibility() { var form = document.getElementById('addModuleForm'); form.style.display = (form.style.display === 'none' || form.style.display === '') ? 'block' : 'none'; } </script> <script> $('.message a').click(function(){ $('form').animate({height: "toggle", opacity: "toggle"}, "slow"); }); </script> <?php $__env->stopPush(); ?> <?php echo $__env->make('layout.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/assets/resources/views/master/module-management.blade.php ENDPATH**/ ?>