@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-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>

<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">Download</a>

@endsection

@section('script')
@endsection