@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-support-menu')

        </div>

        <div class="content">
            <div class="row">
                <div class="col-12">
                    <div class="page-header">
                        <h3>Configurable Items</h3>
                        <ul>
                            <li class="text-primary">Project Support</li>
                            <li><a href="javascript:;">Configurable Items</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="project_lists">
                                            <select class="select" name="project_id" id="project_id">
                                            <option value="">Select Project</option>
                                                @if(!empty($projects))
                                                    @foreach($projects as $row)
                                                        <option value="{{ $row->id }}" @selected(session('project_id')==$row->id)>{{ $row->project_name.' - '.$row->project_id }}</option>
                                                    @endforeach
                                                @endif
                                               </select>
                                            </div>
                                       </li>
                                       @if(Auth::user()->hasPermission('configurable_items','create'))
                                       <li>
                                        <a class="btn btn-primary" id="add-config-click"><i class="fe fe-plus me-2"></i>New Configurable Items</a>
                                        <!-- data-bs-toggle="modal" data-bs-target="#add_config_modal" -->
                                        </li>
                                        @endif
                                        <li>
                                        <a href="{{ url('configurable_items/export/excel') }}" class="btn btn-secondary-outline">Export<i class="fe fe-copy ms-2"></i></a>
                                        </li> 
                                        <!-- <li>
                                            <a href="{{ url('commonTypes/list/config_work_product') }}" class="btn btn-warning"><i class="fa fa-tag me-2"></i>Configurable Items Setup</a>
                                        </li> -->

                                    </ul>
                                </div>
                            </div>
                        <div class="table-responsive">
                            <table class="table" id="config_table">
                                <thead>
                                    <tr>
                                    <th>Configurable Item </th>
                                    <th>Access Type</th>
                                    <th>Access Rights</th>
                                    <th>Work Product</th>
                                    <th>Verification</th>
                                    <th>Frequency</th>
                                    {{-- <th>Project Manager</th> --}}
                                    <th>Status</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>

@endsection

@section('customModal')

