@extends('dinas.template')

@section('head')
<style>
  tr>td{
    padding: 5px;
  }
  tr>th{
    padding: 5px;
  }
  .i-mini{
    font-size: 8px
  }
  .btn-mini{
    padding: 3px;
  }
  .px8{
    font-size: 8px;
  }
</style>
@endsection

@section('content')
  
<div class="row">
    <div class="col-md-12 grid-margin">
      <div class="row">
        <div class="col-12 col-xl-8 mb-4 mb-xl-0">
          <h3 class="font-weight-bold">{{$strategis->dinas}}</h3>
          <h6 class="font-weight-normal mb-0">{{$strategis->periode}}</h6>
        </div>
        
        <div class="col-12 col-xl-4">
         <div class="justify-content-end d-flex">
          <div class="flex-md-grow-1 flex-xl-grow-0">
          </div>
         </div>
        </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('dinas.mr.show',['id'=>$strategis->mr_id])}}">Menejemen Risiko</a></li>
              <li class="breadcrumb-item"><a href="{{route('dinas.konteks.operasional.opd.show',['dinas_terkait_id'=>$strategis->dinas_terkait_id])}}">{{$strategis->dinas}}</a></li>
              <li class="breadcrumb-item active" aria-current="page">Review</li>
            </ol>
        </nav>
    </div>
</div>

<div class="row justify-content-md-center">
  <div class="col-sm-8">
    <div class="card">
      <div class="card-body">
        @include('tables.konteks-operasional-opd')
      </div>
    </div>
  </div>
</div>

@endsection