<!-- Bootstrap -->
 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

  <!-- Bootstrap -->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

  
@extends('backend.home.index')
@push('header','Beranda')
@section('content')
<div class="panel-container show">
    <div class="panel-content">
        <h3> Antarmuka Pencarian Dokumen </h3>       
    </div>
</div>
<div class="container">
  <div class="row">
    <div class="col-4">
      <div class="float-left mb-3">
     <!--Accordion  -->

     <!-- Accordion Policy -->
     <div class="accordion" id="accordionExample">
       <!-- Accordion Policy Id -->
  <div class="accordion-item" id="policy-id">
    <h2 class="accordion-header lh-1" id="headingOne"> @foreach($katpol as $katpols)
      <button class="accordion-button policy" id="policy-button" name="policy-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
        {{ $katpols->nama }}
      
      </button>
    </h2>

    <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
      <div class="accordion-body" id="policy-body">
      <p class="text-center text-start text-wrap lh-base fs-6 font-monospace">  
      <ul class="list-group">
          <li class="list-group-item d-flex justify-content-between align-items-center lh-1">
             Peraturan Hukum
        <span class="badge bg-primary rounded-pill">14</span>
      </li>
      <li class="list-group-item d-flex justify-content-between align-items-center lh-1">
          Regulasi
        <span class="badge bg-primary rounded-pill">2</span>
      </li>
      <li class="list-group-item d-flex justify-content-between align-items-center lh-1">
          Standar Operation Procedure
        <span class="badge bg-primary rounded-pill">1</span>
      </li>
    </ul>    
    </p>
      </div>
    </div>
    @endforeach
  </div>


  <!-- Accordion OGP -->
  <div class="accordion-item" id="ogp-id">
    <h2 class="accordion-header" id="headingTwo">
      @foreach($katogp as $katogps)
      <button class="accordion-button collapsed" id="output-button" name="output-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
        {{ $katogps->nama }}
      </button>
    </h2>
    <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
      <div class="accordion-body">   
        <ul class="list-group">
          <li class="list-group-item d-flex justify-content-between align-items-center lh-1">
             Plan
        <span class="badge bg-primary rounded-pill">14</span>
      </li>
      <li class="list-group-item d-flex justify-content-between align-items-center lh-1">
          Budget
        <span class="badge bg-primary rounded-pill">2</span>
      </li>
      <li class="list-group-item d-flex justify-content-between align-items-center lh-1">
          Audit
        <span class="badge bg-primary rounded-pill">1</span>
      </li>
    </ul>
      </div>
    </div>
    
    @endforeach
  </div>

  <!-- Accordion Regular CI -->
  <div class="accordion-item">
    <h2 class="accordion-header" id="headingThree">
      @foreach($katrci as $katrcis)
      <button class="accordion-button collapsed" type="button" id="reguler-button" name="reguler-button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
        {{ $katrcis->nama }}
      </button>
    </h2>
    <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
      <div class="accordion-body">
      <p class="text-center text-start text-wrap lh-base fs-6 font-monospace">  <ul class="list-group">
          <li class="list-group-item d-flex justify-content-between align-items-center lh-1">
             Konsensus
        <span class="badge bg-primary rounded-pill">14</span>
      </li>
      <li class="list-group-item d-flex justify-content-between align-items-center lh-1">
          Survei
        <span class="badge bg-primary rounded-pill">2</span>
      </li>
      <li class="list-group-item d-flex justify-content-between align-items-center lh-1">
          Kuisioner
        <span class="badge bg-primary rounded-pill">1</span>
      </li>
    </ul>    
   </p>
    </div>
      </div>
    @endforeach
  </div>

  <!-- Accordion Formal -->
  <div class="accordion-item">
    <h2 class="accordion-header" id="headingFour"> @foreach($katfor as $katfors)
      <button class="accordion-button collapsed" type="button" id="formal-button" name="formal-button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
        {{ $katfors->nama }}
      </button>
    </h2>
    <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample">
      <div class="accordion-body">
      <p class="text-center text-start text-wrap lh-base fs-6 font-monospace "> 
      <ul class="list-group">
          <li class="list-group-item d-flex justify-content-between align-items-center lh-1">
             SK
        <span class="badge bg-primary rounded-pill">14</span>
      </li>
      <li class="list-group-item d-flex justify-content-between align-items-center lh-1">
          RKU-KL, SPM
        <span class="badge bg-primary rounded-pill">2</span>
      </li>
      <li class="list-group-item d-flex justify-content-between align-items-center lh-1">
          Dokumen Lelang, Penawaran, Surat Kontrak
        <span class="badge bg-primary rounded-pill">1</span>
      </li>
    </ul>        
    </p>
      </div>
    </div>
    @endforeach
  </div>

  <!-- Accordion Minutes -->
  <div class="accordion-item">
    <h2 class="accordion-header" id="headingFive">@foreach($katmin as $katmins)
      <button class="accordion-button collapsed" type="button" id="minute-button" name="minute-button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
        {{ $katmins->nama }}
      </button>
    </h2>
    <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#accordionExample">
      <div class="accordion-body">
      <p class="text-center text-start text-wrap lh-base fs-6 font-monospace">  
      <ul class="list-group">
          <li class="list-group-item d-flex justify-content-between align-items-center lh-1">
             Notulen Rapat
        <span class="badge bg-primary rounded-pill">14</span>
      </li>
      <li class="list-group-item d-flex justify-content-between align-items-center lh-1">
          Seminar
        <span class="badge bg-primary rounded-pill">2</span>
      </li>
      <li class="list-group-item d-flex justify-content-between align-items-center lh-1">
          Konferensi
        <span class="badge bg-primary rounded-pill">1</span>
      </li>
    </ul>        
      </p>
      </div>
    </div>
    @endforeach
  </div>

  <!-- Accordion Internal -->
  <div class="accordion-item">
    <h2 class="accordion-header" id="headingSix">@foreach($katint as $katints)
      <button class="accordion-button collapsed" type="button" id="internal-button" name="internal-button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
        {{ $katints->nama }}
      </button>
    </h2>
    <div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix" data-bs-parent="#accordionExample">
      <div class="accordion-body">
      <p class="text-center text-start text-wrap lh-base fs-6 font-monospace"> 
      <ul class="list-group">
          <li class="list-group-item d-flex justify-content-between align-items-center lh-1">
             Memo
        <span class="badge bg-primary rounded-pill">14</span>
      </li>
      <li class="list-group-item d-flex justify-content-between align-items-center lh-1">
          Email
        <span class="badge bg-primary rounded-pill">2</span>
      </li>
      <li class="list-group-item d-flex justify-content-between align-items-center lh-1">
          Lainnya
        <span class="badge bg-primary rounded-pill">1</span>
      </li>
    </ul>            
    </p>
      </div>
    </div>
    @endforeach
  </div>

  <!-- akhir accordion -->
  <!-- akhir float left  -->