<div class="modal fade modal-customization" id="add_config_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">Add Item</h5>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                    <i class="fe fe-x"></i>
              </button>
            </div>
            <form id="add_config_save">
            <input type="hidden" name="config_id" value="">
            <input type="hidden" name="page" value="{{ $page }}" id="page">
            <input type="hidden" name="project_id" value="">
            <div class="modal-body">
                <div class="row">
                    <div class="col-lg-6 col-12">
                        <div class="mb-3"  id="configurable_item_name">
                            <label class="form-label">Configurable Items <span class="manitory">*</span></label>
                           <input type="text" class="form-control" name="configurable_item" placeholder="Enter the Configurable Item">
                        </div>
                    </div>

                    <div class="col-12" >
                        <div class="card">
                            <div class="card-body p-0">
                                <div class="tab-set">
                                    <nav>
                                        <div class="nav nav-tabs" id="nav-tab" role="tablist">
                                            <button class="nav-link active" id="nav-documents-tab" data-bs-toggle="tab" data-bs-target="#nav-documents" type="button" role="tab" aria-controls="nav-documents" aria-selected="true">Access</button>
                                            <!-- <button class="nav-link" id="nav-comments-tab" data-bs-toggle="tab" data-bs-target="#nav-comments" type="button" role="tab" aria-controls="nav-comments" aria-selected="false">Baseline</button> -->
                                        </div>
                                    </nav>
                                    <div class="tab-content px-0 pb-0" id="nav-tabContent">
                                        <!-- <div class="tab-pane fade show active" id="nav-documents" role="tabpanel" aria-labelledby="nav-documents-tab"> -->
                                            <div class="access-div">
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="mb-3"  id="file_path_div">
                                                            <label class="form-label">Folder path <span class="manitory">*</span></label>
                                                            <input type="text" name="file_path" id="file_path" class="form-control" placeholder="Enter the Folder Path">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-12">
                                                        <div class="mb-3" id="access_type_div">
                                                            <label class="form-label">Access type <span class="manitory">*</span></label>
                                                            <div class="server-divs server-access">
                                                                <ul>
                                                                    <li>
                                                                        <div class="radio">
                                                                            <input id="fhigh" name="access_type" type="radio" checked value="Full">
                                                                            <label for="fhigh" class="radio-label">Full</label>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div class="radio">
                                                                            <input id="highs" name="access_type" type="radio" value="View">
                                                                            <label  for="highs" class="radio-label">View</label>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div class="radio">
                                                                            <input id="medium" name="access_type" type="radio" value="Edit">
                                                                            <label for="medium" class="radio-label">Edit</label>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div class="radio">
                                                                            <input id="low" name="access_type" type="radio" value="Delete">
                                                                            <label  for="low" class="radio-label">Delete</label>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div class="radio">
                                                                            <input id="lows" name="access_type" type="radio" value="Read/Write">
                                                                            <label  for="lows" class="radio-label">Read/Write</label>
                                                                        </div>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6 col-12">
                                                        <div class="mb-3" id="access_rights_div">
                                                            <label class="form-label">Access rights <span class="manitory">*</span></label>
                                                        <select class="select" name="access_rights">
                                                        <option value="">Select</option>
                                                        @if($users->count()>0)
                                                                @foreach($users as $row)
                                                                    <option value="{{ $row->id }}" >{{ $row->first_name.' - '.$row->last_name }}</option>
                                                                @endforeach
                                                          @endif
                                                            </select>
                                                        </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6 col-12">
                                                        <div class="mb-3" id="work_product_div">
                                                            <label class="form-label">Work product <span class="manitory">*</span></label>
                                                            <select class="select" name="work_product">
                                                            <option value="">Select</option>
                                                                @if($configurations['config_work_product']->count()>0)
                                                                    @foreach($configurations['config_work_product'] as $row)
                                                                        <option value="{{ $row->id }}" >{{ $row->name }}</option>
                                                                    @endforeach
                                                                @endif
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-12">
                                                        <div class="mb-3" id="configurable_item_option_div">
                                                            <label class="form-label">Configurable item <span class="manitory">*</span></label>
                                                            <div class="server-divs server-access">
                                                                <ul>

                                                                    <li>
                                                                        <div class="radio">
                                                                            <input id="chighs" name="configurable_item_option" type="radio" value="yes" checked>
                                                                            <label  for="chighs" class="radio-label">Yes</label>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div class="radio">
                                                                            <input id="chighss" name="configurable_item_option" type="radio" value="no">
                                                                            <label  for="chighss" class="radio-label">No</label>
                                                                        </div>
                                                                    </li>

                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                   </div>

                                    <nav>
                                        <div class="nav nav-tabs" id="nav-tab" role="tablist">
                                                <button class="nav-link active" id="nav-comments-tab" data-bs-toggle="tab" data-bs-target="#nav-comments" type="button" role="tab" aria-controls="nav-comments" aria-selected="false">Baseline</button>
                                        </div>
                                    </nav>
                                       <div class="tab-content px-0 pb-0" id="nav-tabContent">

                                            <div class="access-div">
                                                <div class="row">
                                                    <div class="col-lg-4 col-md-6 col-12">
                                                        <div class="mb-3" id="baseline_criteria_div">
                                                            <label class="form-label">Baseline criteria <span class="manitory">*</span></label>
                                                            <select class="select" name="baseline_criteria">
                                                            <option value="">Select</option>
                                                                @if($configurations['config_criteria']->count()>0)
                                                                    @foreach($configurations['config_criteria'] as $row)
                                                                        <option value="{{ $row->id }}" >{{ $row->name }}</option>
                                                                    @endforeach
                                                                @endif
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4 col-md-6 col-12">
                                                        <div class="mb-3" id="backup_div">
                                                            <label class="form-label">Backup <span class="manitory">*</span></label>
                                                            <select class="select" name="backup">
                                                                <option value="">Select</option>
                                                                @if($configurations['config_backup']->count()>0)
                                                                    @foreach($configurations['config_backup'] as $row)
                                                                        <option value="{{ $row->id }}" >{{ $row->name }}</option>
                                                                    @endforeach
                                                                @endif                                                             </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4 col-md-6 col-12">
                                                        <div class="mb-3" id="retention_div">
                                                            <label class="form-label">Retention <span class="manitory">*</span></label>
                                                            <select class="select" name="retention">
                                                                <option value="">Select</option>
                                                                @if($configurations['config_retention']->count()>0)
                                                                    @foreach($configurations['config_retention'] as $row)
                                                                        <option value="{{ $row->id }}" >{{ $row->name }}</option>
                                                                    @endforeach
                                                                @endif
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6 col-12">
                                                        <div class="mb-3" id="verification_div">
                                                            <label class="form-label">Verification <span class="manitory">*</span></label>
                                                            <select class="select" name="verification">
                                                            <option value="">Select</option>
                                                                @if($configurations['config_verification']->count()>0)
                                                                    @foreach($configurations['config_verification'] as $row)
                                                                        <option value="{{ $row->id }}" >{{ $row->name }}</option>
                                                                    @endforeach
                                                                @endif
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6 col-12">
                                                        <div class="mb-3" id="frequency_div">
                                                            <label class="form-label">Frequency <span class="manitory">*</span></label>
                                                            <select class="select" name="frequency">
                                                            <option value="">Select</option>
                                                                @if($configurations['config_frequency']->count()>0)
                                                                    @foreach($configurations['config_frequency'] as $row)
                                                                        <option value="{{ $row->id }}" >{{ $row->name }}</option>
                                                                    @endforeach
                                                                @endif
                                                            </select>
                                                        </div>
                                                    </div>

                                                    <div class="col-lg-6 col-12">
                                                        <div class="mb-3" id="project_manager_div">
                                                            <label class="form-label">Project Manager <span class="manitory">*</span></label>
                                                        <select class="select" name="project_manager">
                                                        <option value="">Select</option>
                                                            @if($users->count()>0)
                                                                @foreach($users as $row)
                                                                    <option value="{{ $row->id }}" >{{ $row->first_name.' - '.$row->last_name }}</option>
                                                                @endforeach
                                                            @endif
                                                        </select>
                                                        </div>
                                                    </div>

                                                    <div class="col-lg-6 col-12">
                                                        <div class="mb-3" id="configuration_manager_div">
                                                            <label class="form-label">Configuration Manager <span class="manitory">*</span></label>
                                                        <select class="select" name="configuration_manager">
                                                        <option value="">Select</option>
                                                            @if($users->count()>0)
                                                                @foreach($users as $row)
                                                                    <option value="{{ $row->id }}" >{{ $row->first_name.' - '.$row->last_name }}</option>
                                                                @endforeach
                                                            @endif
                                                        </select>
                                                        </div>
                                                    </div>

                                                    <div class="col-lg-6 col-12">
                                                        <div class="mb-3" id="applicability_div">
                                                            <label class="form-label">Applicability</label>
                                                        <select class="select" name="applicability">
                                                        <option value="">Select</option>
                                                            @if($users->count()>0)
                                                                @foreach($users as $row)
                                                                    <option value="{{ $row->id }}" >{{ $row->first_name.' - '.$row->last_name }}</option>
                                                                @endforeach
                                                            @endif
                                                        </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6 col-12">
                                                        <div class="mb-3" id="status_div">
                                                            <label class="form-label">Status  </label>
                                                            <select class="select" name="status">
                                                            <option value="">Select</option>
                                                                @if($configurations['config_status']->count()>0)
                                                                    @foreach($configurations['config_status'] as $row)
                                                                        <option value="{{ $row->id }}" >{{ $row->name }}</option>
                                                                    @endforeach
                                                                @endif
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                         </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                <!-- </div>
            </div> -->
            <div class="modal-footer">
            <!-- <button type="button" class="btn btn-primary" id="add_config_save">Create New</button> -->
            <input type="submit" class="btn btn-primary" id="add_config_save" value="Create New">

            <button type="button" class="btn btn-cancel" data-bs-dismiss="modal">Cancel</button>
            </div>
            </form>
          </div>
    </div>
</div>
</div>
@endsection