@extends('admin.admin-template')
@section('title', $title)
@section('css')
<link rel="stylesheet" href="{{asset('vendor/yoraui/vendors/lightgallery/css/lightgallery.css')}}">
@endsection

@section('content')

  <div class="content-wrapper">

    <div class="dashboard-header d-flex flex-column grid-margin">
      <div class="d-flex align-items-center justify-content-between flex-wrap border-bottom pb-3 mb-3">
        <div class="d-flex align-items-center">
          <h4 class="mb-0 font-weight-bold">{{$title}}</h4>
          <div class="d-none ml-3 mt-2 d-md-flex">
            <p class="text-muted mb-0 tx-13 cursor-pointer">Home</p>
            <i class="mdi mdi-chevron-right text-muted"></i>
            <a href="{{route('admin.laporan.semua')}}" class="text-muted mb-0 tx-13 cursor-pointer">Laporan</a>
            <i class="mdi mdi-chevron-right text-muted"></i>
            <p class="text-muted mb-0 tx-13 cursor-pointer">{{$laporan->nomor_laporan}}</p>
          </div>
        </div>
        <div class="button-wrapper d-flex align-items-center mt-md-3 mt-xl-0">
          
        </div>
      </div>
    </div>


    <div class="row">
        <div class="col-lg-8">
            <div class="card mb-3">
              <div class="card-body">
                <b>Detail Laporan</b><br>
                <p class="mb-4">Keterangan mengenail laporan </p>

                <div class="table-responsive">
                  <table class="table table-sm">
                    <tr><td>Nomor Laporan</td><th>{{$laporan->nomor_laporan}}</th></tr>
                    <tr><td>User</td><th>{{$laporan->user->nama ?? 'Dikirimkan Secara Public Tanpa Daftar'}}</th></tr>
                    <tr><td>Judul</td><th>{{$laporan->judul}}</th></tr>
                    <tr><td>Kategori</td><th>{{$laporan->kategori->kategori}}</th></tr>
                    <tr><td>Jenis</td><th>{{jenis($laporan->jenis_id)}}</th></tr>
                    <tr><td>Type</td><th>{{type($laporan->type_id)}}</th></tr>
                    <tr><td>Sifat</td><th>{{sifat($laporan->sifat_id)}}</th></tr>
                    <tr><td>NIP</td><th>{{$laporan->nip}}</th></tr>
                    <tr><td>Tanggal Kejadian</td><th>{{$laporan->tanggal_kejadian}}</th></tr>
                    <tr><td>Tempat Kejadian</td><th>{{$laporan->tempat_kejadian}}</th></tr>
                    <tr><td>Status Terakhir</td><th>{{status($laporan->status_id)}}</th></tr>
                    <tr><td>Disposisi</td><th>{{$laporan->irban->nama ?? 'Belum Disposisikan'}}</th></tr>
                    <tr><td>Admin</td><th>{{$laporan->admin->nama ?? $laporan->admin .'Belum di Proses Admin'}}</th></tr>
                    <tr><td>Total Dukungan</td><th>{{$laporan->total_dukungan}}</th></tr>
                    <tr><td>Total Komentar</td><th>{{$laporan->total_komentar}}</th></tr>
                </table> 
                </div>
              </div>
            </div>
            
            <div class="card mb-3">
              <div class="card-body">
                <b>Isi Laporan</b> <hr>
                {!!$laporan->isi!!}
                <hr>
                @foreach ($laporan->lampiran()->get() as $lampiran)
                    <a href="{{asset('/storage/'.$lampiran->lampiran_path)}}" target="_blank"><img src="{{asset('/storage/'.$lampiran->lampiran_path)}}" alt="" style="max-width: 100px"> <br>Lampiran</a>
                @endforeach
              </div>
            </div>


            @if (in_array($laporan->status_id,[1,4]))
            <div class="card">
              <div class="card-body">
                <b class="mb-4">Tindak Lanjut</b>
                <p class="mb-4">Sampaikan Penolakan Atau Disposisikan Pada Inspektur Pembantu</p>

                <ul class="nav nav-tabs" role="tablist">
                  <li class="nav-item">
                    <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home-1" role="tab" aria-controls="home-1" aria-selected="true">Disposisikan</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" id="tidakValid-tab" data-toggle="tab" href="#tidakValid-1" role="tab" aria-controls="tidakValid-1" aria-selected="false">Laporan Tidak Valid</a>
                  </li>
                  {{-- <li class="nav-item">
                    <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact-1" role="tab" aria-controls="contact-1" aria-selected="false">Contact</a>
                  </li> --}}
                </ul>
                <div class="tab-content">
                  <div class="tab-pane fade show active" id="home-1" role="tabpanel" aria-labelledby="home-tab">
                    <form id="disposisikan" action="{{route('admin.laporan.disposisi',['id'=>$laporan->id])}}" method="post">
                      @csrf @method('put')
                      <select name="irban_id" id="" class="form-control" required>
                        <option value="">Pilih Inspektur Pembantu</option>
                        @foreach ($irbans as $irban)
                            <option value="{{$irban->id}}">{{$irban->nama}} - {{$irban->jabatan}}</option>
                        @endforeach
                      </select><br>
                      <button type="submit" class="btn btn-primary btn-block">Disposisikan</button>
                    </form>
                  </div>
                  <div class="tab-pane fade" id="tidakValid-1" role="tabpanel" aria-labelledby="tidakValid-tab">
                    <form action="{{route('admin.laporan.tidakValid',['id'=>$laporan->id])}}" method="post">
                      @csrf @method('put')
                      <textarea name="alasan" id="" rows="10" class="form-control" placeholder="Sampaikan Alasan"></textarea><br>
                      <button type="submit" class="btn btn-primary btn-block">Kirim Alasan</button>
                    </form>
                  </div>
                </div>
                
              </div>
            </div>
            @endif

            @if (in_array($laporan->status_id,[8]))
            <div class="card">
              <div class="card-body">
                <b class="mb-4">Tutup Paksa Laporan</b>
                <p class="mb-4">Dengan mengklik tombol dibawah ini laporan akan dipaksa ditutup</p>

              
                <form id="disposisikan" action="{{route('admin.laporan.tutupPaksa',['id'=>$laporan->id])}}" method="post">
                  @csrf @method('put')
                  </select><br>
                  <button type="submit" class="btn btn-danger btn-block">Tutup Laporan Ini</button>
                </form>
                
              </div>
            </div>
            @endif

        </div>

        <div class="col-lg-4">
          <div class="card">
            <div class="card-body">
              <h4 class="card-title">Logs </h4>
              <ul class="bullet-line-list pt-2 mb-0">
                @foreach ($logs as $log)
                <li>
                  <h6>{{$log->status->name}}</h6>
                  <p>{!!$log->log!!}</p>
                  <div class="lightgallery-without-thumb" class="row lightGallery">
                    @foreach ($log->lampiran()->get() as $lLog)
                    <a href="{{asset('/storage/'.$lLog->lampiran_path)}}" class="image-tile">
                      <img src="{{asset('/storage/'.$lLog->lampiran_path)}}" alt="{!!$log->log!!}" style="max-width: 100px">
                    </a>
                  @endforeach
                  </div>
                  <p class="text-muted mb-3 tx-12"><i class="mdi mdi-clock-outline"></i> {{hari_tanggal_waktu($log->created_at, true)}}</p>
                </li>
                @endforeach
              </ul>
          </div>
          </div>
        </div>

    </div>
  </div>
@endsection

@section('script')
<script src="{{asset('vendor/yoraui/vendors/lightgallery/js/lightgallery-all.min.js')}}"></script>
<script>
(function($) {
  'use strict';
  
  if ($(".lightgallery-without-thumb").length) {
    $(".lightgallery-without-thumb").lightGallery({
      thumbnail: true,
      animateThumb: false,
      showThumbByDefault: false
    });
  }

})(jQuery);
</script>
@endsection