</div>
<!-- akhir col-4  -->
</div>
</div>


<div class="col-8">
    <div class="">
    <form action="" style="display: none ;" id="form-policy" name="form-policy" >
    <p class="fs-3 font-monospace"> Data Kebijakan </p>
   <div class="card mb-3" style="max-width: 640px; d-flex justify-content-between align-items-center" id="policy" name="policy">
    @foreach($policies as $policy)
  <div class="row g-0">
    <div class="col-md-3">
      <img src="{{ asset('backend/img/svg/BPPK.svg') }}" class="img-fluid rounded-start" alt="...">
    </div>
    <div class="col-md-5">
      <div class="card-body">
        <h5 class="card-title">{{ $policy->nama  }} </h5>
        <p class="card-text"><span class="badge bg-primary">#SOP</span>&nbsp;<span class="badge bg-success">#Regulasi</span>&nbsp;<span class="badge bg-info">#Kebijakan</span></p>
       <a href="{{ URL::asset( $halaman->kode .'/view')}}">
        <a href="{{ url($policy->url_berkas)}}" class="btn btn-success">Unduh</a> <span><i class="cloud-download"></i></span>
      </a>
        <p class="card-text"><span><small class="text-muted"> updated at {{ $policy->updated_at->diffForHumans()}} </small></span></p>
      </div>
    </div>
  </div> 
  @endforeach
