@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">Daftar Responden </h3>
          <h6 class="font-weight-normal mb-0">Daftar Responden pada CEE 1.a </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">
            <a href="{{route('user.dinas.terkait.pertanyaan.responden.review',['id'=>$dinasTerkait->id])}}" class="btn btn-danger btn-sm">
              <i class="icon-layout mx-0"></i>
              Review
            </a>
          </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.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'=>$dinasTerkait->id,'mr_id'=> $dinasTerkait->mr_id])}}">{{$dinasTerkait->entitas}}</a></li>
              <li class="breadcrumb-item"><a href="{{route('user.dinas.terkait.cee',['id'=>$dinasTerkait->id])}}">CEE</a></li>
              <li class="breadcrumb-item active" aria-current="page">{{$title}}</li>
            </ol>
        </nav>
    </div>
</div>


<div class="card">
    <div class="card-body">
      <div class="table-responsive">
        <div class="row">
          <div class="col-3">
            <input type="text" onClick="this.select();" class="form-control form-control-sm mb-3" value="{{$url}}">
          </div>
          <div class="col-9">
            <span class="text-info">Klik URL dan `copy` disamping kiri untuk membagikan link, Lalu paste pada platfrom sesuai audients anda</span> <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>
        
        <table class="table table-striped table-borderless mt-3">
          <thead>
            <tr class="text-center">
                <th>No</th>
                <th>Responden</th>
                <th>Jawaban Diterima</th>
                <th>Action</th>
            </tr>  
          </thead>
          <tbody>
            @foreach ($respondens as $no => $responden)
            <tr class="responden{{$responden->id}} text-center">
                <td>{{$no+1}}</td>
                <td class="text-left">{{$responden->responden}} </td>
                <td>{{hari_tanggal_waktu($responden->updated_at, true)}}</td>
                <td>
                    <a href="{{route('user.mr.responden.show',['id'=>$responden->id])}}" class="btn btn-success btn-sm"> Lihat Jawaban</a>
                    <a class="btn btn-danger btn-sm" href="#" onclick="hapus('{{route('user.mr.responden.delete',['id'=>$responden->id])}}', 'responden{{$responden->id}}', 'Hapus Responden ?')" >Hapus</a>
                </td>
            </tr>
            @endforeach
          </tbody>
        </table>
      </div>

    </div>
</div>

@endsection
@section('script')
<script src="{{asset('js/sweetalert2.js')}}"></script>

<script>

  $("#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