@extends('layouts.app')

@section('title', 'Common Settings |')

@section('content')

<!-- Page Content -->
<div class="content container-fluid">
                  
          <div class="row">

            <div class="col-sm-4 col-md-4 col-lg-4 col-xl-3">
            <h3 class="page-title m-t-20">Common Settings</h3>
              <!-- <a href="#" class="btn btn-primary btn-block" data-toggle="modal" data-target="#add_role"><i class="fa fa-plus"></i> Add Roles</a> -->
             @include('setting.left-sidebar') 
             
            </div>
            <div class="col-sm-8 col-md-8 col-lg-8 col-xl-9">

              <div class="page-header">
                  <div class="row align-items-center">
                    <div class="col">
                      <h3 class="page-title">Module Access <small>(Enable/Disable)</small> </h3>          
                    </div>
                    <div class="col-auto float-right ml-auto">
                       
                    </div>
                  </div>
                </div>
              <div class="m-b-30">
                <ul class="list-group notification-list">
                  <li class="list-group-item">
                    Employee
                    <div class="status-toggle">
                      <input type="checkbox" id="staff_module" class="check">
                      <label for="staff_module" class="checktoggle">checkbox</label>
                    </div>
                  </li>
                   <li class="list-group-item">
                    Project
                    <div class="status-toggle">
                      <input type="checkbox" id="staff_module" class="check">
                      <label for="staff_module" class="checktoggle">checkbox</label>
                    </div>
                  </li>
                  <li class="list-group-item">
                    Holidays
                    <div class="status-toggle">
                      <input type="checkbox" id="holidays_module" class="check" checked="">
                      <label for="holidays_module" class="checktoggle">checkbox</label>
                    </div>
                  </li>
                  <li class="list-group-item">
                    Leaves
                    <div class="status-toggle">
                      <input type="checkbox" id="leave_module" class="check" checked="">
                      <label for="leave_module" class="checktoggle">checkbox</label>
                    </div>
                  </li>
                  <li class="list-group-item">
                    Events
                    <div class="status-toggle">
                      <input type="checkbox" id="events_module" class="check" checked="">
                      <label for="events_module" class="checktoggle">checkbox</label>
                    </div>
                  </li>
                  
                </ul>
              </div>        
            <!--   <div class="table-responsive">
                <table class="table table-striped custom-table">
                  <thead>
                    <tr>
                      <th>Module Permission</th>
                      <th class="text-center">Read</th>
                      <th class="text-center">Write</th>
                      <th class="text-center">Create</th>
                      <th class="text-center">Delete</th>
                      <th class="text-center">Import</th>
                      <th class="text-center">Export</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>Employee</td>
                      <td class="text-center">
                        <input type="checkbox" checked="">
                      </td>
                      <td class="text-center">
                        <input type="checkbox" checked="">
                      </td>
                      <td class="text-center">
                        <input type="checkbox" checked="">
                      </td>
                      <td class="text-center">
                        <input type="checkbox" checked="">
                      </td>
                      <td class="text-center">
                        <input type="checkbox" checked="">
                      </td>
                      <td class="text-center">
                        <input type="checkbox" checked="">
                      </td>
                    </tr>
                    <tr>
                      <td>Holidays</td>
                      <td class="text-center">
                        <input type="checkbox" checked="">
                      </td>
                      <td class="text-center">
                        <input type="checkbox" checked="">
                      </td>
                      <td class="text-center">
                        <input type="checkbox" checked="">
                      </td>
                      <td class="text-center">
                        <input type="checkbox" checked="">
                      </td>
                      <td class="text-center">
                        <input type="checkbox" checked="">
                      </td>
                      <td class="text-center">
                        <input type="checkbox" checked="">
                      </td>
                    </tr>
                    <tr>
                      <td>Leaves</td>
                      <td class="text-center">
                        <input type="checkbox" checked="">
                      </td>
                      <td class="text-center">
                        <input type="checkbox" checked="">
                      </td>
                      <td class="text-center">
                        <input type="checkbox" checked="">
                      </td>
                      <td class="text-center">
                        <input type="checkbox" checked="">
                      </td>
                      <td class="text-center">
                        <input type="checkbox" checked="">
                      </td>
                      <td class="text-center">
                        <input type="checkbox" checked="">
                      </td>
                    </tr>
                    <tr>
                      <td>Events</td>
                      <td class="text-center">
                        <input type="checkbox" checked="">
                      </td>
                      <td class="text-center">
                        <input type="checkbox" checked="">
                      </td>
                      <td class="text-center">
                        <input type="checkbox" checked="">
                      </td>
                      <td class="text-center">
                        <input type="checkbox" checked="">
                      </td>
                      <td class="text-center">
                        <input type="checkbox" checked="">
                      </td>
                      <td class="text-center">
                        <input type="checkbox" checked="">
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div> -->
            </div>
          </div>
                </div>

@stack('scripts')

<script type="text/javascript">   


//

</script>             

@endsection