@extends('user.template')
@section('title',$title)
@section('head')
<meta name="csrf-token" content="{{ csrf_token() }}">
@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">Analisa Risiko</h3>
          <h6 class="font-weight-normal mb-0">{{$mr->pemda}}</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('user.mr')}}">Manajemen Risiko</a></li>
              <li class="breadcrumb-item"><a href="{{route('user.mr.show',['id'=>$mr->id])}}">{{$mr->pemda}}</a></li>
              <li class="breadcrumb-item active" aria-current="page">Kertas Kerja</li>
              <li class="breadcrumb-item active" aria-current="page">Analisa Risiko</li>
            </ol>
        </nav>
    </div>
</div>

<div class="row mb-3">
  <div class="col-3">
    
    <span id="tooltip" class="btn btn-outline-info btn-block" data-toggle="tooltip" data-placement="bottom" title="Copy LINK" class="mb-5">Copy Link untuk Responden</span>
  </div>
  <div class="col-9">
    <span class="text-info">Klik tombol `copy` disamping kiri untuk membagikan link, Lalu paste pada platfrom sesuai audients anda</span> <br>
    {{-- <small class="text-muted">Tidak ada batasan seberapa banyak responden yang didapatkan. Sampai anda menutup laporan, link tersebut akan selalu aktif</small> <br> --}}
    <div class="form-check form-check-flat form-check-info">
      <label class="form-check-label">
        <input type="checkbox" id="isOpen" {{$mr->is_open == true ? 'checked' : ''}} class="form-check-input">
        Menerima Jawaban Responden, Tidak ada batasan seberapa banyak responden yang didapatkan
      <i class="input-helper"></i></label>
    </div>
  </div>
</div>

<div class="row justify-content-md-center">
  <div class="col-sm-8">
    <div class="card">
      <div class="card-body">
        <table class="table table-sm">
          <tr>
            <td>Entitas</td>
            <td></td>
          </tr>
          <tr>
            <td></td>
          </tr>
          @foreach ($dinasTerkaits as $dinas)
          <tr>
            <td>{{$dinas->entitas}}</td>
            <td><a href="{{route('user.kertas.kerja.analisis.risiko.show',['mr_id'=> $mr->id, 'entitas_id'=> $dinas->entitas_id])}}" class="btn btn-outline-primary btn-sm">Analisa</a></td>
          </tr>
          @endforeach
        </table>
      </div>
    </div>
  </div>
</div>

@endsection

@section('script')

<script>

  $('#tooltip').click(function() {
    $(this).attr('data-original-title', 'Link Berhasil Dicopy!').tooltip('show');
    navigator.clipboard.writeText('{{$url}}');
  });
  // $(this).attr('data-original-title', 'Copy Link');

  $("#isOpen").click(function(){
    if ($('#isOpen').is(':checked')) {
      var value = 1;
    }else{
      var value = 0;
    }
    $.get("{{route('user.mr.isactive',['id'=> $mr->id])}}?value="+value);
  });

</script>
@endsection