</div>
</form>

<form action="" style="display: none ;" id="form-output" name="form-output" >
<p class="fs-3 font-monospace"> Data Output Govenrment Process </p>
<div class="card mb-3" style="max-width: 640px;" id="ogp" name="ogp">
    @foreach($ogp as $ogps)
  <div class="row g-0">
    <div class="col-md-3">
      <img src="{{ asset('backend/img/svg/BPPK.svg') }}" class="img-fluid rounded-start" alt="...">
    </div>
    <div class="col-md-5">
      <div class="card-body">
        <h5 class="card-title">{{ $ogps->nama }} </h5>
        <p class="card-text">This is a wider card with supporting text below.</p>
        <small><a href="{{ url($ogps->url_berkas) }}" class="btn btn-success">Unduh</a></small> <span><i class="cloud-download"></i></span>
        <p class="card-text"><span><small class="text-muted"> updated at {{ $ogps->updated_at->diffForHumans()}} </small></span></p>
      </div>
    </div>
  </div> 
  @endforeach
</div>
</form>

<form action="" style="display: none ;" id="form-reguler" name="form-reguler" >
<p class="fs-3 font-monospace"> Data Reguler Collected Information </p>
<div class="card mb-3" style="max-width: 640px;" id="reguler" name="reguler">
    @foreach($reguler as $regulers)
  <div class="row g-0">
    <div class="col-md-3">
      <img src="{{ asset('backend/img/svg/BPPK.svg') }}" class="img-fluid rounded-start" alt="...">
    </div>
    <div class="col-md-5">
      <div class="card-body">
        <h5 class="card-title">{{ $regulers->nama }} </h5>
        <p class="card-text">This is a wider card with supporting text below.</p>
        <a href="{{ url($regulers->url_berkas) }}" class="btn btn-success">Unduh</a> <span><i class="cloud-download"></i></span>
        <p class="card-text"><span><small class="text-muted"> updated at {{ $regulers->updated_at }} </small></span></p>
      </div>
    </div>
  </div> 
  @endforeach
</div>
</form>

<form action="" style="display: none ;" id="form-formal" name="form-formal" >
<p class="fs-3 font-monospace"> Data Dokumen Formal </p>
<div class="card mb-3" style="max-width: 640px;" id="formal" name="formal">
    @foreach($formal as $formals)
  <div class="row g-0">
    <div class="col-md-3">
      <img src="{{ asset('backend/img/svg/BPPK.svg') }}" class="img-fluid rounded-start" alt="...">
    </div>
    <div class="col-md-5">
      <div class="card-body">
        <h5 class="card-title">{{ $formals->nama }} </h5>
        <p class="card-text">This is a wider card with supporting text below.</p>
        <a href="{{ url($formals->url_berkas) }}" class="btn btn-success"> Unduh </a> <span><i class="cloud-download"></i></span>
        <p class="card-text"><span><small class="text-muted"> updated at {{ $formals->updated_at }} </small></span></p>
      </div>
    </div>
  </div> 
  @endforeach
</div>
</form>

<form action="" style="display: none ;" id="form-minute" name="form-minute" >
<p class="fs-3 font-monospace"> Data Minute Report </p>
<div class="card mb-3" style="max-width: 640px;" id="" name="">
    @foreach($minute as $minutes)
  <div class="row g-0">
    <div class="col-md-3">
      <img src="{{ asset('backend/img/svg/BPPK.svg') }}" class="img-fluid rounded-start" alt="...">
    </div>
    <div class="col-md-5">
      <div class="card-body">
        <h5 class="card-title">{{ $minutes->nama }} </h5>
        <p class="card-text">This is a wider card with supporting text below.</p>
        <a href="{{ url($minutes->url_berkas)  }}" class="btn btn-success">Unduh</a> <span><i class="cloud-download"></i></span>
        <p class="card-text"><span><small class="text-muted"> updated at {{ $minutes->updated_at }} </small></span></p>
      </div>
    </div>
  </div> 
  @endforeach
