@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.audit-header-menu')

        </div>
        <div class="content">
            <div class="row">
                <div class="col-12">
                    <div class="page-header">
                        <h3>Audit</h3>
                        <ul>
                            <li class="text-primary">Audit & Assurancce</li>
                            <li><a href="javascript:;">Audit</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">

                                       @if(Auth::user()->hasPermission('audit_plan','create'))
                                       <li>
                                       <a class="btn btn-primary" id="add_auditplan_click"><i class="fe fe-plus me-2"></i>New Audit</a>
                                       </li>
                                       @endif
                                       <li>
                                       <!--  -->
                                            <a href="{{ url('audit/export/excel') }}" class="btn btn-secondary-outline export_policy">Export<i class="fe fe-copy ms-2"></i></a>
                                        </li>

                                    </ul>
                                </div>
                            </div>
                        <div class="table-responsive">
                            <table class="table" id="audit_table">
                                <thead>
                                    <tr>
                                    <th>Audit ID</th>
                                    <th>Name of audit </th>
                                    <th>Project name</th>
                                    <th>Audit standard</th>
                                    <th>Auditor</th>
                                    <th>Auditees</th>
                                    {{-- <th>Approver</th>
                                    <th>Activity</th> --}}
                                    <th>Frequency</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">Add Audit</h5>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                    <i class="fe fe-x"></i>
              </button>
            </div>
            <form id="auditplanForm">
            <input type="hidden" name="edit_id" value="" id="edit_id">
            <input type="hidden" name="page" value="{{ $page }}" id="page">
            <div class="modal-body">
                <div class="row">
                <div class="col-lg-4 col-md-4  col-md-12 ">
                        <div class="mb-3" id="audit_name_div">
                            <label class="form-label">Audit name <span class="manitory">*</span></label>
                            <input type="text" class="form-control" name="audit_name" id="audit_name" placeholder="Enter audit name" >
                        </div>
                </div>
                <div class="col-lg-4 col-md-4  col-md-12 ">
                        <div class="mb-3" id="project_div">
                            <label class="form-label">Project name <span class="manitory">*</span></label>
                            <select class="select" name="project" id="project">
                            <option value="">Select</option>
                                @if($projects)
                                    @foreach($projects as $row)
                                        <option value="{{ $row->id }}">{{ $row->project_name }}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                </div>
                <div class="col-lg-4 col-md-4  col-md-12 ">
                <div class="mb-3" id="standard_type_div">
                    <label class="form-label"><label>Standard type <span class="mandatory">*</span></label>
                    <div class="server-divs server-access">
                        <ul>
                            <li>
                                <div class="radio">
                                    <input id="chighs" class="standard_type" name="standard_type" type="radio" value="cmmi" checked>
                                    <label  for="chighs" class="radio-label">CMMI</label>
                                </div>
                            </li>
                            <li>
                                <div class="radio">
                                    <input id="chighss" class="standard_type" name="standard_type" type="radio" value="security">
                                    <label  for="chighss" class="radio-label">Security</label>
                                </div>
                            </li>
                        </ul>
                    </div>
                  </div>
                </div>

                <div class="col-lg-4 col-md-4  col-md-12" id="cmmi_standards">  <!--cmmi -->
                    <div class="mb-3" id="cmmi_standard_div">
                        <label class="form-label">Standard <span class="manitory">*</span></label>
                        <select class="select" name="cmmi_standard" id="standard">
                            <option value="">Select</option>
                            @if($cmmiTypes)
                                @foreach($cmmiTypes as $row)
                                    <option value="{{ $row->id }}">{{ $row->primary_entity }}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                </div>

                <div class="col-lg-4 col-md-4  col-md-12" id="security_standards" style="display:none">
                    <div class="mb-3" id="security_standard_div">
                        <label class="form-label">Standard <span class="manitory">*</span></label>
                        <select class="select" name="security_standard" id="standard">
                            <option value="">Select</option>
                            @if($standard)
                                @foreach($standard as $row)
                                    <option value="{{ $row->id }}">{{ $row->standard_name }}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                </div>

                <div class="col-lg-4 col-md-4  col-md-12">
                        <div class="mb-3" id="auditor_name_div">
                            <label class="form-label">Auditor <span class="manitory">*</span></label>
                            <input type="text" class="form-control" name="auditor_name" id="auditor_name" placeholder="Enter auditor name" >
                        </div>
                </div>

                <div class="col-lg-4 col-md-4  col-md-12 ">
                        <div class="mb-3" id="auditee_name_div">
                            <label class="form-label">Auditee name <span class="manitory">*</span></label>
                            {{-- <input type="text" class="form-control" name="auditee_name" id="auditee_name" placeholder="Enter auditee name" > --}}
                            <select class="select" name="auditee_name[]" id="auditee_name" multiple> 
                                @if (!empty($users))
                                    @foreach ($users as $arow)
                                        <option value="{{ $arow->id }}">{{ $arow->first_name.' '.$arow->last_name }}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                </div>
                <div class="col-lg-4 col-md-4  col-md-12">
                        <div class="mb-3" id="approver_div">
                            <label class="form-label"> Approver <span class="manitory">*</span></label>
                            <select class="select" name="approver" id="approver">
                                <option value="">Select</option>
                                @if (!empty($users))
                                    @foreach ($users as $row)
                                        <option value="{{ $row->id }}">{{ $row->first_name.' '.$row->last_name }}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                </div>

                <div class="col-lg-4 col-md-4  col-md-12">
                        <div class="mb-3" id="stage_div">
                            <label class="form-label">Stage <span class="manitory">*</span></label>
                            <select class="select" name="stage" id="stage">
                                <option value="">Select</option>
                                @if (!empty($configurations['audit_stage']))
                                    @foreach ($configurations['audit_stage'] as $row)
                                        <option value="{{ $row->id }}">{{ $row->name }}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                </div>

                <div class="col-lg-4 col-md-4  col-md-12 ">
                        <div class="mb-3" id="activity_div">
                            <label class="form-label"> Activity <span class="manitory">*</span></label>
                            <select class="select" name="activity" id="activity">
                                <option value="">Select</option>
                                @if (!empty($configurations['audit_activity']))
                                @foreach ($configurations['audit_activity'] as $row)
                                    <option value="{{ $row->id }}">{{ $row->name }}</option>
                                @endforeach
                                @endif
                            </select>
                        </div>
                </div>
                <div class="col-lg-4 col-md-4  col-md-12 ">
                        <div class="mb-3" id="frequency_div">
                            <label class="form-label"> Frequency <span class="manitory">*</span></label>
                            <select class="select" name="frequency" id="frequency">
                                <option value="">Select</option>
                                @if (!empty($configurations['audit_frequency']))
                                    @foreach ($configurations['audit_frequency'] as $row)
                                        <option value="{{ $row->id }}">{{ $row->name }}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                </div>
                <div class="col-lg-4 col-md-12 ">
                        <div class="mb-3" id="created_date_div">
                            <label class="form-label">Start date <span class="manitory">*</span></label>
                            <div class="cal-icon">
                                <input type="text" class="form-control datepicker" name="start_date" id="start_date" placeholder="DD-MM-YYYY" >
                            </div>
                        </div>
                </div>

                <div class="col-lg-4 col-md-12 ">
                        <div class="mb-3" id="end_date_div">
                            <label class="form-label">End date <span class="manitory">*</span></label>
                            <div class="cal-icon">
                                <input type="text" class="form-control datepicker" name="end_date" id="end_date" placeholder="DD-MM-YYYY" >
                            </div>
                        </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-4  col-md-12 ">
                        <div class="mb-3" id="status_div">
                            <label class="form-label">Status <span class="manitory">*</span></label>
                            <select class="select" name="status" id="status">
                            <option value="">Select</option>
                            @if (!empty($configurations['audit_status']))
                                    @foreach ($configurations['audit_status'] as $row)
                                        <option value="{{ $row->id }}">{{ $row->name }}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-primary" id="add_audit_save">Create New</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 Audit</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="audit_id" id="audit_id" value="" readonly>
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="button" class="btn btn-primary" id="delete_st_btn">Yes</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection