@extends('adminlte::page')

@section('title', 'Cumulative Risk')

@section('content_header')
    <div class="row mb-2">
        <div class="col-sm-6">
            <h1>Cumulative Risk</h1>
        </div>
        <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
                <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item active">Cumulative Risk</li>
            </ol>
        </div>
    </div>
@endsection

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card card-primary card-outline">
                <div class="card-header">
                    <h3 class="card-title">Choose option(s) to find cumulative risk</h3>
                    <div class="card-tools">
                        <button class="btn bg-gradient-success add-new-threat ml-2 btn-sm" id="CR_filter_btn">Filter
                            Cumulative Risk</button>
                        <button class="btn bg-gradient-primary add-new-threat ml-2 btn-sm" id="CR_export_to_PDF">Export To
                            PDF</button>
                    </div>
                </div>
                <div class="card-body">
                    {{-- Filter Blade --}}
                    @include('backend.cumulative_risk.cumulative-filter')
                    {{-- End Filter Blade --}}
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-body" id="cumulativeRiskMatrixContainer">
                    {{-- Matrix Blade --}}
                    @include('backend.cumulative_risk.cumulative-matrix')
                    {{-- End Matrix Blade --}}
                </div>
            </div>
        </div>
    </div>
    {{-- Modal Threat List --}}
    @include('backend.cumulative_risk.modal-threat-list')
    {{-- End Modal Threat List --}}
@endsection

@push('js')
    <script>
        const CR_filter_routes = {
            business_site: "{{ route('cumulative-risk.get-business-sites') }}",
            business_unit: "{{ route('cumulative-risk.get-business-units') }}",
            business_sub_unit: "{{ route('cumulative-risk.get-business-sub-units') }}",
            master_unit: "{{ route('cumulative-risk.get-master-units') }}",
            threat_edit_url: "{{ route('threats.edit', ['threat' => '__ID__']) }}",
            export_PDF_url: "{{ route('cumulative-risk.export-pdf') }}",
        };
    </script>
    <script src="{{ asset('assets/js/backend/cumulative_risk/cumulative-risk.js') }}"></script>
@endpush