@extends('layout.main')

@section('title', 'Laporan')

@section('content')

@section('judul', 'Data Laporan')

@section('active-navbar')
<div class="collapse navbar-collapse" id="navbarSupportedContent">
  <ul class="navbar-nav me-auto mb-2 mb-lg-0">
      <li class="nav-item">
          <a class="nav-link " aria-current="page" href="/public/input">Input</a>
      </li>
      <li class="nav-item">
          <a class="nav-link active" href="/public/laporan">Laporan</a>
      </li>
  </ul>
</div>
@endsection
  @if ($success = Session::get('errors')) 
    <div class= "alert alert-danger" role="alert">{{$success}} </div> 
  @endif
<br>
    <div class="card">
        <div class="card-header">
            <h5 class="card-title">Filter Laporan</h5>
           
        </div>
    <form id="formFilter" method="POST" action="filter">
        @csrf

        <div class="card-body">
            <div class="row mb-3">
                <label for="minDate" class="col-sm-2 col-form-label">Pilih tanggal Awal :
                </label>
                <div class="col-sm-3">
                    <input type="date" class="form-control" id="minDate" name="minDate"></div>
                    <label for="maxDate" class="col-sm-2 col-form-label">Pilih tanggal Akhir :
                    </label>
                    <div class="col-sm-3">
                        <input type="date" class="form-control" id="maxDate" name="maxDate"></div>
                    </div>
                    <div class="row mb-3">
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Pilih Nama Petugas :</label>
                        <div class="col-sm-3">
                            <select
                                class="form-select"
                                aria-label="Default select example"
                                name="idpetugas"
                                id="idpetugas">
                                <option value="">-- Pilih Semua --</option>
                                @foreach ($petugas as $p)
                                <option value="{{$p->id}}">{{$p->namapetugas}}</option>
                                @endforeach
                            </select>
                        </div>
                        <label for="inputPassword3" class="col-sm-2 col-form-label">Pilih Kategori Temuan :</label>
                        <div class="col-sm-3">
                            <select
                                class="form-select"
                                aria-label="Default select example"
                                name="idjobdesk"
                                id="idjobdesk">
                                <option value="">-- Pilih Semua --</option>
                                @foreach ($jobdesks as $j)
                                <option value="{{$j->id}}">{{$j->namajobdesk}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </form>
                <div class="row mb-3">
                    <label for="inputPassword3" class="col-sm-2 col-form-label">Pilih Nama Cabang :</label>
                    <div class="col-sm-3">
                        <select
                            class="form-select"
                            aria-label="Default select example"
                            onchange="displayuker(this.value)"
                            name="idcabang"
                            id="idcabang">
                            <option value="">-- Pilih Semua --</option>
                            @foreach ($cabangs as $c)
                            <option value="{{$c->id}}">{{$c->namacabang}}</option>
                            @endforeach
                        </select>
                    </div>
                    <label for="inputPassword3" class="col-sm-2 col-form-label">Pilih Kesesuaian :</label>
                    <div class="col-sm-3">
                        <select
                            class="form-select"
                            aria-label="Default select example"
                            name="keputusan"
                            id="idkeputusan">
                            <option value="">-- Pilih Semua --</option>
                            <option value="Ya">Ya</option>
                            <option value="Tidak">Tidak</option>
                        </select>
                    </div>
                </div>
                <div class="row mb-3">
                    <label for="inputPassword3" class="col-sm-2 col-form-label">Pilih Nama Uker :</label>
                    <div class="col-sm-3">
                        <select
                            class="form-select"
                            aria-label="Default select example"
                            name="iduker"
                            id="iduker">
                            <option value="">-- Pilih Cabang Terlebih Dahulu --</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
    </form>
<div id="listlaporan">
    @include('tblaporan')
</div>
<div id="listlaporanprint" style="display: none">
    @include('tblaporanprint')
</div>

<br><br>

<div class="row">
  <div class="col-md-6">
    <div class="card">
      <div class="card-header">
        Form Tanda Tangan Generate Surat
      </div>
      <div class="card-body">
        <form action="/public/generatesurat" method="POST">
          @csrf
          <div class="mb-3">
            <label for="recipient-name" class="col-form-label">Pemimpin Uker :</label>
            <input type="text" class="form-control" name="pemimpinuker" id="recipient-name" required value="{{old('pemimpinuker')}}">
          </div>
          <div class="mb-3">
            <label for="message-text" class="col-form-label">Jabatan Uker:</label>
            <input class="form-control" name="jabatanuker" id="message-text" required value="{{old('jabatanuker')}}">
          </div>
          <div class="mb-3">
            <label for="recipient-name" class="col-form-label">Penanggung Jawab Uker :</label>
            <input type="text" class="form-control" name="penanggungjawabuker" id="recipient-name" required value="{{old('penanggungjawabuker')}}">
          </div>
          <div class="mb-3">
            <label for="message-text" class="col-form-label">Jabatan Penanggung Jawab Uker:</label>
            <input class="form-control" name="jabatanpenanggungjawabuker" id="message-text" required value="{{old('jabatanpenanggungjawabuker')}}">
          </div>
          <div class="mb-3">
            <label for="recipient-name" class="col-form-label">Bagian Petugas :</label>
            <input type="text" class="form-control" name="bagian" id="recipient-name" required value="{{old('bagian')}}">
          </div> 

          <button type="submit" class="btn btn-primary">Generate Surat!</button>
        </form>
      </div>
    </div>
  </div>
</div>
  

    <br><br><br><br>

{{-- <a
    href="{{ route('generatesurat',
        ['pemimpinuker' => $item->id],
        ['jabatanuker' => $item->id],
        ['penanggungjawabuker' => $item->id],
        ['jabatanpenanggungjawabuker' => $item->id],
        ['bagian' => $item->id]) }}"
    type="button"
    class="btn btn-secondary btn-lg">Generate Surat
</a> --}}

           <script>
            $(document).ready(function() {
              $('#formFilter').submit(function(e) {
                e.preventDefault();
                $.ajax({
                  type: 'POST',
                  url: '/public/laporan',
                  data: $('#formFilter').serialize(),
                  success: function(response) {
                    $('#listlaporan').html(response);
                  }
                });
              });
            });

            function displayuker(value) {
      var idcabang = value;

      $.ajax({
        url: '/public/get-uker', // Replace with your route
        data: { idcabang: idcabang },
        success: function(response) {
          $('#iduker').empty();
          $('#iduker').append('<option value="">-- Pilih Semua Uker --</option>'); // Add empty option
          $.each(response.namauker, function(index, namauker) {
            $('#iduker').append('<option value="' + namauker.id + '">' + namauker.namauker + '</option>');
            });
          }
        });
      }
        </script>
@endsection