@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>Non Conformance</h2>
                <a href="javascript:;" class="close-header-menu"> <i class="fas fa-close"></i></a>
            </div>
            @include('layouts.tenants.audit-header-menu')

        </div>
        <div class="content">
            <div class="row">
                <div class="col-12">
                    <div class="page-header">
                        <h3>Non Conformance</h3>
                        <ul>
                            <li class="text-primary">Audit & Assurancce</li>
                            <li><a href="javascript:;">Non Conformance</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-4">
                                    <div class="datatable-search"></div>
                                </div>
                                <div class="col-lg-8">
                                    <ul class="btn-header-split">
                                        <li>
                                            <div class="audit_lists">
                                                <select class="select" name="auditid" id="auditid">
                                                    <option value="">Select Audit</option>
                                                    @foreach($auditData as $row)
                                                        <option value="{{ $row->id }}" @if(session('auditid') == $row->id) selected @endif>{{ $row->audit_name.' - '.$row->audit_id }}</option>
                                                    @endforeach
                                               </select>
                                            </div>
                                        </li>
                                        <li>
                                        <a href="{{ url('ncreport/export/excel') }}" class="btn btn-secondary-outline">Export<i class="fe fe-copy ms-2"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        <div class="table-responsive">
                            <table class="table" id="nc_table">
                                <thead>
                                    <tr>
                                    <th>NC ID</th>
                                    <th>Audit Name</th>
                                    <th>Audit Standard</th>
                                    <th>NC Observation</th>
                                    <th>NC Type</th>
                                    <th>NC Category</th>
                                    {{-- <th>Clause no</th> --}}
                                    <th>NC Date</th>
                                    <th>Closure Date</th>
                                    <th>Resolution Time</th>
                                    <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                        <div class="row align-items-center">
                            <div class="col-md-12">
                                <div class="datatable-paginate"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        // document.addEventListener('DOMContentLoaded', function() {
        //     // Check if a tab was saved in the session
        //     localStorage.setItem('activeTab', '#nav-documents');
        //     const activeTab = "#nav-documents";
        //     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
@section('customModal')
<!-- Add -->
<div class="modal fade modal-customization" id="add_auditplan_modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-lg">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="modal-heading">Edit NC</h5>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                    <i class="fe fe-x"></i>
              </button>
            </div>
            <form id="NCForm">
        <input type="hidden" name="audit_aid" id="audit_aid"  value="">
        <input type="hidden" name="edit_id" id="edit_id"  value="">
        <input type="hidden" id="store_type" name="store_type" value="single">
        <div class="row">

            <div class="col-lg-6 col-md-6  col-md-12 ">
                <div class="mb-3" id="impacted_items_div">
                    <label class="form-label">NC ID <span class="manitory">*</span></label>
                    <input type="text" name="nc_id" id="nc_id" class="form-control" placeholder="N/A"  value="{{ isset($nc_details->nc_id)??$nc_details->nc_id }}" readonly>
                </div>
            </div>

            <div class="col-lg-6 col-md-6  col-md-12 ">
                <div class="mb-3" id="nc_type_div">
                    <label class="form-label">NC Type <span class="manitory"></span></label>
                        <select class="select" name="nc_type" id="nc_type">
                        <option value="">Select</option>
                            @if (!@empty($configurations['nc_types']))
                                @foreach ($configurations['nc_types'] as $row)
                                    <option value="{{ $row->id  }}" @if(isset($nc_details->nc_type) && $row->id==$nc_details->nc_type) selected @endif>{{ $row->name }}</option>
                                @endforeach
                            @endif
                        </select>
                </div>
            </div>

            <div class="col-lg-6 col-md-6  col-md-12 ">
                <div class="mb-3" id="nc_category_div">
                    <label class="form-label">NC Category <span class="manitory">*</span></label>
                        <select class="select" name="nc_category" id="nc_category">
                        <option value="">Select</option>
                            @if (!@empty($configurations['audit_categories']))
                                @foreach ($configurations['audit_categories'] as $row)
                                    <option value="{{ $row->id  }}" @if(isset($nc_details->nc_category) && $row->id==$nc_details->nc_category) selected @endif>{{ $row->name }}</option>
                                @endforeach
                            @endif
                            </select>
                </div>
            </div>

            <div class="col-lg-6 col-md-6  col-md-12 ">
                <div class="mb-3" id="impacted_items_div">
                    <label class="form-label">Clause no <span class="manitory">*</span></label>
                    <input type="text" name="clause_no" id="clause_no" class="form-control" value="{{ isset($nc_details->clause_no)??$nc_details->clause_no }}" readonly>
                </div>
            </div>
            <div class="col-lg-8 ">
                <div class="mb-3" id="impact_date_div">
                    <label class="form-label">NC Obervation <span class="manitory">*</span></label>
                    <textarea class="form-control" name="nc_observation" id="nc_observation" placeholder="Enter nc observation">{{ isset($nc_details->nc_observation)?$nc_details->nc_observation:'' }}</textarea>
                </div>
            </div>
            <div class="col-lg-4 col-md-4  col-md-12 ">
                <div class="mb-3" id="status_div">
                    <label class="form-label">NC Status <span class="manitory"></span></label>
                     <select class="select" name="status" id="status">
                     <option value="">Select</option>
                        @if (!@empty($configurations['nc_status']))
                            @foreach ($configurations['nc_status'] as $row)
                                <option value="{{ $row->id  }}" @if(isset($nc_details->status) && $row->id==$nc_details->status) selected @endif>{{ $row->name }}</option>
                            @endforeach
                        @endif
                                               
                    </select>
            </div>
            </div>
            <div class="col-lg-6 col-md-6  col-md-12 ">
                <div class="mb-3" id="control_div">
                    <label class="form-label">Control <span class="manitory">*</span></label>
                        <select class="select" name="control" id="control">
                            <option value="">Select</option>
                            @if (!@empty($configurations['audit_controls']))
                                @foreach ($configurations['audit_controls'] as $row)
                                    <option value="{{ $row->id  }}" @if(isset($nc_details->control) && $row->id==$nc_details->control) selected @endif>{{ $row->name }}</option>
                                @endforeach
                            @endif
                        </select>
                </div>
            </div>
            <div class="col-lg-6 col-md-6  col-md-12 ">
                <div class="mb-3" id="control_objective_div">
                    <label class="form-label">Control objective <span class="manitory">*</span></label>
                    <input type="text" name="control_objective" id="control_objective" class="form-control" placeholder="Enter control objective" value="{{ isset($nc_details->control_objective)?$nc_details->control_objective:'' }}">
                </div>
            </div>
            <div class="col-lg-6 col-md-6  col-md-12 ">
                <div class="mb-3" id="impact_date_div">
                    <label class="form-label">Clause description <span class="manitory"></span></label>
                    <textarea class="form-control" name="clause_description" id="clause_description" placeholder="Enter clause observation">{{ isset($nc_details->clause_description)?$nc_details->clause_description:'' }}</textarea>
                </div>
            </div>
            <div class="col-lg-6 col-md-6  col-md-12 ">
                <div class="mb-3" id="impact_date_div">
                    <label class="form-label">Correctuve action <span class="manitory">*</span></label>
                    <textarea class="form-control" name="correctuve_action" id="correctuve_action" placeholder="Enter correctuve action">{{ isset($nc_details->correctuve_action)?$nc_details->correctuve_action:'' }}</textarea>
                </div>
            </div>
            <div class="col-lg-6 col-md-6  col-md-12 ">
                <div class="mb-3" id="impact_date_div">
                    <label class="form-label">Preventive action <span class="manitory">*</span></label>
                    <textarea class="form-control" name="preventive_action" id="preventive_action" placeholder="Enter preventive action">{{ isset($nc_details->preventive_action)?$nc_details->preventive_action:'' }}</textarea>
                </div>
            </div>
            <div class="col-lg-6 col-md-6  col-md-12 ">
                <div class="mb-3" id="impact_date_div">
                    <label class="form-label">NC date <span class="manitory">*</span></label>
                    <div class="cal-icon">
                        <input type="text" class="form-control datepicker-form end-datepicker" name="nc_date" id="nc_date1" placeholder="DD-MM-YYYY" value="{{ isset($nc_details->nc_date)?ConverDayFormat($nc_details->nc_date):'' }}">
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6  col-md-12 ">
                <div class="mb-3" id="impact_date_div">
                    <label class="form-label">Closure date <span class="manitory">*</span></label>
                    <div class="cal-icon">
                        <input type="text" class="form-control datepicker-form end-datepicker" name="closure_date" id="closure_date1" placeholder="DD-MM-YYYY" value="{{ isset($nc_details->closure_date)?ConverDayFormat($nc_details->closure_date):'' }}">
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6  col-md-12 ">
                <div class="mb-3" id="control_objective_div">
                    <label class="form-label">Resolution time <span class="manitory">*</span></label>
                    <input type="text" name="resolution_time" id="control_objective" class="form-control timeloss" placeholder="Enter resolution hours" value="{{ isset($nc_details->resolution_time)?$nc_details->resolution_time:'' }}" readonly>
                </div>
            </div>

        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-primary" id="add_nc_single_save">Update</button>
            <button type="button" class="btn btn-cancel" data-bs-dismiss="modal">Cancel</button>
        </div>
    </form>
    </div>
    </div>
</div>
    </div>
    </div>
<!-- /Add -->
<div class="modal fade" id="delete_policy_modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered ">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Delete NC</h5>
                <button type="button" class="btn-close close-modal" data-bs-dismiss="modal" aria-label="Close">
                    <i class="fe fe-x"></i>
                </button>
            </div>
            <form>

                <div class="modal-body">
                    <div class="del-modal">
                        <p>Are you sure want to Delete?</p>
                    </div>
                </div>
                <div class="modal-footer pt-0">
                <input type="hidden" class="form-control" name="nc_id" id="nc_id" value="" readonly>

                    <button type="button" class="btn btn-primary" id="delete_st_btn">Yes</button>
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection