@extends('layouts.app')
@section('title_header')
    Non Active
@endsection
@section('breadcrumbs')
    <x-breadcrumbs :items="[['label' => 'Dashboard', 'url' => '/'], ['label' => 'Non Active', 'url' => '/']]" />
@endsection

@push('style')
<link href="https://cdn.jsdelivr.net/npm/flowbite@3.1.2/dist/flowbite.min.css" rel="stylesheet" />
@endpush

@section('content')
    @php
        $update_status_warranty_permission = session("permissions")['update_status_warranty'] ?? null;
        $update_status_warranty = str_contains($update_status_warranty_permission, 'actions');
    @endphp
    <div class="card card-border bg-white">
        <div class="card-body">
            <table id="default-table">
            </table>
        </div>
    </div>
@endsection

@push('script')
<script src="https://cdn.jsdelivr.net/npm/simple-datatables@9.0.3"></script>
<script src="https://cdn.jsdelivr.net/npm/flowbite@3.1.2/dist/flowbite.min.js"></script>

<script>
function updateWarrantyStatus(warrantyId, newStatus) {
    const token = getCookie('token');
    $.ajax({
        type: "POST",
        url: "/api/warranty/update-status",
        headers: {
            Authorization: "Bearer " + token
        },
        data: {
            id: warrantyId,
            status: newStatus
        },
        success: function(response) {
            toastr.success("Status berhasil diperbarui.");
            fetchWarrantyHave();
        },
        error: function(xhr) {
            console.error("Gagal memperbarui status:", xhr);
            toastr.error("Gagal memperbarui status.");
        }
    });
}

function getCookie(name) {
    const match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
    return match ? match[2] : null;
}

// ⬇️ Tetap di dalam ready
$(document).ready(function() {
    const token = getCookie('token');

    function fetchWarrantyHave() {
        $.ajax({
            type: "GET",
            url: "/api/warranty?is_filter=inactive",
            headers: {
                Authorization: "Bearer " + token
            },
            success: function(response) {
                const products = response.data || [];

                const headings = ['No', 'Order Id', 'Name Products', 'Warranty', 'Start', 'End', 'Actions'];
                const data = products.map((product, index) => {
                    const warranty = product.warranty[0];
                    const warrantyId = warranty?.id ?? null;

                    return [
                        index + 1,
                        product.order_id ?? '-',
                        product.customer_name ?? '-',
                        'Non Active',
                        warranty?.start_date ?? '-',
                        warranty?.end_date ?? '-',
                        warrantyId ? `
                        @if ($update_status_warranty)
                            <button type="button" class="btn btn-success btn-sm" onclick="updateWarrantyStatus(${warrantyId}, 1)">Active</button>
                        @else
                            <span>-</span>
                        @endif
                        ` : '-'
                    ];
                });

                if (window.dataTable) {
                    window.dataTable.destroy();
                }

                window.dataTable = new simpleDatatables.DataTable("#default-table", {
                    data: {
                        headings: headings,
                        data: data
                    },
                    searchable: true,
                    perPageSelect: false
                });

                if (typeof window.createLucideIcons === 'function') {
                    window.createLucideIcons();
                }
            },
            error: function(xhr) {
                console.error("Gagal mengambil data warranty:", xhr);
                toastr.error("Gagal mengambil data warranty.");
            }
        });
    }

    // Panggil di awal
    fetchWarrantyHave();

    // Export ke global scope supaya bisa dipanggil dari updateWarrantyStatus()
    window.fetchWarrantyHave = fetchWarrantyHave;
});
</script>
@endpush