@extends('superadmin.layout.page')

@section('css')
<link rel="stylesheet" href="{{ asset('superadmin/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css
') }}">
<link rel="stylesheet" href="{{ asset('superadmin/plugins/datatables-responsive/css/responsive.bootstrap4.min.css
') }}">
@endsection

@section('content')
<div class="content-wrapper" style="min-height: 1203.31px;">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1>Module Management</h1>
          </div>
          <!-- <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">DataTables</li>
            </ol>
          </div> -->
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">    
        <div>
            @if ($message = session('success'))
            <div class="alert alert-success alert-block">
                <button type="button" class="close" data-dismiss="alert">×</button>
                <strong>{{ $message }}</strong>
            </div>
            @endif
            @if ($message = session('error'))
            <div class="alert alert-danger alert-block">
                <button type="button" class="close" data-dismiss="alert">×</button>
                <strong>{{ $message }}</strong>
            </div>
            @endif
        </div>

      <div class="row mb-2">
        <div class="col-12">
          <a href="{{ route('superadmin.module.create') }}"><input href="" value="Create new Module" class="btn btn-success float-right"></a>
        </div>
      </div>
      <div class="row">
        <div class="col-12">
          <div class="card">
            <div class="card-header">
              <h3 class="card-title">Module Table</h3>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
              <div id="example2_wrapper" class="dataTables_wrapper dt-bootstrap4">
                <div class="row">
                  <div class="col-sm-12 col-md-6"></div>
                  <div class="col-sm-12 col-md-6"></div>
                </div>
                <div class="row">
                  <div class="col-sm-12">
                    <table id="example2" class="table table-bordered table-hover dataTable dtr-inline" role="grid" aria-describedby="example2_info" width="100%">
                      <thead>
                        <tr role="row">
                          <th>Module Name</th>
                          <th>Module Type</th>
                          <th>Alias</th>
                          <th>Link</th>
                          <th>Order</th>
                          <th>Price</th>
                          <th>Action</th>
                        </tr>
                      </thead> 
                        <tbody>	
                          @if(count($ModuleData) > 0)							
                            @foreach($ModuleData as $item) 
                            <tr class="bg-warning" role="row"> 
                              <td><strong>{{ $item['module_name'] }}</strong></td>
                              <td>
                                <span class="btn btn-info">Main Module</span>
                                </td>
                              <td>{{ $item['alias_name'] }} </td>
                              <td>{{ $item['link'] }} </td>
                              <td>{{ $item['menu_order'] }}</td>
                              <td>{{ $item['price'] }} </td>
                              <td>
                                <a href="{{ route('superadmin.module.edit', $item['id']) }}"><img src="{{ asset('img/icons/temp-edit.png') }}" width="20"></a>
                                <a href="javascript:void(0);" class="deleteModule" data-id="{{ $item['id'] }}"><img src="{{ asset('img/icons/temp-delete.png') }}" width="20"></a>
                              </td>
                            </tr>
                            @if(!empty($item['sub']))
                              @foreach ($item['sub'] as $sub_item)
                                <tr role="row"> 
                                  <td>   - {{ $sub_item['module_name'] }}</td>
                                  <td>
                                    @if($sub_item['menu_type'] == 'sub_module') 
                                        <span class="btn btn-primary">Sub Module</span>
                                    @elseif($sub_item['menu_type'] == 'inner_module')
                                    <span class="btn btn-secondary">Inner Module</span>
                                    @endif
                                  </td>
                                  <td>{{ $sub_item['alias_name'] }}</td>
                                  <td>{{ $sub_item['link'] }} </td>
                                  <td>{{ $sub_item['menu_order'] }}</td>
                                  <td>{{ $sub_item['price'] }}</td>
                                  <td>
                                    <a href="{{ route('superadmin.module.edit', $sub_item['id']) }}"><img src="{{ asset('img/icons/edit.png') }}" width="20"></a>
                                    <a href="javascript:void(0);" class="deleteModule" data-id="<br />
<b>Warning</b>:  Undefined variable $sub_item in <b>C:\xampp\htdocs\resources\views\superadmin\module\list.blade.php</b> on line <b>112</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>C:\xampp\htdocs\resources\views\superadmin\module\list.blade.php</b> on line <b>112</b><br />
"><img src="{{ asset('img/icons/delete.png') }}" width="20"></a>
                                  </td>
                                </tr>
                              @endforeach
                            @endif
                            @endforeach
                          @else
                              <tr>                                    
                                  <td colspan="7" style="text-align: center;">No Module Found</td>
                              </tr>
                          @endif
                        </tbody>
                        
                      </tbody>                      
                    </table>
                  </div>
                </div>                
              </div>
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->
</div>
@endsection('content')

@section('scripts')
  <script src="{{ asset('superadmin/plugins/datatables/jquery.dataTables.min.js') }}"></script>
  <script src="{{ asset('superadmin/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
  <script src="{{ asset('superadmin/plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
  <script src="{{ asset('superadmin/custom_js/main.js') }}"></script>
	<script src="{{ asset('superadmin/custom_js/module.js') }}"></script>
@endsection('content')