@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => $title_menu ?? 'NCR External'])

    @php
        $dataList = isset($list) ? $list : [];
        $canGenerateReportNumber = $can_generate_report_number ?? false;
        $isAuditor = ($role ?? '') === 'auditr';
        $isAuditee = ($role ?? '') === 'audtee';
        $displayReportNumber = fn($ncr) => \App\Helpers\NcrAuditHelper::displayReportNumber($ncr, 'external');
    @endphp

    <style>
        #list_ncr {
            width: 100% !important;
        }

        #list_ncr th,
        #list_ncr td {
            vertical-align: middle;
        }

        .wrap-text {
            max-width: 200px;
            white-space: normal !important;
            word-break: break-word;
        }

        .badge.bg-warning {
            background-color: #fd7e14 !important;
            color: white !important;
        }
    </style>

    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="row mx-1">
                    <div class="card">
                        <div class="row">
                            <div class="card-header col-md-auto">
                                <h5 class="mb-0">List NCR External</h5>
                            </div>
                            <div class="col">
                                @include('components.alert')
                            </div>
                        </div>

                        <hr class="horizontal dark mt-0">

                        <div class="row px-4 py-2">
                            <div class="col-lg">
                                <div class="nav-wrapper d-flex justify-content-between mb-3">
                                    <div>
                                        @if (isset($authorize) && $authorize->add == '1')
                                            <a href="{{ url($url_menu . '/add') }}" class="btn btn-primary mb-0">
                                                <i class="fas fa-plus me-1"></i><span class="font-weight-bold">Tambah
                                                    NCR</span>
                                            </a>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row px-4 py-2">
                            <div class="col-md-4">
                                <label class="form-label">Filter Departemen</label>
                                <select id="filterDepartment" class="form-control">
                                    <option value="">-- Semua Departemen --</option>
                                    @foreach ($departments as $d)
                                        <option value="dept-id:{{ $d->iddepartments }};">
                                            {{ $d->department_label ?? \App\Helpers\DepartmentHelper::label($d) }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="row px-4 py-2">
                            <div class="table-responsive">
                                <table id="list_ncr"
                                    class="table display table-bordered table-striped align-items-center mb-0"
                                    style="width: 100%;">
                                    <thead class="thead-light" style="background-color: #00b7bd4f;">
                                        <tr>
                                            <th class="text-center text-uppercase text-xs font-weight-bolder">No</th>
                                            <th class="text-center text-uppercase text-xs font-weight-bolder">No NCR</th>
                                            <th class="text-center text-uppercase text-xs font-weight-bolder">Departemen
                                            </th>
                                            <th class="text-center text-uppercase text-xs font-weight-bolder">Klausul</th>
                                            <th class="text-center text-uppercase text-xs font-weight-bolder">Kategori</th>
                                            <th class="text-center text-uppercase text-xs font-weight-bolder">Tanggal Audit
                                            </th>
                                            <th class="text-center text-uppercase text-xs font-weight-bolder">Status</th>
                                            <th class="text-center text-uppercase text-xs font-weight-bolder">Aksi</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($dataList as $key => $row)
                                            <tr @if (($row->isactive ?? '1') == '0') style="background:#ffe9ed" @endif>
                                                <td class="text-center align-middle text-sm">{{ $key + 1 }}</td>
                                                <td class="align-middle text-sm font-weight-bold">
                                                    {{ !empty($row->report_number) ? $row->report_number : $displayReportNumber($row) . '-' . $row->idncr }}
                                                </td>
                                                <td class="align-middle text-sm">
                                                    <div class="wrap-text text-center">
                                                        <span class="d-none">dept-id:{{ $row->iddepartments }};</span>
                                                        {{ $row->department_label ?? ($row->department ?? '-') }}
                                                    </div>
                                                </td>
                                                <td class="align-middle text-sm">
                                                    <div class="wrap-text text-center">
                                                        {{ $row->clause_number ?? '-' }}
                                                        @if (!empty($row->clause_name))
                                                            <br>
                                                            <small class="text-muted">{{ $row->clause_name }}</small>
                                                        @endif
                                                    </div>
                                                </td>
                                                <td class="text-center align-middle text-sm">{{ $row->category ?? '-' }}
                                                </td>
                                                <td class="text-center align-middle text-sm">
                                                    {{ !empty($row->audit_date) ? date('d-m-Y', strtotime($row->audit_date)) : '-' }}
                                                </td>
                                                <td class="text-center align-middle text-sm">
                                                    @switch($row->status)
                                                        @case('ENTRY')
                                                            <span class="badge bg-danger">ENTRY</span>
                                                        @break

                                                        @case('ON_PROGRESS')
                                                            <span class="badge bg-warning">ON PROGRESS</span>
                                                        @break

                                                        @case('IN_REVIEW')
                                                            <span class="badge bg-info">IN REVIEW</span>
                                                        @break

                                                        @case('CLOSED')
                                                            <span class="badge bg-success">CLOSED</span>
                                                        @break

                                                        @default
                                                            <span class="badge bg-secondary">{{ $row->status ?? '-' }}</span>
                                                    @endswitch
                                                </td>
                                                <td class="text-center align-middle text-sm">
                                                    <div class="btn-group">
                                                        <button class="btn btn-primary btn-sm mb-0 px-3" type="button"
                                                            title="View Data"
                                                            onclick="window.location='{{ url($url_menu . '/show/' . encrypt($row->idncr)) }}'">
                                                            <i class="fas fa-eye"></i><span class="font-weight-bold">
                                                                View</span>
                                                        </button>

                                                        <button type="button"
                                                            class="btn btn-sm btn-primary mb-0 px-3 dropdown-toggle dropdown-toggle-split"
                                                            data-bs-toggle="dropdown" aria-expanded="false">
                                                            <span class="visually-hidden">Toggle Dropdown</span>
                                                        </button>

                                                        <ul class="dropdown-menu">
                                                            @if (isset($authorize) && $authorize->pdf == '1')
                                                                <li>
                                                                    <hr class="dropdown-divider">
                                                                </li>
                                                                <button type="button"
                                                                    class="btn btn-sm btn-danger mx-2 mb-0 w-90"
                                                                    onclick="window.open('{{ url($url_menu . '/pdf/' . $row->idncr) }}')">
                                                                    <i class="fas fa-file-pdf"></i><span
                                                                        class="font-weight-bold"> Export PDF</span>
                                                                </button>
                                                            @endif

                                                            @if ($canGenerateReportNumber && ($row->isactive ?? '1') == '1' && empty($row->report_number))
                                                                <li>
                                                                    <hr class="dropdown-divider">
                                                                </li>
                                                                <form
                                                                    action="{{ url($url_menu . '/generateReportNumber') }}"
                                                                    method="POST" class="d-inline">
                                                                    @csrf
                                                                    <input type="hidden" name="id"
                                                                        value="{{ encrypt($row->idncr) }}">
                                                                    <button type="button"
                                                                        class="btn btn-sm btn-info mx-2 mb-0 w-90 btn-generate-number"
                                                                        data-name="#{{ $row->idncr }}">
                                                                        <i class="fas fa-pencil-alt"></i><span
                                                                            class="font-weight-bold"> Generate No</span>
                                                                    </button>
                                                                </form>
                                                            @endif

                                                            @if (isset($authorize) && $authorize->edit == '1' && (!$isAuditor || empty($row->report_number)) && (!$isAuditee || strtoupper(trim($row->status ?? '')) !== 'CLOSED'))
                                                                <li>
                                                                    <hr class="dropdown-divider">
                                                                </li>
                                                                <button type="button"
                                                                    class="btn btn-sm btn-warning mx-2 mb-0 w-90"
                                                                    onclick="window.location='{{ url($url_menu . '/edit/' . encrypt($row->idncr)) }}'">
                                                                    <i class="fas fa-edit"></i><span
                                                                        class="font-weight-bold"> Edit</span>
                                                                </button>
                                                            @endif

                                                            @if (in_array($role ?? '', ['admin', 'admins', 'mr'], true) ||
                                                                    (strtoupper(trim($row->status ?? '')) === 'ENTRY' && ($row->isactive ?? '1') == '1'))
                                                                <li>
                                                                    <hr class="dropdown-divider">
                                                                </li>
                                                                <form
                                                                    action="{{ url($url_menu . '/' . encrypt($row->idncr)) }}"
                                                                    method="POST" class="d-inline">
                                                                    @csrf
                                                                    @method('DELETE')
                                                                    <input type="hidden" name="deletion_reason">
                                                                    <button type="button"
                                                                        class="btn btn-sm btn-danger mb-0 mx-2 w-90 btn-delete"
                                                                        data-name="{{ $displayReportNumber($row) }}"
                                                                        data-msg="menghapus dari daftar aktif">
                                                                        <i class="fas fa-trash"></i><span
                                                                            class="font-weight-bold">
                                                                            Hapus</span>
                                                                    </button>
                                                                </form>
                                                            @endif
                                                            <li>
                                                                <hr class="dropdown-divider">
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('js')
    <script>
        $(document).ready(function() {
            let table = $('#list_ncr').DataTable({
                paging: true,
                searching: true,
                info: true,
                responsive: true,
                autoWidth: false,
                scrollX: false,
                pageLength: 10,
                columnDefs: [{
                    orderable: false,
                    targets: 7
                }],
                language: {
                    search: "Cari:",
                    lengthMenu: "Tampilkan _MENU_ data",
                    zeroRecords: "Data tidak ditemukan",
                    emptyTable: "Belum ada data NCR",
                    info: "Menampilkan _START_ - _END_ dari _TOTAL_ data",
                    infoEmpty: "Tidak ada data",
                    infoFiltered: "(difilter dari _MAX_ total data)",
                    paginate: {
                        previous: "<i class='fas fa-angle-left'></i>",
                        next: "<i class='fas fa-angle-right'></i>"
                    }
                }
            });

            $('#filterDepartment').on('change', function() {
                table.column(2).search(this.value).draw();
            });

            $('#list_ncr').on('click', '.btn-delete', function() {
                let form = this.closest('form');
                let name = this.dataset.name;
                let msg = this.dataset.msg;

                Swal.fire({
                    title: 'Konfirmasi',
                    text: 'Apakah Anda yakin ' + msg + ' data ' + name + '?',
                    icon: 'warning',
                    input: 'textarea',
                    inputLabel: 'Alasan hapus',
                    inputPlaceholder: 'Isi alasan penghapusan NCR',
                    inputAttributes: {
                        maxlength: '1000'
                    },
                    inputValidator: (value) => {
                        if (!value || !value.trim()) return 'Alasan hapus wajib diisi.';
                        if (value.length > 1000) return 'Alasan hapus maksimal 1000 karakter.';
                    },
                    showCancelButton: true,
                    confirmButtonText: 'Ya',
                    cancelButtonText: 'Batal',
                }).then((result) => {
                    if (result.isConfirmed) {
                        form.elements.deletion_reason.value = result.value.trim();
                        form.submit();
                    }
                });
            });

            $('#list_ncr').on('click', '.btn-generate-number', function() {
                let form = this.closest('form');
                let name = this.dataset.name;

                Swal.fire({
                    title: 'Generate No NCR?',
                    text: 'No NCR untuk data ' + name +
                        ' akan dibuat dan tidak bisa digenerate ulang.',
                    icon: 'question',
                    showCancelButton: true,
                    confirmButtonText: 'Generate',
                    cancelButtonText: 'Batal',
                }).then((result) => {
                    if (result.isConfirmed) {
                        form.submit();
                    }
                });
            });
        });
    </script>
@endpush