@extends('user.template')
@section('title', $title)
@section('head')
    <style>
        .tabbable .nav-pills {
            overflow-x: auto;
            overflow-y: hidden;
            flex-wrap: nowrap;
        }

        .tabbable .nav-pills .nav-link {
            white-space: nowrap;
        }

        .b-none {
            border: none
        }

        .ada-border {
            border: 1px solid black
        }

        tbody,
        tbody>tr,
        tbody>tr>td,
        tbody>tr>th {
            border: 1px solid white;
            font-size: 14px
        }

        ;

        .tFull {
            width: 100%;
        }
    </style>
@endsection

@section('content')

    <div class="row">
        <div class="col-md-12 grid-margin">
            <div class="row">
                <div class="col-12 col-xl-9 mb-4 mb-xl-0">
                    <h3 class="font-weight-bold">{{ $title }}</h3>
                    <h6 class="font-weight-normal mb-0"> Manajemen Risiko {{ $title }} </h6>
                </div>
                <div class="col-12 col-xl-3">
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12 mb-3">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('user.dinas.terkait') }}">Dinas Terkait</a></li>
                    <li class="breadcrumb-item"><a
                            href="{{ route('user.dinas.terkait.show', ['mr_id' => $mr->id]) }}">{{ $mr->pemda }}</a></li>
                    <li class="breadcrumb-item"><a
                            href="{{ route('user.dinas.terkait.dinas.show', ['dinas_id' => $dinas_id, 'mr_id' => $mr_id]) }}">{{ $pemda ?? $dinas }}</a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">{{ $title }}</li>
                </ol>
            </nav>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
            <div class="container-fluid">
                <nav class="tabbable">
                    <div class="nav nav-pills" id="nav-tab" role="tablist">
                        @foreach ($menu as $key => $val)
                            <a class="nav-item nav-link {{ $key == '1a' ? 'active' : '' }}"" id="nav-home-tab"
                                data-bs-toggle="tab" href="#nav-{{ $key }}" role="tab"
                                aria-controls="nav-{{ $key }}" aria-selected="true">{{ $val }}</a>
                        @endforeach
                    </div>
                </nav>
                <div class="tab-content pt-2" id="nav-tabContent" style="padding: 0px; border: none">
                    @foreach ($menu as $key => $val)
                        <div class="tab-pane fade {{ $key == '1a' ? 'show active' : '' }}" id="nav-{{ $key }}"
                            role="tabpanel" aria-labelledby="nav-home-tab">
                            @include("tables.$key")
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
    <div class="row mb-2"></div>
    {{-- <a href="{{ route('user.dinas.terkait.dinas.review', ['dinas_id' => $dinas_id, 'mr_id' => $mr_id, 'output' => 'pdf']) }}"
        class="btn btn-danger btn-sm btn-block" style="width: 100%;">Download</a> --}}

@endsection

@section('script')
@endsection