@extends('layouts.panel.app', ['title' => 'Data Master Dokumen'])

@section('content')
<section class="section">
    <div class="section-title">
        <h3>Master Dokumen</h3>
    </div>
    <p class="section-lead">
        Silahkan tambah, ubah atau hapus data menu master dokumen di sini.
    </p>
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4>Data Master Dokumen</h4>
                    <div class="card-header-action">
                        <a href="{{ route('admin.document.create') }}" class="btn btn-success">Tambah</a>
                    </div>
                </div>
                                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-striped mb-0">
                            <thead>
                                <tr style="text-align:center">
                                    <th style="text-align:left">
                                        <button type="button" title="Tambah" class="btn btn-primary" data-toggle="modal" data-target="#createModal">
                                            <i class="fas fa-plus"></i></a> JENIS DOKUMEN
                                        </button>
                                    </th>
                                    <!-- <th style="text-align:left"><a href="{{ route('admin.document.createheader') }}" class="btn btn-success" data-toggle="tooltip" title="Tambah"><i class="fas fa-plus"></i></a> JENIS DOKUMEN </th> -->
                                    <th>AKSI</th>
                                    <th>DOKUMEN</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($data as $item)
                                                                <tr style="text-align:left">
                                    <!-- <td>{{$loop->iteration}}</td> -->
                                    <td>
                                        {{ $item->desc }}
                                    </td>
                                    <td>
                                        <div class="row justify-content-md-center">
                                            <!-- <a href="{{ route('admin.document.editheader', $item->id) }}" class="btn btn-primary btn-action" data-toggle="tooltip" title="Ubah"><i class="fas fa-pencil-alt"></i></a> -->
                                            <button class="btn btn-primary" onclick="showEditModal('{{ $item->id }}', '{{ $item->desc }}')" title="Ubah Jenis Dokumen"><i class="fas fa-pencil-alt"></i></button>
                                        </div>
                                    </td>
                                    <td>
                                        <table class="table table-borderless">
                                            <tbody>
                                                <hr>
                                                @forelse ($item->detaildocument as $itemdetail)
                                                <tr>
                                                    <td>
                                                        <div class="row">
                                                            <div class="col-4">
                                                                                                                                <strong>{{ $itemdetail->name }}</strong> <span class='text-danger'>{{ $mandatory }}</span>
                                                                <br>
                                                                <small class="text-muted">({{ $itemdetail->is_verified == 'Y' ? 'VERIFIKASI' : 'TIDAK' }})</small>
                                                                <small class="text-info">{{$itemdetail->is_submission != 'NO' ? $itemdetail->is_submission : ''}}</small>
                                                            </div>
                                                            <div class="col-6">
                                                                {{ $itemdetail->desc }}
                                                            </div>
                                                            <div class="col-2">
                                                                <div class="row justify-content-md-right">
                                                                    <a href="{{ route('admin.document.edit', $itemdetail->id) }}" class="btn btn-success m-1" data-toggle="tooltip" title="Ubah"><i class="fas fa-pencil-alt"></i></a>
                                                                    &nbsp;

                                                                    @if ($itemdetail->documentform->count() > 0)
                                                                    <button id="submit-btn" class="btn btn-light m-1" data-toggle="tooltip" title="Hapus"><i class="fas fa-trash"></i></button>
                                                                    @else
                                                                    <button id="submit-btn" class="btn btn-success m-1" onclick="verifConfirmation('{{$itemdetail->id}}','{{$itemdetail->name}}')" data-toggle="tooltip" title="Hapus"><i class="fas fa-trash"></i></button>
                                                                    @endif
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                                @empty
                                                <div class="alert alert-danger">
                                                    Data master dokumen {{ $item->desc }} belum tersedia.
                                                </div>
                                                @endforelse
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                @empty
                                <div class="alert alert-danger">
                                    Data master dokumen belum tersedia.
                                </div>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="d-felx justify-content-center">
                    <div class="card-footer text-right">
                        {{ $data->links('vendor.pagination.bootstrap-5') }}
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        const submitBtn = document.getElementById('submit-btn');

        function verifConfirmation(id, name) {
            swal({
                title: "Yakin Hapus Data " + name + " Ini ?",
                text: "Harap pastikan dan kemudian konfirmasi !",
                type: "warning",
                showCancelButton: !0,
                confirmButtonText: "Hapus",
                cancelButtonText: "Batal",
                cancelButtonColor: "#FA2A21",
                confirmButtonColor: "#1AA13E",
                reverseButtons: !0
            }).then(function(e) {
                if (e.value === true) {
                    var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
                    submitBtn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>';
                    submitBtn.disabled = true;
                    $.ajax({
                        type: 'DELETE',
                        url: '/admin/document/destroy/' + id,
                        data: {
                            _token: CSRF_TOKEN,
                            "id": id
                        },
                        dataType: 'JSON',
                        success: function(results) {
                            if (results.success === true) {
                                swal("Berhasil", results.message, "success");
                                window.location.replace("{{ url('admin/document') }}");
                            } else {
                                swal("Gagal", results.message, "error");
                            }
                        }
                    });
                } else {
                    e.dismiss;
                }
            }, function(dismiss) {
                return false;
            })
        }
    </script>