</div>
</form>

<form style="display: none ;" id="form-internal" name="form-internal" >
<p class="fs-3 font-monospace"> Data Komunikasi Internal </p>
<div class="card mb-3" style="max-width: 640px;" id="internal" name="internal">
    @foreach($internal as $internals)
  <div class="row g-0">
    <div class="col-md-3">
      <img src="{{ asset('backend/img/svg/BPPK.svg') }}" class="img-fluid rounded-start" alt="...">
    </div>
    <div class="col-md-5">
      <div class="card-body">
        <h5 class="card-title">{{ $internals->nama }} </h5>
        <p class="card-text">This is a wider card with supporting text below.</p>
        <a href="{{ url($internals->url_berkas) }}" class="btn btn-success">Unduh</a> <span><i class="cloud-download"></i></span>
        <p class="card-text"><span><small class="text-muted"> updated at {{ $internals->updated_at }} </small></span></p>
      </div>
    </div>
  </div> 
  @endforeach
</div>
</form>



<!-- Show Sources knowledge of Policies -->
<!-- <div class="accordion" id="accordionExample">
  <div class="accordion-item" id="policy-id">
    <h2 class="accordion-header" id="headingOne">
      
    </h2>
    
    <div id="policy" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
      <div class="accordion-body">
      @foreach($katpol as $katpols)
        <button class="accordion-button font-monospace text-center policy" type="button" id="policy" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne" id="policy-id">
      Source of {{ $katpols->nama }}
      </button>
       
      <p class="text-center text-start text-wrap lh-base fs-6 font-monospace">  {{ $katpols->keterangan }} </p>      
      @endforeach
     <table class="table table-striped" id="headingOne">
  
      <tbody>
       
          @foreach($policies as $policy)
        <tr>
          
          <td> 
            <div class="card w-220">
              <div class="card-header">
                  {{ $policy->nama }}
            </div>
      <div class="card-body">
        <h5 class="card-title">{{ $policy->nomor, $policy->tahun }}</h5>
        <p class="card-text">{{ $policy->keterangan }}</p>
        <a href="#" class="btn btn-primary"> Download </a>
      </div>
    </div> </td>
        </tr>
        @endforeach
    </tbody>
    </table>


      </div>
    </div>
  </div>

    </div>
    <div>
</div> -->

<!-- Source Knowledge of Output Government Services  -->
<!-- <div class="accordion" id="accordionExample">
  <div class="accordion-item" id="ogp-id">
    <h2 class="accordion-header" id="headingTwo">
      
    </h2>
    <div id="collapseTwo" class="accordion-collapse collapse show" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
      <div class="accordion-body">
      @foreach($katogp as $katogps)
      <button class="accordion-button font-monospace text-center" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo" id="ogp-id">
        Source of {{ $katogps->nama }}
      </button>
     
      <p class="text-center text-start text-wrap lh-base fs-6 font-monospace">  {{ $katogps->keterangan }} </p>     
      @endforeach
     <table class="table table-striped" id="headingTwo">
  
      <tbody>
      @foreach($ogp as $ogps)
        <tr>
          
          <td> 
            <div class="card w-220">
              <div class="card-header">
                 {{ $ogps->nama }}
            </div>
         
      <div class="card-body">
        <h5 class="card-title">{{ $ogps->nomor, $ogps->tahun }} </h5>
        <p class="card-text">{{ $ogps->keterangan }}</p>
        <a href="#" class="btn btn-primary"> </a>
      </div>
    </div> </td>
        </tr>
      
      @endforeach
    </tbody>
    </table>


      </div>
    </div>
  </div>

 
  


    </div>
    <div>
</div> -->

