{{-- ============================================================================
     PAGE CONTENT — Tender dan Sebutharga
     Site  : nres  ·  Page slug: tenders-and-quotations  ·  Page ID: 31
     Sumber: modul content-tender
             · content_tender              → kod, jenis, kategori, kaedah, status, tarikh
             · content_tender_translation  → tajuk, deskripsi, kelayakan, skop kerja
             · content_tender_document     → dokumen lampiran (label + fail)
     Konsep: https://www.nres.gov.my/TenderSebutharga/Pages/default.aspx
             (tab: Tawaran Tender & Sebutharga · Keputusan Tender · Keputusan Sebutharga)

     Parameter URL:
       tab        tawaran (lalai) | keputusan-tender | keputusan-sebutharga
       jenis      TENDER | SEBUT_HARGA  (tab tawaran sahaja)
       id         id tender → papar butiran penuh

     Nota:
     · SEMUA logik + markup + CSS ada dalam fail ini — tiada komponen, tiada partial.
     · Hanya tender_status = PUBLISHED dipaparkan (DRAFT/CANCELLED tersembunyi).
     · Fail disimpan pada disk 'public' (content-tender/files|results|attachments) →
       URL = asset('storage/'.$path).
     · "Keputusan" = tender yang ada tender_result_document atau tender_result_notes.
     · Warna guna CSS variable tema (--teal/--green/--fade/--line/--ink) → sokong dark mode.
     ============================================================================ --}}

@php
    /* --------------------------------------------------------------------
     | 1. Parameter & konteks
     -------------------------------------------------------------------- */
    $tndBase  = url()->current();
    $tndQuery = request()->query();
    $tndLang  = ($lang ?? session('locale', 'ms')) === 'en' ? 'en' : 'ms';

    $tndTab = (string) ($tndQuery['tab'] ?? 'tawaran');

    if (! in_array($tndTab, ['tawaran', 'keputusan-tender', 'keputusan-sebutharga'], true)) {
        $tndTab = 'tawaran';
    }

    $tndType = strtoupper((string) ($tndQuery['jenis'] ?? ''));
    $tndType = in_array($tndType, ['TENDER', 'SEBUT_HARGA'], true) ? $tndType : '';

    $tndId = (int) ($tndQuery['id'] ?? 0);

    // Penomboran: 10 baris setiap halaman (?page=)
    $tndPerPage = 10;
    $tndPage    = max(1, (int) ($tndQuery['page'] ?? 1));

    $tndTabUrl = fn (string $key) => url()->current().'?tab='.$key;

    $tndUrl = function (array $params = []) use ($tndBase, $tndTab, $tndType, $tndId, $tndPage) {
        $query = array_filter([
            'tab'   => array_key_exists('tab', $params) ? $params['tab'] : $tndTab,
            'jenis' => array_key_exists('jenis', $params) ? $params['jenis'] : $tndType,
            'id'    => array_key_exists('id', $params) ? $params['id'] : ($tndId ?: null),
            'page'  => array_key_exists('page', $params) ? $params['page'] : ($tndPage > 1 ? $tndPage : null),
        ], fn ($v) => $v !== null && $v !== '');

        return $query ? $tndBase.'?'.http_build_query($query) : $tndBase;
    };

    // Fail pada disk 'public' → URL awam
    $tndFile = function ($path) {
        $path = trim((string) $path);

        if ($path === '') {
            return '';
        }

        if (str_starts_with($path, 'http://') || str_starts_with($path, 'https://')) {
            return $path;
        }

        return asset('storage/'.ltrim($path, '/'));
    };

    /* --------------------------------------------------------------------
     | 2. Rujukan (jenis / kategori / kaedah / status)
     -------------------------------------------------------------------- */
    $tndRefLabel = [];

    foreach (['TENDER_TYPE', 'TENDER_CATEGORY', 'TENDER_METHOD', 'TENDER_STATUS'] as $tndCat) {
        foreach (DB::table('ref')->where('cat', $tndCat)->get() as $tndRef) {
            $tndRefLabel[(string) $tndRef->code] = $tndLang === 'en'
                ? ((string) ($tndRef->descr_en ?: $tndRef->descr))
                : ((string) ($tndRef->descr ?: $tndRef->descr_en));
        }
    }

    $tndLabel = fn ($code) => $tndRefLabel[(string) $code] ?? (string) $code;

    // Ikut bahasa semasa (ref.descr / ref.descr_en) — jangan keras Melayu.
    $tndTypeLabel = [
        'TENDER'      => $tndRefLabel['TENDER'] ?? 'Tender',
        'SEBUT_HARGA' => $tndRefLabel['SEBUT_HARGA'] ?? 'Sebut Harga',
    ];

    // Tarikh & masa paparan
    $tndMonths = $tndLang === 'en'
        ? [1 => 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']
        : [1 => 'Januari', 'Februari', 'Mac', 'April', 'Mei', 'Jun', 'Julai', 'Ogos', 'September', 'Oktober', 'November', 'Disember'];

    $tndDate = function ($value) use ($tndMonths) {
        if (blank($value)) {
            return '';
        }

        try {
            $date = \Carbon\Carbon::parse($value);

            return $date->day.' '.$tndMonths[(int) $date->month].' '.$date->year;
        } catch (\Throwable $e) {
            return (string) $value;
        }
    };

    $tndTime = function ($value) {
        if (blank($value)) {
            return '';
        }

        try {
            return \Carbon\Carbon::parse($value)->format('h:i A');
        } catch (\Throwable $e) {
            return (string) $value;
        }
    };

    /* --------------------------------------------------------------------
     | 3. Tender PUBLISHED + terjemahan + dokumen lampiran
     -------------------------------------------------------------------- */
    $tndRows = DB::table('content_tender')
        ->where('tender_status', 'PUBLISHED')
        ->orderBy('tender_sorting')
        ->orderByDesc('tender_close_date')
        ->orderByDesc('tender_id')
        ->get();

    $tndIds = $tndRows->pluck('tender_id')->all();

    $tndTr = $tndIds
        ? DB::table('content_tender_translation')->whereIn('tender_id', $tndIds)->get()->groupBy('tender_id')
        : collect();

    $tndDocs = $tndIds
        ? DB::table('content_tender_document')->whereIn('tender_id', $tndIds)->orderBy('sort')->orderBy('id')->get()->groupBy('tender_id')
        : collect();

    $tndItems = [];

    foreach ($tndRows as $tndRow) {
        $tndTrRows = $tndTr[$tndRow->tender_id] ?? collect();
        $tndTrRow  = $tndTrRows->firstWhere('language', $tndLang)
            ?? $tndTrRows->firstWhere('main', 1)
            ?? $tndTrRows->first();

        $tndCloseAt = $tndRow->tender_close_date
            ? \Carbon\Carbon::parse($tndRow->tender_close_date.' '.($tndRow->tender_close_time ?: '23:59:59'))
            : null;

        $tndOpenAt = $tndRow->tender_open_date
            ? \Carbon\Carbon::parse($tndRow->tender_open_date.' '.($tndRow->tender_open_time ?: '00:00:00'))
            : null;

        $tndIsOpen = ($tndOpenAt === null || now()->gte($tndOpenAt)) && ($tndCloseAt === null || now()->lte($tndCloseAt));

        $tndItems[] = [
            'id'          => (int) $tndRow->tender_id,
            'code'        => (string) $tndRow->tender_code,
            'type'        => (string) $tndRow->tender_type,
            'category'    => (string) $tndRow->tender_category,
            'method'      => (string) ($tndRow->tender_method ?? ''),
            'title'       => (string) ($tndTrRow->title ?? $tndRow->tender_code),
            'descr'       => (string) ($tndTrRow->description ?? ''),
            'eligibility' => (string) ($tndTrRow->eligibility ?? ''),
            'scope'       => (string) ($tndTrRow->scope_of_work ?? ''),
            'open_date'   => $tndRow->tender_open_date,
            'open_time'   => (string) ($tndRow->tender_open_time ?? ''),
            'close_date'  => $tndRow->tender_close_date,
            'close_time'  => (string) ($tndRow->tender_close_time ?? ''),
            'brief_date'  => $tndRow->tender_briefing_date,
            'brief_time'  => (string) ($tndRow->tender_briefing_time ?? ''),
            'brief_place' => (string) ($tndRow->tender_briefing_place ?? ''),
            'visit_date'  => $tndRow->tender_site_visit_date,
            'document'    => $tndFile($tndRow->tender_document),
            'result_doc'  => $tndFile($tndRow->tender_result_document),
            'result_note' => (string) ($tndRow->tender_result_notes ?? ''),
            'ref_url'     => (string) ($tndRow->tender_reference_url ?? ''),
            'contact'     => [
                'name'  => (string) ($tndRow->tender_contact_name ?? ''),
                'phone' => (string) ($tndRow->tender_contact_phone ?? ''),
                'email' => (string) ($tndRow->tender_contact_email ?? ''),
            ],
            'is_open'     => $tndIsOpen,
            'has_result'  => filled($tndRow->tender_result_document) || filled($tndRow->tender_result_notes),
            'docs'        => ($tndDocs[$tndRow->tender_id] ?? collect())->map(fn ($tndDoc) => [
                'label' => (string) ($tndDoc->label ?: basename((string) $tndDoc->file)),
                'url'   => $tndFile($tndDoc->file),
            ])->all(),
        ];
    }

    /* --------------------------------------------------------------------
     | 4. Kumpulan mengikut tab
     -------------------------------------------------------------------- */
    $tndOffers = array_values(array_filter(
        $tndItems,
        fn ($tndItem) => $tndType === '' || $tndItem['type'] === $tndType
    ));

    // Tawaran: yang masih dibuka dahulu (tarikh tutup menaik), kemudian yang ditutup (terbaru dahulu)
    usort($tndOffers, function ($a, $b) {
        if ($a['is_open'] !== $b['is_open']) {
            return $a['is_open'] ? -1 : 1;
        }

        $aClose = (string) $a['close_date'];
        $bClose = (string) $b['close_date'];

        return $a['is_open'] ? strcmp($aClose, $bClose) : strcmp($bClose, $aClose);
    });

    $tndByType = function (string $type) use ($tndItems) {
        $rows = array_values(array_filter($tndItems, fn ($tndItem) => $tndItem['type'] === $type && $tndItem['has_result']));

        usort($rows, fn ($a, $b) => strcmp((string) $b['close_date'], (string) $a['close_date']));

        return $rows;
    };

    $tndResultTender    = $tndByType('TENDER');
    $tndResultQuotation = $tndByType('SEBUT_HARGA');

    /* --------------------------------------------------------------------
     | 4b. Penomboran — 10 baris setiap halaman
     -------------------------------------------------------------------- */
    $tndPaged = function (array $rows) use ($tndPage, $tndPerPage) {
        $total = count($rows);
        $last  = max(1, (int) ceil($total / $tndPerPage));
        $page  = min(max(1, $tndPage), $last);

        return [
            'rows'  => array_slice($rows, ($page - 1) * $tndPerPage, $tndPerPage),
            'page'  => $page,
            'last'  => $last,
            'total' => $total,
        ];
    };

    $tndOffersPage = $tndPaged($tndOffers);
    $tndResultPage = $tndPaged($tndTab === 'keputusan-tender' ? $tndResultTender : $tndResultQuotation);

    $tndTotal    = count($tndItems);
    $tndOpenCnt  = count(array_filter($tndItems, fn ($tndItem) => $tndItem['is_open']));

    /* --------------------------------------------------------------------
     | 5. Butiran penuh (id)
     -------------------------------------------------------------------- */
    $tndDetail = null;

    if ($tndId) {
        foreach ($tndItems as $tndItem) {
            if ($tndItem['id'] === $tndId) {
                $tndDetail = $tndItem;
                break;
            }
        }
    }
@endphp

<style>
/* ==========================================================================
   TENDER & SEBUTHARGA — gaya skop .tender (warna ikut tema, sokong dark mode)
   ========================================================================== */
.tender{padding:34px 0 64px;color:var(--ink);font-family:"Inter","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
.tender *,.tender *::before,.tender *::after{box-sizing:border-box}
.tender__container{width:min(100% - 32px,1120px);margin:0 auto}

/* --- breadcrumb & tajuk -------------------------------------------------- */
.tender__breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;color:var(--bs-secondary-color);font-size:.85rem}
.tender__breadcrumb a{color:var(--teal);font-weight:600;text-decoration:none}
.tender__breadcrumb a:hover{text-decoration:underline}
.tender__header{margin-bottom:20px}
.tender__eyebrow{display:inline-block;margin-bottom:8px;padding:4px 12px;border-radius:999px;background:var(--fade);color:var(--teal);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.tender__header h1{margin:0 0 8px;color:var(--green);font-size:clamp(1.45rem,3vw,2.05rem);font-weight:800;line-height:1.2}
.tender__header p{margin:0;max-width:74ch;color:var(--bs-secondary-color);font-size:.95rem;line-height:1.65}

/* --- tab ----------------------------------------------------------------- */
.tender__tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding-bottom:14px;border-bottom:2px solid var(--line)}
.tender__tab{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:var(--bs-body-bg);color:var(--ink);font-size:.82rem;font-weight:700;text-decoration:none;transition:.18s}
.tender__tab:hover{border-color:var(--teal);color:var(--teal)}
.tender__tab.is-active{border-color:var(--teal);background:var(--teal);color:#fff}
.tender__tab-count{padding:1px 8px;border-radius:999px;background:var(--fade);color:var(--teal);font-size:.68rem;font-weight:800}
.tender__tab.is-active .tender__tab-count{background:rgba(255,255,255,.25);color:#fff}

/* --- tapisan jenis (Tender / Sebut Harga) -------------------------------- */
.tender__types{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.tender__type{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border:1px solid var(--line);border-radius:999px;background:var(--bs-body-bg);color:var(--ink);font-size:.76rem;font-weight:600;text-decoration:none;transition:.15s}
.tender__type:hover{border-color:var(--teal);color:var(--teal)}
.tender__type.is-active{border-color:var(--teal);background:var(--teal);color:#fff}

/* --- ringkasan ----------------------------------------------------------- */
.tender__summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;color:var(--bs-secondary-color);font-size:.84rem}
.tender__summary strong{color:var(--ink)}
.tender__chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:var(--fade);color:var(--teal);font-size:.73rem;font-weight:700}

/* --- notis --------------------------------------------------------------- */
.tender__notice{display:flex;gap:12px;margin:0 0 18px;padding:14px 16px;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:12px;background:var(--bs-body-bg)}
.tender__notice svg{flex:none;width:18px;height:18px;margin-top:2px;color:var(--teal)}
.tender__notice p{margin:0;color:var(--bs-secondary-color);font-size:.82rem;line-height:1.6}
.tender__notice strong{color:var(--ink)}

/* --- jadual tender ------------------------------------------------------- */
.tender__hint{display:none;margin:0 0 8px;color:var(--bs-secondary-color);font-size:.74rem;font-weight:600}
.tender__table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--bs-body-bg)}
.tender__table{width:100%;min-width:960px;border-collapse:collapse;font-size:.84rem}
.tender__table thead th{padding:11px 14px;background:var(--fade);color:var(--teal);border-bottom:1px solid var(--line);font-size:.7rem;font-weight:800;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}
.tender__table tbody td{padding:12px 14px;border-top:1px solid var(--line);color:var(--ink);vertical-align:top}
.tender__table tbody tr:hover td{background:rgba(17,128,143,.05)}
.tender__table tbody tr.tender__empty-row td{padding:30px 14px;text-align:center;color:var(--bs-secondary-color);font-size:.85rem}
.tender__title{margin:0 0 4px;font-size:.9rem;font-weight:700;line-height:1.4}
.tender__title a{color:var(--green);text-decoration:none}
.tender__title a:hover{color:var(--teal);text-decoration:underline}
.tender__code{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-weight:700;color:var(--teal);background:var(--fade);border-radius:6px;padding:1px 7px;letter-spacing:.02em}
.tender__badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.tender__badge{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--fade);color:var(--teal);font-size:.66rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.tender__badge--type{background:rgba(17,128,143,.16)}
.tender__status{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}
.tender__status--open{background:rgba(22,92,74,.14);color:#15803d}
.tender__status--closed{background:rgba(100,116,139,.16);color:#475569}
[data-bs-theme=dark] .tender__status--open{color:#8fd9bf}
[data-bs-theme=dark] .tender__status--closed{color:#cbd5e1}
.tender__date{white-space:nowrap;font-size:.82rem}
.tender__date span{display:block;color:var(--bs-secondary-color);font-size:.74rem}
.tender__muted{color:var(--bs-secondary-color)}
.tender__nowrap{white-space:nowrap}
.tender__file{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--line);border-radius:8px;background:var(--bs-body-bg);color:var(--teal);font-size:.76rem;font-weight:700;text-decoration:none;transition:.15s}
.tender__file:hover{border-color:var(--teal);background:var(--fade)}
.tender__file svg{flex:none;width:13px;height:13px}
.tender__file--result{border-color:rgba(22,92,74,.35)}
.tender__files{display:flex;flex-direction:column;gap:6px;align-items:flex-start}

/* --- butiran tender ------------------------------------------------------ */
.tender__back{display:inline-flex;align-items:center;gap:7px;margin-bottom:14px;color:var(--teal);font-size:.82rem;font-weight:700;text-decoration:none}
.tender__back:hover{text-decoration:underline}
.tender__back svg{width:14px;height:14px}
.tender__detail{margin:0 0 22px;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--bs-body-bg)}
.tender__detail-title{margin:0 0 8px;color:var(--green);font-size:1.25rem;font-weight:800;line-height:1.35}
.tender__detail-code{margin:0;color:var(--bs-secondary-color);font-size:.82rem}
.tender__detail-code code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--teal);font-weight:700}
.tender__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:16px 0 4px}
.tender__fact{padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--fade)}
.tender__fact span{display:block;margin-bottom:3px;color:var(--bs-secondary-color);font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.tender__fact strong{display:block;color:var(--ink);font-size:.86rem;font-weight:700;line-height:1.45}
.tender__fact em{display:block;margin-top:2px;color:var(--bs-secondary-color);font-size:.76rem;font-style:normal;line-height:1.45}
.tender__block{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line)}
.tender__block h3{margin:0 0 8px;color:var(--green);font-size:.9rem;font-weight:800;letter-spacing:.02em}
.tender__block p{margin:0;color:var(--bs-secondary-color);font-size:.85rem;line-height:1.7;white-space:pre-line}
.tender__contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin:0}
.tender__contact div{display:flex;gap:8px;font-size:.83rem;line-height:1.5}
.tender__contact dt{flex:0 0 82px;color:var(--bs-secondary-color);font-weight:600}
.tender__contact dd{margin:0;color:var(--ink);font-weight:600;overflow-wrap:anywhere}