</section>
@endsection

<!-- Modal -->
<div class="modal fade" id="createModal" tabindex="-1" aria-labelledby="createModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="createModalLabel">Tambah Jenis Dokumen</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="fmdocument" action="{{ route('admin.document.storeheader') }}" method="POST">
                @csrf
                <div class="modal-body">

                    <div class="alert alert-info alert-has-icon">
                        @php
                        $label = \App\Models\Label::where(['code' => 'info-master' ])->first()
                        @endphp
                        <div class="alert-icon"><i class="far fa-lightbulb"></i></div>
                        <div class="alert-body">
                            <div class="alert-title"><strong> {!!html_entity_decode($label->title)!!}</strong></div>
                            {!!html_entity_decode($label->desc)!!}
                        </div>
                    </div>
                    <label class="font-weight-bold">Note : <span style="color: red;"> **</span> ) wajib diisi </label>
                    <hr>

                    <!-- Isi konten di sini -->
                    <div class="form-group">
                        <label class="font-weight-bold">NAMA JENIS DOKUMEN <span style="color: red;"> **</span></label>
                        <input type="text" class="form-control" name="desc" value="{{ old('desc') }}" placeholder="Masukkan deskripsi" required>
                        <!-- error message untuk name -->
                        <div class="invalid-feedback alert alert-danger mt-2">
                            Masukan deskripsi
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="form-group">
                        <button type="submit" class="btn btn-primary">Simpan</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Modal Edit -->
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="editModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form id="editForm" method="POST" action="{{ route('admin.document.updateheader') }}">
                @csrf
                @method('PUT')
                <div class="modal-header">
                    <h5 class="modal-title" id="editModalLabel">Ubah Jenis Dokumen</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-info alert-has-icon">
                        @php
                        $label = \App\Models\Label::where(['code' => 'info-master' ])->first()
                        @endphp
                        <div class="alert-icon"><i class="far fa-lightbulb"></i></div>
                        <div class="alert-body">
                            <div class="alert-title"><strong> {!!html_entity_decode($label->title)!!}</strong></div>
                            {!!html_entity_decode($label->desc)!!}
                        </div>
                    </div>
                    <label class="font-weight-bold">Note : <span style="color: red;"> **</span> ) wajib diisi </label>
                    <hr>

                    <div class="form-group">
                        <label for="editName">NAMA JENIS DOKUMEN <span style="color: red;"> **</span></label>
                        <input type="text" class="form-control" id="editName" name="desc" required>
                    </div>
                </div>
                <div class="modal-footer">
                    <input type="hidden" name="id" id="editId">
                    <button type="submit" class="btn btn-primary">Ubah</button>
                </div>
            </form>
        </div>
    </div>
</div>

<script>
    $(document).ready(function() {
        $('#createModal').modal('show');
    });

    function showEditModal(id, name) {

        // Mengisi nilai pada input text editName dengan name
        $('#editName').val(name);

        // Mengisi nilai pada input hidden editId dengan id
        $('#editId').val(id);

        // Menampilkan modal
        $('#editModal').modal('show');
    }
</script>