<!-- Sources of Regulerly Collected Information -->
<!-- <div class="accordion" id="accordionExample">
  <div class="accordion-item" id="reguler-id">
    <h2 class="accordion-header" id="headingThree">
     
    </h2>
    <div id="collapseThree" class="accordion-collapse collapse show" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
      <div class="accordion-body">
      @foreach($katrci as $katrcis)
      <button class="accordion-button font-monospace text-center" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree" id="reguler-id">
        Source of {{ $katrcis->nama }}
      </button>
      
      <p class="text-center text-start text-wrap lh-base fs-6 font-monospace">  {{ $katrcis->keterangan }} </p>     
      @endforeach

     <table class="table table-striped" id="headingThree">
  
      <tbody>
      @foreach($reguler as $regulers)
        <tr>
          
          <td> 
            <div class="card w-220">
              <div class="card-header">
                 {{ $regulers->nama }}
            </div>
         
      <div class="card-body">
        <h5 class="card-title">{{ $regulers->nomor, $regulers->tahun }} </h5>
        <p class="card-text">{{ $regulers->keterangan }}</p>
        <a href="#" class="btn btn-primary"> </a>
      </div>
    </div> </td>
        </tr>
      
      @endforeach
    </tbody>
    </table>


      </div>
    </div>
  </div>

    </div>
    <div>
</div> -->

<!-- Source Knowledge of Formal Document -->
<!-- <div class="accordion" id="accordionExample">
  <div class="accordion-item" id="formal-id">
    <h2 class="accordion-header" id="headingFour">
     
    </h2>
    <div id="collapseFour" class="accordion-collapse collapse show" aria-labelledby="headingFour" data-bs-parent="#accordionExample">
      <div class="accordion-body">
      @foreach($katfor as $katfors)
      <button class="accordion-button font-monospace text-center" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="true" aria-controls="collapseFour" id="formal-id">
        Source of {{ $katfors->nama }}
      </button>
    
      <p class="text-center text-start text-wrap lh-base fs-6 font-monospace">  {{ $katfors->keterangan }} </p>     
      @endforeach

     <table class="table table-striped" id="headingFour">
  
      <tbody>
      @foreach($formal as $formals)
        <tr>
          
          <td> 
            <div class="card w-220">
              <div class="card-header">
                 {{ $formals->nama }}
            </div>
         
      <div class="card-body">
        <h5 class="card-title">{{ $formals->nomor, $formals->tahun }} </h5>
        <p class="card-text">{{ $formals->keterangan }}</p>
        <a href="#" class="btn btn-primary"> </a>
      </div>
    </div> </td>
        </tr>
      
      @endforeach
    </tbody>
    </table>


      </div>
    </div>
  </div>

    </div>
    <div>
</div> -->

<!-- Source Knowledge of Minutes Report -->
<!-- <div class="accordion" id="accordionExample">
  <div class="accordion-item" id="minute-id">
    <h2 class="accordion-header" id="headingFive">
      
    </h2>
    <div id="collapseFive" class="accordion-collapse collapse show" aria-labelledby="headingFive" data-bs-parent="#accordionExample">
      <div class="accordion-body">
      @foreach($katmin as $katmins)
      <button class="accordion-button font-monospace text-center" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="true" aria-controls="collapseFive" id="minute-id">
        Source Knowledge of {{ $katmins->nama }} 
      </button>
      
      <p class="text-center text-start text-wrap lh-base fs-6 font-monospace">  {{ $katmins->keterangan }} </p>      
      @endforeach

     <table class="table table-striped" id="headingFive">
  
      <tbody>
      @foreach($minute as $minutes)
        <tr>
          
          <td> 
            <div class="card w-220">
              <div class="card-header">
                 {{ $minutes->nama }}
            </div>
         
      <div class="card-body">
        <h5 class="card-title">{{ $minutes->nomor, $minutes->tahun }} </h5>
        <p class="card-text">{{ $minutes->keterangan }}</p>
        <a href="#" class="btn btn-primary"> </a>
      </div>
    </div> </td>
        </tr>
      
      @endforeach
    </tbody>
    </table>


      </div>
    </div>
  </div>

    </div>
    <div>
</div> -->

<!-- Source Knowledge of Internal Communication -->
<!-- <div class="accordion" id="accordionExample">
  <div class="accordion-item" id="internal-id">
    <h2 class="accordion-header" id="headingSix">
    </h2>
    <div id="collapseSix" class="accordion-collapse collapse show" aria-labelledby="headingSix" data-bs-parent="#accordionExample">
      <div class="accordion-body">
  @foreach($katint as $katints)
      <button class="accordion-button font-monospace text-center" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="true" aria-controls="collapseFive" id="internal-id">
        Source Knowledge of {{ $katints->nama }} 
      </button>
      
    
      <p class="text-center text-start text-wrap lh-base fs-6 font-monospace">  {{ $katints->keterangan }} </p>      
      @endforeach

     <table class="table table-striped" id="headingSix">
  
      <tbody>
      @foreach($internal as $internals)
        <tr>
          
          <td> 
            <div class="card w-220">
              <div class="card-header">
                 {{ $internals->nama }}
            </div>
         
      <div class="card-body">
        <h5 class="card-title">{{ $internals->nomor, $internals->tahun }} </h5>
        <p class="card-text">{{ $internals->keterangan }}</p>
        <a href="#" class="btn btn-primary"> </a>
      </div>
    </div> </td>
        </tr>
      
      @endforeach
    </tbody>
    </table>


      </div>
    </div>
  </div>

    </div>
    <div>
</div> -->

 
   
  </div>
</div>
<br/><br/>


      
<!-- <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}"> -->
@endsection

@push('js')


<script type="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"></script>

<script>
         // SHOW POLICIES
          $(document).ready(function(){
            $('#policy-button').click(function(){
              $('#form-policy').toggle();
              $('#form-output').hide();
              $('#form-reguler').hide();
              $('#form-formal').hide();
              $('#form-minute').hide();
              $('#form-internal').hide();
            })
          }); 

          // SHOW OUTPUT
          $(document).ready(function(){
            $('#output-button').click(function(){
              $('#form-output').toggle();
              $('#form-policy').hide();
              $('#form-reguler').hide();
              $('#form-formal').hide();
              $('#form-minute').hide();
              $('#form-internal').hide();
            })
          }); 

           // SHOW REGULER
           $(document).ready(function(){
            $('#reguler-button').click(function(){
              $('#form-reguler').toggle();
              $('#form-output').hide();
              $('#form-policy').hide();
              //$('#form-reguler').hide();
              $('#form-formal').hide();
              $('#form-minute').hide();
              $('#form-internal').hide();
            })
          }); 

           // SHOW FORMAL
           $(document).ready(function(){
            $('#formal-button').click(function(){
              $('#form-formal').toggle();
              $('#form-output').hide();
              $('#form-policy').hide();
              $('#form-reguler').hide();
              //$('#form-formal').hide();
              $('#form-minute').hide();
              $('#form-internal').hide();
            })
          });

          // SHOW MINUTE
           $(document).ready(function(){
            $('#minute-button').click(function(){
              $('#form-minute').toggle();
              $('#form-output').hide();
              $('#form-policy').hide();
              $('#form-reguler').hide();
              $('#form-formal').hide();
              //$('#formal-minute').hide();
              $('#form-internal').hide();
            })
          }); 

          // SHOW INTERNAL
          $(document).ready(function(){
            $('#internal-button').click(function(){
              $('#form-internal').toggle();
              $('#form-reguler').hide();
              $('#form-output').hide();
              $('#form-policy').hide();
              //$('#form-reguler').hide();
              $('#form-formal').hide();
              $('#form-minute').hide();
            })
          })

        //   // 
        //   $(document).ready(function(){
        //     $('#komentar-utama').click(function(){
        //          $('#form-komentar').toggle('slide');
                
        //     })
        // });

      // {{ URL::to('app/formal/2021/10/11/konsul-arst-2021-10-10-162450')}}
</script>

@endpush