@extends('admin.template-admin')
@section('title','Home')
@section('head')
    
@endsection
@section('content')
<div class="container-fluid flex-grow-1 container-p-y">
    <div class="row">
        <div class="col-lg-12 mb-4 order-0">
          
            <div class="card">
              <div class="d-flex align-items-end">
                  <div class="card-body">
                    <div class="float-end">
                    </div>
                    <h5 class="card-title text-primary">{{$title}}</h5>
                    <p class="mb-1">Manajemen {{$title}}</p>
                  </div>
              </div>
            </div>
            
          </div>
    </div>
    <div class="card mb-4">
        <div class="card-body">
            <table class="table table-sm table-table-borderless">
                <tr>
                    <th class="text-center">Id</th>
                    <th>Temuan</th>
                </tr>
                @foreach ($temuans as $temuan)
                    <tr>
                        <td class="text-center">{{$temuan->id}}</td>
                        <td>{{$temuan->temuan}}</td>
                    </tr>
                @endforeach
            </table>
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            
            <table class="table">
                <tr class="text-center">
                    <th>No</th>
                    <th>Temuan Id</th>
                    <th>Kode</th>
                    <th>Kode Tindak Lanjut</th>
                    <th>Sub Temuan</th>
                    <th></th>
                </tr>
                @foreach ($subTemuans as $no=> $temuan)
                    <tr>
                        <td class="text-center">{{$no +1 }}</td>
                        <td><input type="text" id="temuan_id{{$temuan->id}}" class="form-control" value="{{$temuan->temuan_id}}"></td>
                        <td><input type="text" id="kode{{$temuan->id}}" class="form-control" value="{{$temuan->kode}}"></td>
                        <td><input type="text" id="kode_tindak_lanjut{{$temuan->id}}" class="form-control" value="{{$temuan->kode_tindak_lanjut}}"></td>
                        <td style="width: 50%"><input type="text" id="sub_temuan{{$temuan->id}}" class="form-control" value="{{$temuan->sub_temuan}}"></td>
                        <td><button class="btn btn-outline-primary" onclick="storeTemuan({{$temuan->id}})">Simpan</button></td>
                    </tr>
                @endforeach

            </table>
        </div>
    </div>
</div>
@endsection

@section('script')

<!-- Latest compiled and minified JavaScript -->
<script>

    function storeTemuan(id) {
        var temuan_id = $('#temuan_id'+id).val();
        var kode = $('#kode'+id).val();
        var kode_tindak_lanjut = $('#kode_tindak_lanjut'+id).val();
        var kode = $('#kode'+id).val();
        var sub_temuan = $('#sub_temuan'+id).val();
        
        $.ajaxSetup({
          headers: {
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          }
        });
        $.ajax({
            url: '{{route("admin.temuan.store")}}',
            type: 'POST',
            dataType: "JSON",
            data: {"id": id, "temuan_id": temuan_id, "kode": kode,"kode_tindak_lanjut": kode_tindak_lanjut,"sub_temuan": sub_temuan},
            success: function (response) {
                if (response.kode = '00') {
                    Swal.fire( response.swal.title, response.swal.message, response.swal.icon)
                    // $('.valKeterangan'+no).html(keterangan);
                } else {
                    Swal.fire("Kesalahan Jaringan, Coba beberapa saat lagi", {
                        icon: "error",
                    });
                    console.log(response.message);
                }
            },
            error: function (xhr) {
                Swal.fire( xhr.responseJSON.swal.title, xhr.responseJSON.swal.message, xhr.responseJSON.swal.icon)
            }
        });      
      };
</script>
@endsection