@extends('layouts.master')

@section('mainContent')
    <div class="page-wrapper">
        <div class="page-header-link">
            <a href="javascript:;" class="show-menuheader">
                Risk Menus
                <i class="fas fa-align-left ms-auto"></i>
            </a>
        </div>
        <div class="page-menu">
            <div class="page-menu-header">
                <h2>Risks Menu</h2>
                <a href="javascript:;" class="close-header-menu"> <i class="fas fa-close"></i></a>
            </div>
            <input type="hidden" name="page_name" value="{{ $page }}" id="page_name">
            <input type="hidden" value="{{ $asset->id }}" id="asset_id">
            @include('layouts.tenants.risks-header-menu')

        </div>
        <div class="content">
            <div class="row">
                <div class="col-12">
                    <div class="page-header">
                        <h3>Assets</h3>
                        <ul>
                            <li class="text-primary">Risk Management</li>
                            <li><a class="text-primary" href="{{ route('asset.list') }}">Assets</a></li>
                            <li><a href="javascript:;">Asset 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">
                                <h5>{{ $asset->asset_name }}</h5>
                            </div>
                            <div class="card-body-content">
                                <p>{{ $asset->description }}</p>
                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="client-details">
                                        <ul>
                                            <li>
                                                <h5>Asset ID</h5>
                                                <h6>{{ $asset->asset_id }}</h6>
                                            </li>
                                            <li>
                                                <h5>Asset Name</h5>
                                                <h6>{{ $asset->asset_name }}</h6>
                                            </li>
                                            <li>
                                                <h5>Asset Type</h5>
                                                <h6>{{ $asset->assetType->name }}</h6>
                                            </li>
                                            <li>
                                                <h5>Category</h5>
                                                <h6>{{ $asset->categoryData->name }}</h6>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="client-details">
                                        <ul>
                                            <li>
                                                <h5>Owner</h5>
                                                <h6>{{ $asset->ownerData->first_name.' '.$asset->ownerData->last_name }}</h6>
                                            </li>
                                            <li>
                                                <h5>Commissioned Date</h5>
                                                <h6>{{ \Carbon\Carbon::parse($asset->commissioned_date)->format('M d, Y') }}</h6>
                                            </li>
                                            <li>
                                                <h5>End of Life</h5>
                                                <h6>{{ \Carbon\Carbon::parse($asset->end_of_life)->format('M d, Y') }}</h6>
                                            </li>
                                            <li>
                                                <h5>Risk Levels</h5>
                                                <div class="progress-bar-details">
                                                    <div class="progress">
                                                        <div class="progress-bar" role="progressbar" style="width: {{ $asset->risk_levels }}%" aria-valuenow="{{ $asset->risk_levels }}" aria-valuemin="0" aria-valuemax="100"></div>
                                                    </div>
                                                    <div class="progress-div">
                                                        <h6>{{ $asset->risk_levels }}%</h6>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12">
                    <div class="card">
                        <div class="tab-set nav-tabs-two">
                            <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">Hosting</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" tabindex="-1">Assements</button>
                                </div>
                            </nav>
                            <div class="tab-content" id="nav-tabContent">
                                <div class="tab-pane fade show active" id="nav-documents" role="tabpanel" aria-labelledby="nav-documents-tab">
                                    <div class="header-status">
                                        <h5>Hosting Details</h5>
                                        @if(Auth::user()->hasPermission('asset','edit'))
                                        <a href="javascript:;" class="btn btn-primary-outline" data-bs-toggle="modal"
                                        data-bs-target="#manage-hosting">Update Hosting <i class="fe fe-edit ms-2"></i></a>
                                        @endif
                                    </div>
                                    <div class="project-details">
                                        <ul>
                                            <li>
                                                <h5>Hosting Type</h5>
                                                <h6>{{ $asset->hosting_type ?? '-' }}</h6>
                                            </li>
                                            <li>
                                                <h5>Storage Format</h5>
                                                <h6>{{ $asset->storage_format ?? '- '}}</h6>
                                            </li>
                                            <li>
                                                <h5>Internal or 3rd Party</h5>
                                                <h6>{{ $asset->storage_location ?? '-' }}</h6>
                                            </li>
                                            <li>
                                                <h5>Hosting Provider</h5>
                                                <h6>{{ $asset->hosting_provider ?? '-' }} </h6>
                                            </li>
                                            <li>
                                                <h5>Hosting location</h5>
                                                <h6>{{ $asset->hosting_location ?? '-' }}</h6>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="nav-comments" role="tabpanel" aria-labelledby="nav-comments-tab">
                                    <div class="header-status">
                                        <h5>Assessment Details</h5>
                                        @if($asset->assetType->category != 'IT')
                                        @if(Auth::user()->hasPermission('asset','edit'))
                                        <a href="javascript:;" class="btn btn-primary-outline" data-bs-toggle="modal"
                                        data-bs-target="#manage-assessment">Update Assessment <i class="fe fe-edit ms-2"></i></a>
                                        @endif
                                        @endif
                                    </div>
                                    <div class="project-details border">
                                        <ul>
                                            <li>
                                                <h5>Asset Name</h5>
                                                <h6>{{ $asset->asset_name }}</h6>
                                            </li>
                                            <li>
                                                <h5>Asset Category</h5>
                                                <h6>{{ $asset->categoryData->name }}</h6>
                                            </li>
                                            <li>
                                                <h5>Description</h5>
                                                <h6>{{ $asset->description }}</h6>
                                            </li>
                                            <li>
                                                <h5>Owner</h5>
                                                <h4>{{ $asset->ownerData->first_name.' '.$asset->ownerData->last_name }}</h4>
                                            </li>
                                            <li>
                                                <h5>Location</h5>
                                                <h6 class="location">{{ $asset->location ?? '-' }}</h6>
                                            </li>
                                            <li>
                                                <h5>Confidentiality</h5>
                                                <h6 class="confidentiality">
                                                    @if($asset->assetType->category == 'IT')
                                                        {{ !empty($asset->riskRegister->confidentialityData) ? $asset->riskRegister->confidentialityData->name : '-' }}
                                                    @else
                                                        {{ $asset->confidentialityData->name ?? '-' }}
                                                    @endif
                                                </h6>
                                                {{-- <h6><span class="badge badge-success-light">Low</span></h6> --}}
                                            </li>
                                            <li>
                                                <h5>Integrity</h5>
                                                <h6 class="integrity">
                                                    @if($asset->assetType->category == 'IT')
                                                        {{ !empty($asset->riskRegister->integrityData) ? $asset->riskRegister->integrityData->name : '-' }}
                                                    @else
                                                        {{ $asset->integrityData->name ?? '-' }}
                                                    @endif
                                                </h6>
                                                {{-- <h6><span class="badge badge-info-light">Medium</span></h6> --}}
                                            </li>
                                            <li>
                                                <h5>Availability</h5>
                                                <h6 class="availability">
                                                    @if($asset->assetType->category == 'IT')
                                                        {{ !empty($asset->riskRegister->availabilityData) ? $asset->riskRegister->availabilityData->name : '-' }}
                                                    @else
                                                        {{ $asset->availabilityData->name ?? '-' }}
                                                    @endif
                                                </h6>
                                                {{-- <h6><span class="badge badge-success-light">Low</span></h6> --}}
                                            </li>
                                            <li>
                                                <h5>Privacy (P)</h5>
                                                <h6 class="risk_assessment">
                                                    @if($asset->assetType->category == 'IT')
                                                        {{ !empty($asset->riskRegister->privacyData) ? $asset->riskRegister->privacyData->name : '-' }}
                                                    @else
                                                        {{ $asset->privacyData->name ?? '-' }}
                                                    @endif
                                                </h6>
                                                {{-- <h6><span class="badge badge-success-light">Low</span></h6> --}}
                                            </li>
                                            <li>
                                                <h5>Asset value</h5>
                                                <h6 class="asset_value">
                                                    @if($asset->assetType->category == 'IT')
                                                        {{ !empty($asset->riskRegister) ? $asset->riskRegister->asset_value : '-' }}
                                                    @else
                                                        {{ $asset->asset_value ?? '-' }}
                                                    @endif
                                                </h6>
                                                {{-- <h6>Highest</h6> --}}
                                            </li>
                                            {{-- <li>
                                                <h5>Risk Assessment </h5>
                                                <h4>N/A</h4>
                                            </li> --}}
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('customModal')
<!-- Hosting -->
<div class="modal fade modal-customization assetmodal" id="manage-hosting" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Hosting Details</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 id="manageHostingForm">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-12">
                            <div class="form-set">
                                <label>Hosting Type <span class="mandatory"></span></label>
                                <input type="text" class="form-control" placeholder="Enter Hosting Type" name="hosting_type" value="{{ $asset->hosting_type }}">
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="form-set">
                                <label>Storage Format <span class="mandatory"></span></label>
                                <input type="text" class="form-control" placeholder="Enter Storage Format" name="storage_format" value="{{ $asset->storage_format }}">
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="form-set">
                                <label>Internal or 3rd Party <span class="mandatory"></span></label>
                                <input type="text" class="form-control" placeholder="Enter Party Details" name="storage_location" value="{{ $asset->storage_location }}">
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="form-set">
                                <label>Hosting Provider <span class="mandatory"></span></label>
                                <input type="text" class="form-control" placeholder="Enter Hosting Provider" name="hosting_provider" value="{{ $asset->hosting_provider }}">
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="form-set">
                                <label>Hosting Location <span class="mandatory"></span></label>
                                <input type="text" class="form-control" placeholder="Enter Hosting Location" name="hosting_location" value="{{ $asset->hosting_location }}">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer pt-0">
                    <button type="button" class="btn btn-primary" id="update_hosting">Update</button>
                    <button type="button" class="btn btn-secondary btn-cancel" data-bs-dismiss="modal">Close</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- /Hosting -->