/* --- keadaan kosong & nota ---------------------------------------------- */
.tender__empty{padding:32px 22px;border:1px dashed var(--line);border-radius:16px;background:var(--bs-body-bg);text-align:center}
.tender__empty svg{width:34px;height:34px;margin-bottom:10px;color:var(--teal);opacity:.7}
.tender__empty h3{margin:0 0 6px;color:var(--green);font-size:.98rem;font-weight:800}
.tender__empty p{max-width:58ch;margin:0 auto;color:var(--bs-secondary-color);font-size:.85rem;line-height:1.6}
.tender__empty a{color:var(--teal);font-weight:700;text-decoration:none}
.tender__empty a:hover{text-decoration:underline}
.tender__note{margin-top:24px;padding:16px 20px;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:12px;background:var(--bs-body-bg)}
.tender__note h2{margin:0 0 8px;color:var(--green);font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.tender__note ul{margin:0;padding-left:20px;color:var(--bs-secondary-color);font-size:.79rem;line-height:1.7}
.tender__note li{margin-bottom:4px}
.tender__note li:last-child{margin-bottom:0}
.tender__note a{color:var(--teal);font-weight:700;text-decoration:none}
.tender__note a:hover{text-decoration:underline}

/* --- responsif ----------------------------------------------------------- */
@media (max-width:900px){
    .tender__hint{display:block}
}
@media (max-width:640px){
    .tender{padding:24px 0 46px}
    .tender__detail{padding:16px}
    .tender__detail-title{font-size:1.08rem}
    .tender__contact dt{flex:0 0 70px}
}
/* --- banner (konsep sama seperti halaman Teks Ucapan) ------------------- */
.tender__banner{position:relative;overflow:hidden;margin:0 0 22px;padding:clamp(20px,3.4vw,34px) clamp(18px,3vw,34px);border-radius:18px;color:#fff;background:linear-gradient(120deg,var(--green) 0%,var(--teal) 100%);box-shadow:0 10px 28px rgba(0,60,55,.18)}
.tender__banner::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 80% at 88% 18%,rgba(255,255,255,.20),transparent 70%),repeating-linear-gradient(115deg,rgba(255,255,255,.07) 0 14px,transparent 14px 28px)}
.tender__banner-inner{position:relative;z-index:1}
.tender__banner .tender__breadcrumb{margin-bottom:10px;color:rgba(255,255,255,.85)}
.tender__banner .tender__breadcrumb a{color:#fff}
.tender__banner .tender__header{margin-bottom:0}
.tender__banner .tender__header h1{color:#fff;text-shadow:0 2px 10px rgba(0,40,36,.25)}
.tender__banner .tender__header p{color:rgba(255,255,255,.92)}
.tender__banner .tender__eyebrow{background:rgba(255,255,255,.18);color:#fff}

/* --- penomboran --------------------------------------------------------- */
.tender__pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:18px 0 0}
.tender__pg{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--bs-body-bg);color:var(--ink);font-size:.82rem;font-weight:700;text-decoration:none;transition:.15s}
.tender__pg:hover{border-color:var(--teal);color:var(--teal)}
.tender__pg.is-active{border-color:var(--teal);background:var(--teal);color:#fff}
.tender__pg.is-disabled{opacity:.45;pointer-events:none}
.tender__pg-info{display:inline-flex;align-items:center;height:38px;margin-left:6px;padding:0 14px;border-radius:10px;background:var(--fade);color:var(--teal);font-size:.76rem;font-weight:700;white-space:nowrap}
</style>

<section class="tender" aria-labelledby="tender-title">
    <div class="tender__container">

        {{-- ---------- BANNER (breadcrumb + tajuk) ---------- --}}
        <div class="tender__banner">
            <div class="tender__banner-inner">

                <nav class="tender__breadcrumb" aria-label="{{ t('tq.aria_breadcrumb') }}">
                    <a href="{{ url($siteSlug.'/home') }}">{{ t('Utama') }}</a>
                    <span aria-hidden="true">/</span>

                    @if ($tndDetail)
                        <a href="{{ $tndUrl(['id' => null]) }}">{{ t('tq.title') }}</a>
                        <span aria-hidden="true">/</span>
                        <span>{{ $tndDetail['code'] }}</span>
                    @else
                        <span>{{ t('tq.title') }}</span>
                    @endif
                </nav>

                <header class="tender__header">
                    <span class="tender__eyebrow">{{ t('tq.eyebrow_service') }}</span>
                    <h1 id="tender-title">{{ $tndDetail ? $tndDetail['title'] : t('tq.title') }}</h1>

                    @if ($tndDetail)
                        <p>{{ t('tq.detail_lead') }}</p>
                    @else
                        <p>{{ t('tq.hero_desc') }}</p>
                    @endif
                </header>

            </div>
        </div>

        {{-- ---------- TAB ---------- --}}
        <nav class="tender__tabs" aria-label="{{ t('tq.aria_sections') }}">
            <a class="tender__tab {{ $tndTab === 'tawaran' ? 'is-active' : '' }}"
                href="{{ $tndTabUrl('tawaran') }}" @if ($tndTab === 'tawaran') aria-current="page" @endif>
                {{ t('tq.tab_offers') }}
                <span class="tender__tab-count">{{ $tndTotal }}</span>
            </a>

            <a class="tender__tab {{ $tndTab === 'keputusan-tender' ? 'is-active' : '' }}"
                href="{{ $tndTabUrl('keputusan-tender') }}"
                @if ($tndTab === 'keputusan-tender') aria-current="page" @endif>
                {{ t('tq.tab_tender_results') }}
                <span class="tender__tab-count">{{ count($tndResultTender) }}</span>
            </a>

            <a class="tender__tab {{ $tndTab === 'keputusan-sebutharga' ? 'is-active' : '' }}"
                href="{{ $tndTabUrl('keputusan-sebutharga') }}"
                @if ($tndTab === 'keputusan-sebutharga') aria-current="page" @endif>
                {{ t('tq.tab_quotation_results') }}
                <span class="tender__tab-count">{{ count($tndResultQuotation) }}</span>
            </a>
        </nav>

        @if ($tndDetail)
            {{-- ---------- BUTIRAN TENDER ---------- --}}
            <a class="tender__back" href="{{ $tndUrl(['id' => null]) }}">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"
                    stroke-linejoin="round" aria-hidden="true">
                    <path d="M19 12H5M12 19l-7-7 7-7"></path>
                </svg>
                {{ t('tq.back_to_list') }}
            </a>

            <article class="tender__detail">
                <div class="tender__badges">
                    <span
                        class="tender__badge tender__badge--type">{{ $tndTypeLabel[$tndDetail['type']] ?? $tndDetail['type'] }}</span>
                    <span class="tender__badge">{{ $tndLabel($tndDetail['category']) }}</span>

                    @if ($tndDetail['method'] !== '')
                        <span class="tender__badge">{{ $tndLabel($tndDetail['method']) }}</span>
                    @endif

                    <span
                        class="tender__status tender__status--{{ $tndDetail['is_open'] ? 'open' : 'closed' }}">{{ $tndDetail['is_open'] ? t('tq.status_open') : t('tq.status_closed') }}</span>
                </div>

                <h2 class="tender__detail-title">{{ $tndDetail['title'] }}</h2>
                <p class="tender__detail-code">{{ t('tq.ref_no') }} <code>{{ $tndDetail['code'] }}</code></p>

                <div class="tender__grid">
                    @if ($tndDetail['open_date'])
                        <div class="tender__fact">
                            <span>{{ t('tq.col_open') }}</span>
                            <strong>{{ $tndDate($tndDetail['open_date']) }}</strong>
                            @if ($tndDetail['open_time'] !== '')
                                <em>{{ $tndTime($tndDetail['open_time']) }}</em>
                            @endif
                        </div>
                    @endif

                    @if ($tndDetail['close_date'])
                        <div class="tender__fact">
                            <span>{{ t('tq.col_close') }}</span>
                            <strong>{{ $tndDate($tndDetail['close_date']) }}</strong>
                            @if ($tndDetail['close_time'] !== '')
                                <em>{{ $tndTime($tndDetail['close_time']) }}</em>
                            @endif
                        </div>
                    @endif

                    @if ($tndDetail['brief_date'])
                        <div class="tender__fact">
                            <span>{{ t('tq.briefing') }}</span>
                            <strong>{{ $tndDate($tndDetail['brief_date']) }}</strong>
                            @if ($tndDetail['brief_time'] !== '')
                                <em>{{ $tndTime($tndDetail['brief_time']) }}</em>
                            @endif
                            @if ($tndDetail['brief_place'] !== '')
                                <em>{{ $tndDetail['brief_place'] }}</em>
                            @endif
                        </div>
                    @endif

                    @if ($tndDetail['visit_date'])
                        <div class="tender__fact">
                            <span>{{ t('tq.site_visit') }}</span>
                            <strong>{{ $tndDate($tndDetail['visit_date']) }}</strong>
                        </div>
                    @endif
                </div>

                @if ($tndDetail['descr'] !== '')
                    <section class="tender__block">
                        <h3>{{ t('tq.description') }}</h3>
                        <p>{{ $tndDetail['descr'] }}</p>
                    </section>
                @endif

                @if ($tndDetail['scope'] !== '')
                    <section class="tender__block">
                        <h3>{{ t('tq.scope') }}</h3>
                        <p>{{ $tndDetail['scope'] }}</p>
                    </section>
                @endif

                @if ($tndDetail['eligibility'] !== '')
                    <section class="tender__block">
                        <h3>{{ t('tq.eligibility') }}</h3>
                        <p>{{ $tndDetail['eligibility'] }}</p>
                    </section>
                @endif

                @if ($tndDetail['document'] !== '' || count($tndDetail['docs']))
                    <section class="tender__block">
                        <h3>{{ t('tq.documents') }}</h3>
                        <div class="tender__files">
                            @if ($tndDetail['document'] !== '')
                                <a class="tender__file" href="{{ $tndDetail['document'] }}" target="_blank"
                                    rel="noopener">
                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                        stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                                        <path d="M12 3v12M7 10l5 5 5-5M5 21h14"></path>
                                    </svg>
                                    {{ t('tq.doc_main') }}
                                </a>
                            @endif

                            @foreach ($tndDetail['docs'] as $tndDocItem)
                                <a class="tender__file" href="{{ $tndDocItem['url'] }}" target="_blank" rel="noopener">
                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                        stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                                        <path d="M12 3v12M7 10l5 5 5-5M5 21h14"></path>
                                    </svg>
                                    {{ $tndDocItem['label'] }}
                                </a>
                            @endforeach
                        </div>
                    </section>
                @endif

                @if ($tndDetail['result_doc'] !== '' || $tndDetail['result_note'] !== '')
                    <section class="tender__block">
                        <h3>{{ t('tq.result') }}</h3>

                        @if ($tndDetail['result_note'] !== '')
                            <p>{{ $tndDetail['result_note'] }}</p>
                        @endif

                        @if ($tndDetail['result_doc'] !== '')
                            <div class="tender__files">
                                <a class="tender__file tender__file--result" href="{{ $tndDetail['result_doc'] }}"
                                    target="_blank" rel="noopener">
                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                        stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                                        <path d="M12 3v12M7 10l5 5 5-5M5 21h14"></path>
                                    </svg>
                                    {{ t('tq.doc_result') }}
                                </a>
                            </div>
                        @endif
                    </section>
                @endif

                @if ($tndDetail['contact']['name'] !== '' || $tndDetail['contact']['phone'] !== '' || $tndDetail['contact']['email'] !== '' || $tndDetail['ref_url'] !== '')
                    <section class="tender__block">
                        <h3>{{ t('tq.contact_links') }}</h3>

                        @if ($tndDetail['contact']['name'] !== '' || $tndDetail['contact']['phone'] !== '' || $tndDetail['contact']['email'] !== '')
                            <dl class="tender__contact">
                                @if ($tndDetail['contact']['name'] !== '')
                                    <div>
                                        <dt>{{ t('tq.officer') }}</dt>
                                        <dd>{{ $tndDetail['contact']['name'] }}</dd>
                                    </div>
                                @endif

                                @if ($tndDetail['contact']['phone'] !== '')
                                    <div>
                                        <dt>{{ t('tq.phone') }}</dt>
                                        <dd>{{ $tndDetail['contact']['phone'] }}</dd>
                                    </div>
                                @endif

                                @if ($tndDetail['contact']['email'] !== '')
                                    <div>
                                        <dt>{{ t('tq.email') }}</dt>
                                        <dd>{{ $tndDetail['contact']['email'] }}</dd>
                                    </div>
                                @endif
                            </dl>
                        @endif

                        @if ($tndDetail['ref_url'] !== '')
                            <div class="tender__files">
                                <a class="tender__file" href="{{ $tndDetail['ref_url'] }}" target="_blank"
                                    rel="noopener">
                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                        stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                                        <path d="M10 13a5 5 0 0 0 7.1 0l3-3a5 5 0 0 0-7.1-7.1L11 4.8"></path>
                                        <path d="M14 11a5 5 0 0 0-7.1 0l-3 3a5 5 0 0 0 7.1 7.1L12 19.2"></path>
                                    </svg>
                                    {{ t('tq.ref_link') }}
                                </a>
                            </div>
                        @endif
                    </section>
                @endif
            </article>
        @else
            @if ($tndTab === 'tawaran')
                {{-- ---------- TAB: TAWARAN TENDER & SEBUTHARGA ---------- --}}
                <div class="tender__types" role="group" aria-label="{{ t('tq.aria_type_filter') }}">
                    <a class="tender__type {{ $tndType === '' ? 'is-active' : '' }}"
                        href="{{ $tndUrl(['jenis' => null]) }}">{{ t('tq.all') }}</a>
                    <a class="tender__type {{ $tndType === 'TENDER' ? 'is-active' : '' }}"
                        href="{{ $tndUrl(['jenis' => 'TENDER']) }}">{{ $tndTypeLabel['TENDER'] }}</a>
                    <a class="tender__type {{ $tndType === 'SEBUT_HARGA' ? 'is-active' : '' }}"
                        href="{{ $tndUrl(['jenis' => 'SEBUT_HARGA']) }}">{{ $tndTypeLabel['SEBUT_HARGA'] }}</a>
                </div>

                <p class="tender__summary">
                    <strong>{{ count($tndOffers) }}</strong> {{ t('tq.offers_shown') }}
                    @if ($tndOpenCnt > 0)
                        <span class="tender__chip">{{ $tndOpenCnt }} {{ t('tq.open_now') }}</span>
                    @endif
                    @if ($tndType !== '')
                        <span class="tender__chip">{{ t('tq.filter_type') }} {{ $tndTypeLabel[$tndType] }}</span>
                    @endif
                </p>

                <p class="tender__hint">{{ t('tq.table_hint') }}</p>

                <div class="tender__table-wrap">
                    <table class="tender__table">
                        <thead>
                            <tr>
                                <th scope="col">
                                    {{ $tndType === 'SEBUT_HARGA' ? t('tq.col_quotation_no') : ($tndType === 'TENDER' ? t('tq.col_tender_no') : t('tq.col_tender_quotation_no')) }}
                                </th>
                                <th scope="col">{{ t('tq.col_title') }}</th>
                                <th scope="col">{{ t('tq.col_start_date') }}</th>
                                <th scope="col">{{ t('tq.col_due_date') }}</th>
                                <th scope="col">{{ t('tq.col_eprocurement') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($tndOffersPage['rows'] as $tndOffer)
                                <tr>
                                    <td class="tender__nowrap">
                                        <a class="tender__code"
                                            href="{{ $tndUrl(['id' => $tndOffer['id']]) }}">{{ $tndOffer['code'] }}</a>

                                        @if ($tndType === '')
                                            <div class="tender__badges">
                                                <span
                                                    class="tender__badge tender__badge--type">{{ $tndTypeLabel[$tndOffer['type']] ?? $tndOffer['type'] }}</span>
                                            </div>
                                        @endif
                                    </td>

                                    <td>
                                        <p class="tender__title">
                                            <a
                                                href="{{ $tndUrl(['id' => $tndOffer['id']]) }}">{{ $tndOffer['title'] }}</a>
                                        </p>
                                    </td>

                                    <td class="tender__date">
                                        {{ $tndOffer['open_date'] ? $tndDate($tndOffer['open_date']) : '—' }}
                                        @if ($tndOffer['open_time'] !== '')
                                            <span>{{ $tndTime($tndOffer['open_time']) }}</span>
                                        @endif
                                    </td>

                                    <td class="tender__date">
                                        {{ $tndOffer['close_date'] ? $tndDate($tndOffer['close_date']) : '—' }}
                                        @if ($tndOffer['close_time'] !== '')
                                            <span>{{ $tndTime($tndOffer['close_time']) }}</span>
                                        @endif
                                    </td>

                                    <td class="tender__nowrap">
                                        @if ($tndOffer['ref_url'] !== '')
                                            <a class="tender__file" href="{{ $tndOffer['ref_url'] }}" target="_blank"
                                                rel="noopener">
                                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                    aria-hidden="true">
                                                    <path d="M10 13a5 5 0 0 0 7.1 0l3-3a5 5 0 0 0-7.1-7.1L11 4.8"></path>
                                                    <path d="M14 11a5 5 0 0 0-7.1 0l-3 3a5 5 0 0 0 7.1 7.1L12 19.2"></path>
                                                </svg>
                                                {{ t('tq.eprocurement') }}
                                            </a>
                                        @else
                                            <span class="tender__muted">—</span>
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr class="tender__empty-row">
                                    <td colspan="5">
                                        @if ($tndType !== '')
                                            {{ str_replace(':type', $tndTypeLabel[$tndType], t('tq.empty_offers_type')) }}
                                            <a
                                                href="{{ $tndUrl(['jenis' => null, 'page' => '']) }}">{{ t('tq.show_all') }}</a>.
                                        @else
                                            {{ t('tq.empty_offers') }}
                                        @endif
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                @if ($tndOffersPage['total'] > 0)
                    <nav class="tender__pager" aria-label="{{ t('tq.aria_pagination') }}">
                        <a class="tender__pg{{ $tndOffersPage['page'] <= 1 ? ' is-disabled' : '' }}"
                            href="{{ $tndOffersPage['page'] <= 1 ? $tndUrl(['page' => '']) : $tndUrl(['page' => $tndOffersPage['page'] - 1]) }}"
                            @if ($tndOffersPage['page'] <= 1) aria-disabled="true" tabindex="-1" @endif>
                            &lsaquo; {{ t('tq.prev') }}
                        </a>

                        @for ($tndP = 1; $tndP <= $tndOffersPage['last']; $tndP++)
                            <a class="tender__pg{{ $tndP === $tndOffersPage['page'] ? ' is-active' : '' }}"
                                href="{{ $tndP === 1 ? $tndUrl(['page' => '']) : $tndUrl(['page' => $tndP]) }}"
                                @if ($tndP === $tndOffersPage['page']) aria-current="page" @endif>{{ $tndP }}</a>
                        @endfor

                        <a class="tender__pg{{ $tndOffersPage['page'] >= $tndOffersPage['last'] ? ' is-disabled' : '' }}"
                            href="{{ $tndOffersPage['page'] >= $tndOffersPage['last'] ? $tndUrl(['page' => $tndOffersPage['last']]) : $tndUrl(['page' => $tndOffersPage['page'] + 1]) }}"
                            @if ($tndOffersPage['page'] >= $tndOffersPage['last']) aria-disabled="true" tabindex="-1" @endif>
                            {{ t('tq.next') }} &rsaquo;
                        </a>

                        <span class="tender__pg-info">{{ t('tq.page_of') }} {{ $tndOffersPage['page'] }}/{{ $tndOffersPage['last'] }}</span>
                    </nav>
                @endif
            @else
                {{-- ---------- TAB: KEPUTUSAN TENDER / SEBUT HARGA ---------- --}}
                @php
                    $tndIsTenderTab = $tndTab === 'keputusan-tender';
                    $tndResultRows  = $tndIsTenderTab ? $tndResultTender : $tndResultQuotation;
                    $tndResultType  = mb_strtolower($tndTypeLabel[$tndIsTenderTab ? 'TENDER' : 'SEBUT_HARGA']);
                @endphp

                <p class="tender__summary">
                    <strong>{{ count($tndResultRows) }}</strong>
                    {{ str_replace(':type', $tndResultType, t('tq.results_concluded')) }}
                </p>

                <p class="tender__hint">{{ t('tq.table_hint') }}</p>

                <div class="tender__table-wrap">
                    <table class="tender__table">
                        <thead>
                            <tr>
                                <th scope="col">{{ t('tq.col_year') }}</th>
                                <th scope="col">{{ $tndIsTenderTab ? t('tq.col_tender_no') : t('tq.col_quotation_no') }}</th>
                                <th scope="col">{{ $tndIsTenderTab ? t('tq.col_tender_title') : t('tq.col_quotation_title') }}</th>
                                <th scope="col">{{ t('tq.col_info_link') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($tndResultPage['rows'] as $tndResult)
                                <tr>
                                    <td class="tender__nowrap">{{ $tndResult['close_date'] ? substr((string) $tndResult['close_date'], 0, 4) : '—' }}
                                    </td>

                                    <td class="tender__nowrap">
                                        <a class="tender__code"
                                            href="{{ $tndUrl(['id' => $tndResult['id']]) }}">{{ $tndResult['code'] }}</a>
                                    </td>

                                    <td>
                                        <p class="tender__title">
                                            <a
                                                href="{{ $tndUrl(['id' => $tndResult['id']]) }}">{{ $tndResult['title'] }}</a>
                                        </p>
                                    </td>

                                    <td class="tender__nowrap">
                                        @if ($tndResult['result_doc'] !== '')
                                            <a class="tender__file tender__file--result"
                                                href="{{ $tndResult['result_doc'] }}" target="_blank" rel="noopener">
                                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                    aria-hidden="true">
                                                    <path d="M12 3v12M7 10l5 5 5-5M5 21h14"></path>
                                                </svg>
                                                {{ t('tq.download') }}
                                            </a>
                                        @else
                                            <span class="tender__muted">—</span>
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr class="tender__empty-row">
                                    <td colspan="4">
                                        {{ str_replace(':type', $tndResultType, t('tq.empty_results')) }}
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                @if ($tndResultPage['total'] > 0)
                    <nav class="tender__pager" aria-label="{{ t('tq.aria_pagination') }}">
                        <a class="tender__pg{{ $tndResultPage['page'] <= 1 ? ' is-disabled' : '' }}"
                            href="{{ $tndResultPage['page'] <= 1 ? $tndUrl(['page' => '']) : $tndUrl(['page' => $tndResultPage['page'] - 1]) }}"
                            @if ($tndResultPage['page'] <= 1) aria-disabled="true" tabindex="-1" @endif>
                            &lsaquo; {{ t('tq.prev') }}
                        </a>

                        @for ($tndP = 1; $tndP <= $tndResultPage['last']; $tndP++)
                            <a class="tender__pg{{ $tndP === $tndResultPage['page'] ? ' is-active' : '' }}"
                                href="{{ $tndP === 1 ? $tndUrl(['page' => '']) : $tndUrl(['page' => $tndP]) }}"
                                @if ($tndP === $tndResultPage['page']) aria-current="page" @endif>{{ $tndP }}</a>
                        @endfor

                        <a class="tender__pg{{ $tndResultPage['page'] >= $tndResultPage['last'] ? ' is-disabled' : '' }}"
                            href="{{ $tndResultPage['page'] >= $tndResultPage['last'] ? $tndUrl(['page' => $tndResultPage['last']]) : $tndUrl(['page' => $tndResultPage['page'] + 1]) }}"
                            @if ($tndResultPage['page'] >= $tndResultPage['last']) aria-disabled="true" tabindex="-1" @endif>
                            {{ t('tq.next') }} &rsaquo;
                        </a>

                        <span class="tender__pg-info">{{ t('tq.page_of') }} {{ $tndResultPage['page'] }}/{{ $tndResultPage['last'] }}</span>
                    </nav>
                @endif
            @endif
        @endif

        {{-- ---------- NOTA ---------- --}}
        <aside class="tender__note">
            <h2>{{ t('tq.note_title') }}</h2>
            <ul>
                <li>{{ t('tq.note_click') }}</li>
                <li>{{ t('tq.note_open_a') }} <strong>{{ t('tq.status_open') }}</strong>{{ t('tq.note_open_b') }}
                    <strong>{{ t('tq.status_closed') }}</strong>.</li>
                <li>{{ t('tq.note_docs') }}
                </li>
                <li>{{ t('tq.note_results_a') }} <strong>{{ t('tq.tab_tender_results') }}</strong> dan
                    <strong>{{ t('tq.tab_quotation_results') }}</strong> {{ t('tq.note_results_b') }}</li>
                <li>{{ t('tq.note_contact') }}
                    <a href="{{ url($siteSlug.'/complaints-feedback') }}">{{ t('od.aduan_link') }}</a>.</li>
            </ul>
        </aside>
    </div>
</section>