@extends('layouts.master')

@section('mainContent')
    <div class="page-wrapper">
        <div class="page-header-link">
            <a href="javascript:;" class="show-menuheader">
                NC Menus
                <i class="fas fa-align-left ms-auto"></i>
            </a>
        </div>
        <div class="page-menu">
            <div class="page-menu-header">
                <h2>NC Menu</h2>
                <a href="javascript:;" class="close-header-menu"> <i class="fas fa-close"></i></a>
            </div>

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


        </div>
        <input type="hidden" id="nc_id" value="{{ $nc->id }}">
        <div class="content">
                <div class="row">
                    <div class="col-12">
                        <div class="page-header">
                            <h3>NC Analysis Report</h3>
                            <ul>
                                <li class="text-primary">Audit & Assurance </li> 
                                <li><a href="{{ url('ncreport') }}" class="text-primary">NC Analysis Report</a></li>
                                <li><a href="#">NC Detail</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 head-client"> 
                                <h6 class="table-avatar flex-column align-items-start">
                                 <b>{{ isset($nc->audit->audit_name)?$nc->audit->audit_name:'' }}</b>
                                        <span class="d-block" style="font-size:14px;">{{ $nc->nc_id }}</span>
                                   
                                </h6>
                               
                            </div>
                            <h6><b>Resolution Time</b>  <span class="btn btn-primary">{{ $nc->resolution_time }} hours</span> </h6>
                            <br> 
                            <div class="head-client">
                            <h6>
                                Project name &nbsp;{{ isset($nc->audit->projects->project_name)?$nc->audit->projects->project_name:'' }}
                                &nbsp; Auditor &nbsp;{{ isset($nc->audit->audit_name)?$nc->audit->audit_name:'N/A' }}
                                &nbsp;Auditees &nbsp;{{ isset($nc->audit->auditee_name)?$nc->audit->auditee_name :'N/A' }}
                                &nbsp; Closure date &nbsp;{{ isset($nc->closure_date)?\Carbon\Carbon::parse($nc->closure_date)->format('d-m-Y'):'' }}

                            </h6>
                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="client-details">
                                                <ul>
                                                    <li>
                                                        <h5>Audit standard</h5>
                                                        <h6>{{ isset($nc->audit->standard->standard_name)?$nc->audit->standard->standard:'N/A' }}</h6>
                                                    </li>
                                                    <li>
                                                        <h5>NC observation</h5>
                                                        <h6>{{  $nc->nc_observation!=''?$nc->nc_observation:'N/A' }}</h6>
                                                    </li>
                                                    <li>
                                                        <h5>NC type</h5>
                                                        <h6>{{ isset($nc->ncType->name)?$nc->ncType->name:'N/A' }}</h6>
                                                    </li>
                                                    <li>
                                                        <h5>NC category</h5>
                                                        <h6>{{ isset($nc->ncType->name)?$nc->ncType->name:'N/A' }}</h6>
                                                    </li>
                                                    <li> 
                                                        <h5>Clause no</h5>
                                                        <h6>{{ $nc->clause_no }}</h6>
                                                    </li>  
                                                    <li> 
                                                        <h5>Clause description</h5>
                                                        <h6>{{ $nc->clause_description }}</h6>
                                                    </li>    
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="client-details">
                                                <ul>
                                                    <li>
                                                        <h5>Control</h5>
                                                        <h6>{{ isset($nc->ncControl->name)?$nc->ncControl->name:'N/A' }}</h6>
                                                    </li>
                                                    <li>
                                                        <h5>Control objectives</h5>
                                                        <h6>{{ $nc->control_objective }}</h6>
                                                    </li>
                                                    <li>
                                                        <h5>Correctuve action</h5>
                                                        <h6>{{ $nc->correctuve_action }}</h6>
                                                    </li> 
                                                    <li>
                                                        <h5>Preventive action</h5>
                                                        <h6>{{ $nc->preventive_action }}</h6>
                                                    </li> 
                                                    <li>
                                                        <h5>NC date</h5>
                                                        <h6>{{ ConverDate($nc->nc_date) }}</h6>
                                                    </li>
                                                   
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    </div>
                                    </div>
                                    
                                </div>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // Check if a tab was saved in the session
            localStorage.setItem('activeTab', '#nav-policies');
            const activeTab = "#nav-policies";
            if (activeTab) {
                // Remove 'active' class from all tabs and tab panes
                document.querySelectorAll('.nav-link').forEach(tab => tab.classList.remove('active'));
                document.querySelectorAll('.tab-pane').forEach(pane => pane.classList.remove('show', 'active'));

                // Add 'active' class to the saved tab and its corresponding pane
                const savedTab = document.getElementById(activeTab);
                if (savedTab) {
                    savedTab.classList.add('active');
                    const targetPane = savedTab.getAttribute('data-bs-target');
                    if (targetPane) {
                        document.querySelector(targetPane).classList.add('show', 'active');
                    }
                }
            }
        });
    </script> 
 
@endsection