@extends('layouts.master')

@section('mainContent')

<div class="page-wrapper">
        <div class="page-header-link">
            <a href="javascript:;" class="show-menuheader">
                Project Menus
                <i class="fas fa-align-left ms-auto"></i>
            </a>
        </div>
        <div class="page-menu">
            <div class="page-menu-header">
                <h2>Project Menu</h2>
                <a href="javascript:;" class="close-header-menu"> <i class="fas fa-close"></i></a>
            </div>

            @include('layouts.tenants.project-header-menu')

        </div>
        <div class="content">
            <div class="row">
                <div class="col-12">
                    <div class="page-header">
                        <h3>Projects</h3>
                        <ul>
                            <li class="text-primary">Project Management </li>
                            <li><a href="javascript:;">Projects</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12 d-flex widget-path widget-service">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="datatable-search"></div>
                                </div>
                                <div class="col-lg-6">
                                    <ul class="btn-header-split">
                                        @if(Auth::user()->hasPermission('projects','create')) 
                                        <li>
                                            <a href="javascript:;" class="btn btn-primary" id="add_project"><i class="fe fe-plus me-2"></i>New Project</a>
                                        </li>
                                        @endif
                                        <!-- <li>
                                            <a href="javascript:;" class="btn btn-secondary-outline">Export<i class="fe fe-file ms-2"></i></a>
                                        </li> -->
                                        <!-- <li>
                                            <a href="{{route('project-type.list')}}" class="btn btn-warning"><i class="fa fa-tag me-2"></i>Project Setup</a>
                                        </li> -->
                                    </ul>
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-12 mt-4">
                                    <div class="table-staff mb-0 border-0 border-radius-custom">
                                        <h4 class="table-head">CMMI v3.0 DEV ML3</h4>
                                    </div>
                                    <div class="table-responsive">
                                        <table class="table table-spacing-blk">
                                            <thead>
                                                <tr>
                                                    <th>NC ID</th>
                                                    <th>PI</th>
                                                    <th>TS</th>
                                                    <th>PQA</th>
                                                    <th>PR</th>
                                                    <th>RDM</th>
                                                    <th>VV</th>
                                                    <th>CAR</th>
                                                    <th>CM</th>
                                                    <th>DAR</th>
                                                    <th>MPM</th>
                                                    <th>PAD</th>
                                                    <th>PCM</th>
                                                    <th>GOV</th>
                                                    <th>II</th>
                                                    <th>RSK</th>
                                                    <th>OT</th>
                                                    <th>EST</th>
                                                    <th>MC</th>
                                                    <th>PLAN</th>   
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <th rowspan="2">ML1</th>
                                                    <td>1.1</td>
                                                    <td>FM</td>
                                                    <td>FM</td>
                                                    <td>LM</td>
                                                    <td>LM</td>
                                                    <td>PM</td>
                                                    <td>FM</td>
                                                    <td>LM</td>
                                                    <td>LM</td>
                                                    <td>PM</td>
                                                    <td>PM</td>
                                                    <td>FM</td>
                                                    <td>FM</td>
                                                    <td>PM</td>
                                                    <td>PM</td>
                                                    <td>LM</td>
                                                    <td>PM</td>
                                                    <td>PM</td>
                                                    <td>LM</td>
                                                </tr>
                                                <tr>
                                                    <td>1.1</td>
                                                    <td>FM</td>
                                                    <td>FM</td>
                                                    <td>LM</td>
                                                    <td>LM</td>
                                                    <td>PM</td>
                                                    <td>FM</td>
                                                    <td>LM</td>
                                                    <td>LM</td>
                                                    <td>PM</td>
                                                    <td>PM</td>
                                                    <td>FM</td>
                                                    <td>FM</td>
                                                    <td>PM</td>
                                                    <td>PM</td>
                                                    <td>LM</td>
                                                    <td>PM</td>
                                                    <td>PM</td>
                                                    <td>LM</td>
                                                </tr>
                                                <tr class="color-middle-blk">
                                                    <th rowspan="5">ML2</th>
                                                    <td>2.1</td>
                                                    <td>FM</td>
                                                    <td>FM</td>
                                                    <td>LM</td>
                                                    <td>LM</td>
                                                    <td>PM</td>
                                                    <td>FM</td>
                                                    <td>LM</td>
                                                    <td>LM</td>
                                                    <td>PM</td>
                                                    <td>PM</td>
                                                    <td>FM</td>
                                                    <td>FM</td>
                                                    <td>PM</td>
                                                    <td>PM</td>
                                                    <td>LM</td>
                                                    <td>PM</td>
                                                    <td>PM</td>
                                                    <td>LM</td>
                                                </tr>
                                                <tr class="color-middle-blk">
                                                    <td>2.2</td>
                                                    <td>FM</td>
                                                    <td>FM</td>
                                                    <td>LM</td>
                                                    <td>LM</td>
                                                    <td>PM</td>
                                                    <td>FM</td>
                                                    <td>LM</td>
                                                    <td>LM</td>
                                                    <td>PM</td>
                                                    <td>PM</td>
                                                    <td>FM</td>
                                                    <td>FM</td>
                                                    <td>PM</td>
                                                    <td>PM</td>
                                                    <td>LM</td>
                                                    <td>PM</td>
                                                    <td>PM</td>
                                                    <td>LM</td>
                                                </tr>
                                                <tr class="color-middle-blk">
                                                    <td>2.3</td>
                                                    <td>FM</td>
                                                    <td>FM</td>
                                                    <td>LM</td>
                                                    <td>LM</td>
                                                    <td>PM</td>
                                                    <td>FM</td>
                                                    <td>LM</td>
                                                    <td>LM</td>
                                                    <td>PM</td>
                                                    <td>PM</td>
                                                    <td>FM</td>
                                                    <td>FM</td>
                                                    <td>PM</td>
                                                    <td>PM</td>
                                                    <td>LM</td>
                                                    <td>PM</td>
                                                    <td>PM</td>
                                                    <td>LM</td>
                                                </tr>
                                                <tr class="color-middle-blk">
                                                    <td>2.4</td>
                                                    <td>FM</td>
                                                    <td>FM</td>
                                                    <td>LM</td>
                                                    <td>LM</td>
                                                    <td>PM</td>
                                                    <td>FM</td>
                                                    <td>LM</td>
                                                    <td>LM</td>
                                                    <td>PM</td>
                                                    <td>PM</td>
                                                    <td>FM</td>
                                                    <td>FM</td>
                                                    <td>PM</td>
                                                    <td>PM</td>
                                                    <td>LM</td>
                                                    <td>PM</td>
                                                    <td>PM</td>
                                                    <td>LM</td>
                                                </tr>
                                                <tr class="color-middle-blk">
                                                    <td>2.5</td>
                                                    <td>FM</td>
                                                    <td>FM</td>
                                                    <td>LM</td>
                                                    <td>LM</td>
                                                    <td>PM</td>
                                                    <td>FM</td>
                                                    <td>LM</td>
                                                    <td>LM</td>
                                                    <td>PM</td>
                                                    <td>PM</td>
                                                    <td>FM</td>
                                                    <td>FM</td>
                                                    <td>PM</td>
                                                    <td>PM</td>
                                                    <td>LM</td>
                                                    <td>PM</td>
                                                    <td>PM</td>
                                                    <td>LM</td>
                                                </tr>
                                                <tr class="color-btm-blk">
                                                    <th rowspan="2"></th>
                                                    <td>1.00</td>
                                                    <td>1.00</td>
                                                    <td>0.70</td>
                                                    <td>0.70</td>
                                                    <td>0.30</td>
                                                    <td>1.00</td>
                                                    <td>0.70</td>
                                                    <td>0.70</td>
                                                    <td>0.30</td>
                                                    <td>1.00</td>
                                                    <td>0</td>
                                                    <td>1.00</td>
                                                    <td>1.00</td>
                                                    <td>0</td>
                                                    <td>0.30</td>
                                                    <td>0.30</td>
                                                    <td>0.70</td>
                                                    <td>0.70</td>
                                                    <td>1.00</td>
                                                </tr>
                                                <tr class="color-btm-blk">
                                                    <td>1.00</td>
                                                    <td>1.00</td>
                                                    <td>0.70</td>
                                                    <td>0.70</td>
                                                    <td>0.30</td>
                                                    <td>1.00</td>
                                                    <td>0.70</td>
                                                    <td>0.70</td>
                                                    <td>0.30</td>
                                                    <td>1.00</td>
                                                    <td>0</td>
                                                    <td>1.00</td>
                                                    <td>1.00</td>
                                                    <td>0</td>
                                                    <td>0.30</td>
                                                    <td>0.30</td>
                                                    <td>0.70</td>
                                                    <td>0.70</td>
                                                    <td>1.00</td>
                                                </tr>
                                                <tr class="color-btm-blk">
                                                    <th>PA %</th>
                                                    <td>1.00</td>
                                                    <td>1.00</td>
                                                    <td>0.70</td>
                                                    <td>0.70</td>
                                                    <td>0.30</td>
                                                    <td>1.00</td>
                                                    <td>0.70</td>
                                                    <td>0.70</td>
                                                    <td>0.30</td>
                                                    <td>1.00</td>
                                                    <td>0</td>
                                                    <td>1.00</td>
                                                    <td>1.00</td>
                                                    <td>0</td>
                                                    <td>0.30</td>
                                                    <td>0.30</td>
                                                    <td>0.70</td>
                                                    <td>0.70</td>
                                                    <td>1.00</td>
                                                </tr>
                                                <tr class="color-btm-blk">
                                                    <th>Cap Area %</th>
                                                    <td class="colspan-blk text-center" colspan="2">1.00</td>
                                                    <td class="colspan-blk text-center" colspan="4">0.70</td>
                                                    <td class="colspan-blk text-center" colspan="2">0.70</td>
                                                    <td class="colspan-blk text-center" colspan="3">0.30</td>
                                                    <td class="colspan-blk text-center" colspan="3">LM</td>
                                                    <td class="colspan-blk text-center" colspan="2">0.30</td>
                                                    <td class="colspan-blk text-center" colspan="3">0</td>
                                                </tr>
                                                <tr class="color-btm-blk">
                                                    <th>Category Area %</th>
                                                    <td class="colspan-blk-2 text-center" colspan="8">1.00</td>
                                                    <td class="colspan-blk-2 text-center" colspan="3">0.30</td>
                                                    <td class="colspan-blk-2 text-center" colspan="5">LM</td>
                                                    <td class="colspan-blk-2 text-center" colspan="3">0</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="row align-items-center">
                                <div class="col-md-12">
                                    <div class="datatable-paginate"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="content">
        <div class="row">
            <div class="col-12">
                <div class="page-header">
                    <h3>Risk Register</h3>
                    <ul>
                        <li class="text-primary">Risk Management</li>
                        <li><a href="#">Risk Register</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12" >
                <div class="card">
                    <div class="card-body">
                        <div class="card-body-header align-items-start mb-2">
                            <div class="flex-subtitle w-100">
                                <div class="me-auto">
                                    <h5>Asset Governance</h5>
                                    <div class="card-body-content mb-0">
                                        <p>AST-01</p>
                                    </div>
                                </div>                          
                                <div class="progress-blk five-steps align-center">
                                    <ul class="list-unstyled">
                                        <li class="completed"></li>
                                        <li class="active"><i class="fas fa-check"></i></li>
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                    </ul>		
                                </div>
                                <div class="select-path d-flex">
                                    <select class="select">
                                        <option>In Place</option>
                                    </select>
                                </div>
                            </div>  
                        </div>
                        <div class="card-body-content">
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <ul class="flex-list">
                                    <li>
                                        <strong>Domain</strong>
                                        <span><b>AST</b> Asset Management</span>
                                    </li>
                                    <li>
                                        <strong>Function Grouping</strong>
                                        <span>Govern</span>
                                    </li>
                                    <li>
                                        <strong>Applicability</strong>
                                        <span>Process</span>
                                    </li>
                                    <li>
                                        <strong>Control Weight</strong>
                                        <span>10</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="left-blk-col mb-5">
                                    <h5>Requirements (Frameworks)</h5>    
                                    <ul>
                                        <li><i class="fa-solid fa-angles-right me-2"></i><a href="javascript:;">ISO 27002 v2022:</a> 5.30, 5.31, 7.9</li>
                                        <li><i class="fa-solid fa-angles-right me-2"></i><a href="javascript:;">ISO 27002 v2022:</a> 5.30, 5.31, 7.9</li>
                                        <li><i class="fa-solid fa-angles-right me-2"></i><a href="javascript:;">ISO 27002 v2022:</a> 5.30, 5.31, 7.9</li>
                                        <li><i class="fa-solid fa-angles-right me-2"></i><a href="javascript:;">ISO 27002 v2022:</a> 5.30, 5.31, 7.9</li>
                                        <li><i class="fa-solid fa-angles-right me-2"></i><a href="javascript:;">ISO 27002 v2022:</a> 5.30, 5.31, 7.9</li>
                                    </ul>
                                </div>
                                <div class="left-blk-col mb-5">
                                    <h5>Requirements (Frameworks)</h5>    
                                    <ul>
                                        <li><i class="fa-solid fa-angles-right me-2"></i><a href="javascript:;">ISO 27002 v2022:</a> 5.30, 5.31, 7.9</li>
                                        <li><i class="fa-solid fa-angles-right me-2"></i><a href="javascript:;">ISO 27002 v2022:</a> 5.30, 5.31, 7.9</li>
                                        <li><i class="fa-solid fa-angles-right me-2"></i><a href="javascript:;">ISO 27002 v2022:</a> 5.30, 5.31, 7.9</li>
                                        <li><i class="fa-solid fa-angles-right me-2"></i><a href="javascript:;">ISO 27002 v2022:</a> 5.30, 5.31, 7.9</li>
                                        <li><i class="fa-solid fa-angles-right me-2"></i><a href="javascript:;">ISO 27002 v2022:</a> 5.30, 5.31, 7.9</li>
                                    </ul>
                                </div>
                                <div class="accord-blk">
                                    <h5>Assessment Objectives</h5>
                                    <div class="master-list-blk">
                                        <div class="accordion master-wrapper" id="accordionMaster">
                                            <div class="accordion-item">
                                                <div class="accordion-header d-flex" id="headingOne">
                                                    <a class="accordion-button collapsed" href="javascript:;" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                                                        AST-01_A01
                                                    </a>                                                            
                                                    <div class="select-path me-3 d-flex">
                                                        <select class="select select-sm">
                                                            <option>Met</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionMaster">
                                                    <div class="accordion-body">
                                                        <div class="master-list">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
                                                        </div>
                                                        <div>
                                                            <h5>Explanation</h5>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="accordion-item">
                                                <div class="accordion-header d-flex" id="headingTwo">
                                                <a class="accordion-button collapsed" href="javascript:;" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                                    AST-01_A01
                                                </a>
                                                                                                            
                                                <div class="select-path me-3 d-flex">
                                                    <select class="select select-sm">
                                                        <option>Not Met</option>
                                                    </select>
                                                </div>
                                                </div>
                                                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionMaster">
                                                    <div class="accordion-body">
                                                        <div class="master-list">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
                                                        </div>
                                                        <div>
                                                            <h5>Explanation</h5>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>                                        
                            </div>
                            <div class="col-lg-6">
                                <div class="table-staff status-head mb-0 border-0 border-radius-custom">
                                    <p class="table-head">Target Maturity Level: Unanswered</p>
                                </div>
                                <div class="tab-set status-wrapper">
                                    <div>
                                        <div>
                                            <label class="form-label">Current Maturity Level</label>
                                            <div class="d-flex gap-2">
                                            <select class="select">
                                                    <option>L3 Well Defined </option>
                                            </select>
                                            <a href="#" class="btn btn-primary">Update</a>
                                            </div>
                                        </div>
                                        <div class="para-blk">
                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
            
    </div>


@endsection