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

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

    @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, 'internal');
    @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;
            /* oranye */
            color: white !important;
        }
    </style>

    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="row mx-1">

                    <div class="card">

                        {{-- HEADER --}}
                        <div class="row">
                            <div class="card-header col-md-auto">
                                <h5 class="mb-0">List NCR Internal</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>

                        {{-- FILTER --}}
                        <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>

                        {{-- TABLE --}}
                        <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 {{ ($row->isactive ?? '1') == '0' ? 'style=background:#ffe9ed' : '' }}>

                                                <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 ?? '-' }}
                                                        <br>
                                                        <small class="text-muted">{{ $row->clause_name ?? '' }}</small>
                                                    </div>
                                                </td>

                                                <td class="text-center align-middle text-sm">{{ $row->category ?? '-' }}
                                                </td>

                                                <td class="text-center align-middle text-sm">
                                                    {{ !empty($row->display_audit_date) ? date('d-m-Y', strtotime($row->display_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
                                                    @endswitch
                                                </td>

                                                {{-- AKSI --}}
                                                <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')
                                                                {{-- @if (isset($authorize) && $authorize->pdf == '1' && !empty($row->report_number)) --}}

                                                                <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 || strtoupper(trim($row->status ?? '')) === 'ENTRY') &&
                                                                    (!$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>
    @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",
                        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