<!-- Assessment -->
<div class="modal fade modal-customization modalAssets" id="manage-assessment" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Assessment Details</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 id="manageAssessmentForm">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-12">
                            <div class="form-set">
                                <label>Location <span class="mandatory">*</span></label>
                                <input type="text" class="form-control" placeholder="Enter Location" name="location" id="location" value="{{ $asset->location }}">
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="mb-3" id="confidentiality_div">
                                <label>Confidentiality (C) <span class="manitory">*</span></label>
                                <select class="select asset_val" name="confidentiality" id="confidentiality">
                                    <option value="">Select Confidentiality</option>
                                    @foreach($privacySecurity as $row)
                                        <option value="{{ $row->value }}" @selected($row->value == $asset->confidentiality)>{{ $row->name }}</option>
                                    @endforeach
                               </select>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="mb-3" id="integrity_div">
                                <label>Integrity (I) <span class="manitory">*</span></label>
                                <select class="select asset_val" name="integrity" id="integrity">
                                    <option value="">Select Integrity</option>
                                    @foreach($privacySecurity as $row)
                                        <option value="{{ $row->value }}" @selected($row->value == $asset->integrity)>{{ $row->name }}</option>
                                    @endforeach
                               </select>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="mb-3" id="availability_div">
                                <label class="form-label">Availability (A) <span class="manitory">*</span></label>
                                <select class="select asset_val" name="availability" id="availability">
                                    <option value="">Select Availability</option>
                                    @foreach($privacySecurity as $row)
                                        <option value="{{ $row->value }}" @selected($row->value == $asset->availability)>{{ $row->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="mb-3" id="privacy_div">
                                <label class="form-label">Privacy (P) <span class="manitory">*</span></label>
                                <select class="select asset_val" name="risk_assessment" id="risk_assessment">
                                    <option value="">Select Privacy</option>
                                    @foreach($privacySecurity as $row)
                                        <option value="{{ $row->value }}" @selected($row->value == $asset->risk_assessment)>{{ $row->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="form-set">
                                <label>Asset Value <span class="mandatory">*</span></label>
                                <input type="text" class="form-control" placeholder="Enter Asset Value" name="asset_value" id="asset_value" value="{{ $asset->asset_value }}" readonly>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="mb-3" id="risk_level_div">
                                <label class="form-label">Risk Level <span class="manitory">*</span></label>
                                <select class="select" name="risk_levels" id="risk_levels">
                                    <option value="">Select Risk Level</option>
                                    @foreach($riskLevel as $row)
                                        <option value="{{ $row->value }}" @selected($row->value==$asset->risk_levels)>{{ $row->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer pt-0">
                    <button type="button" class="btn btn-primary" id="update_assessment">Update</button>
                    <button type="button" class="btn btn-secondary btn-cancel" data-bs-dismiss="modal">Close</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- /Assessment -->
@endsection