@php
    $inputClass = 'dark:bg-dark-900 shadow-theme-xs focus:border-brand-300 focus:ring-brand-500/10 dark:focus:border-brand-800 h-11 w-full rounded-lg border bg-transparent px-4 py-2.5 text-sm text-gray-800 placeholder:text-gray-400 focus:ring-3 focus:outline-hidden dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30';
    $selectClass = 'dark:bg-dark-900 shadow-theme-xs focus:border-brand-300 focus:ring-brand-500/10 dark:focus:border-brand-800 h-11 w-full appearance-none rounded-lg border bg-transparent px-4 py-2.5 text-sm text-gray-800 focus:ring-3 focus:outline-hidden dark:bg-gray-900 dark:text-white/90';
    $labelClass = 'mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400';
    $errorClass = 'border-error-300 focus:border-error-300 focus:ring-error-500/10 dark:border-error-700';
    $normalClass = 'border-gray-300 dark:border-gray-700';
    $dateClass = 'dark:bg-dark-900 shadow-theme-xs focus:border-brand-300 focus:ring-brand-500/10 dark:focus:border-brand-800 h-11 w-full appearance-none rounded-lg border bg-transparent bg-none px-4 py-2.5 pr-11 text-sm text-gray-800 placeholder:text-gray-400 focus:ring-3 focus:outline-hidden dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30';
    $timeClass = 'dark:bg-dark-900 shadow-theme-xs focus:border-brand-300 focus:ring-brand-500/10 dark:focus:border-brand-800 h-11 w-full appearance-none rounded-lg border bg-transparent bg-none px-4 py-2.5 pr-16 text-sm text-gray-800 placeholder:text-gray-400 focus:ring-3 focus:outline-hidden dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30';
    $groupLabelClass = 'mb-3 text-theme-xs font-medium tracking-wide text-gray-400 uppercase dark:text-gray-500';
@endphp

{{-- ================= Translations (concept sama seperti content-application) ================= --}}
@php
    $existingTranslations = isset($tender) ? $tender->translations->keyBy('language') : collect();
    $firstLang = $languages->keys()->first();
    $mainLangCode = $firstLang;

    foreach ($languages as $code => $descr) {
        if (old('translations.'.$code.'.main')) {
            $mainLangCode = $code;
            break;
        }
    }

    if (isset($tender) && ! old('translations.'.$mainLangCode.'.main')) {
        $existingMain = $tender->translations->firstWhere('main', true);
        $mainLangCode = $existingMain->language ?? $mainLangCode;
    }

    $titleErrorLang = null;
    foreach ($languages as $code => $descr) {
        if ($errors->has('translations.'.$code.'.title')) {
            $titleErrorLang = $code;
            break;
        }
    }

    $initialLang = $titleErrorLang ?? $mainLangCode;
@endphp

<div class="rounded-2xl border border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03]">
    <div class="px-5 py-4 sm:px-6 sm:py-5">
        <h3 class="text-base font-medium text-gray-800 dark:text-white/90">Translations</h3>
    </div>
    <div class="border-t border-gray-100 p-5 sm:p-6 dark:border-gray-800">
        <div x-data="{ selectedLang: '{{ $initialLang }}', mainLang: '{{ $mainLangCode }}' }" class="space-y-6">
            <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 sm:items-end">
                <div>
                    <label class="{{ $labelClass }}">Language</label>
                    <div class="relative z-20 bg-transparent">
                        <select x-model="selectedLang" class="{{ $selectClass }} appearance-none bg-none pr-11 {{ $normalClass }}">
                            @foreach ($languages as $code => $descr)
                                <option value="{{ $code }}">{{ $descr }}</option>
                            @endforeach
                        </select>
                        <span class="pointer-events-none absolute top-1/2 right-4 z-30 -translate-y-1/2 text-gray-500 dark:text-gray-400">
                            <svg class="stroke-current" width="20" height="20" viewBox="0 0 20 20" fill="none">
                                <path d="M4.79175 7.396L10.0001 12.6043L15.2084 7.396" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                        </span>
                    </div>
                </div>

                <div>
                    @foreach ($languages as $code => $descr)
                        <div x-show="selectedLang === '{{ $code }}'" class="flex h-11 items-center">
                            <input type="hidden" name="translations[{{ $code }}][main]"
                                :value="mainLang === '{{ $code }}' ? 1 : 0">
                            <label class="flex cursor-pointer items-center gap-2 text-sm font-medium text-gray-700 select-none dark:text-gray-300">
                                <span @click="mainLang = '{{ $code }}'"
                                    :class="mainLang === '{{ $code }}' ? 'border-brand-500 bg-brand-500' : 'border-gray-300 bg-transparent dark:border-gray-700'"
                                    class="flex h-5 w-5 items-center justify-center rounded-md border-[1.25px]">
                                    <svg :class="mainLang === '{{ $code }}' ? '' : 'opacity-0'" width="14" height="14" viewBox="0 0 14 14" fill="none">
                                        <path d="M11.6666 3.5L5.24992 9.91667L2.33325 7" stroke="white" stroke-width="1.94437" stroke-linecap="round" stroke-linejoin="round" />
                                    </svg>
                                </span>
                                Main Translation ({{ $descr }})
                            </label>
                        </div>
                    @endforeach
                </div>
            </div>


            @foreach ($languages as $code => $descr)
                @php $translation = $existingTranslations[$code] ?? null; @endphp

                <div x-show="selectedLang === '{{ $code }}'"
                    x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0"
                    x-transition:enter-end="opacity-100" class="space-y-4">
                    <div>
                        <label class="{{ $labelClass }}">Title ({{ $descr }}) <span class="text-error-500">*</span></label>
                        <input type="text" name="translations[{{ $code }}][title]"
                            value="{{ old('translations.'.$code.'.title', $translation->title ?? '') }}"
                            class="{{ $inputClass }} @if($errors->has('translations.'.$code.'.title') || $errors->has('translations')) {{ $errorClass }} @else {{ $normalClass }} @endif">
                        @error('translations.'.$code.'.title')
                            <p class="mt-1.5 text-xs text-error-500">{{ $message }}</p>
                        @else
                            @if ($loop->first && $errors->has('translations'))
                                <p class="mt-1.5 text-xs text-error-500">{{ $errors->first('translations') }}</p>
                            @endif
                        @enderror
                    </div>

                    <div>
                        <label class="{{ $labelClass }}">Description ({{ $descr }})</label>
                        <textarea name="translations[{{ $code }}][description]" rows="4"
                            class="{{ $inputClass }} h-auto {{ $normalClass }}">{{ old('translations.'.$code.'.description', $translation->description ?? '') }}</textarea>
                    </div>

                    <div>
                        <label class="{{ $labelClass }}">Eligibility ({{ $descr }})</label>
                        <textarea name="translations[{{ $code }}][eligibility]" rows="3"
                            class="{{ $inputClass }} h-auto {{ $normalClass }}">{{ old('translations.'.$code.'.eligibility', $translation->eligibility ?? '') }}</textarea>
                    </div>

                    <div>
                        <label class="{{ $labelClass }}">Scope of Work ({{ $descr }})</label>
                        <textarea name="translations[{{ $code }}][scope_of_work]" rows="3"
                            class="{{ $inputClass }} h-auto {{ $normalClass }}">{{ old('translations.'.$code.'.scope_of_work', $translation->scope_of_work ?? '') }}</textarea>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</div>

{{-- ================= Tender information ================= --}}
<div class="rounded-2xl border border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03]">
    <div class="px-5 py-4 sm:px-6 sm:py-5">
        <h3 class="text-base font-medium text-gray-800 dark:text-white/90">Tender Information</h3>
    </div>
    <div class="border-t border-gray-100 p-5 sm:p-6 dark:border-gray-800">
        <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
            <div>
                <label class="{{ $labelClass }}" for="tender_code">Tender Reference No. <span
                        class="text-error-500">*</span></label>
                <input type="text" name="tender_code" id="tender_code"
                    value="{{ old('tender_code', $tender->tender_code ?? '') }}" placeholder="e.g. NRES/T/2026/001"
                    class="{{ $inputClass }} @error('tender_code') {{ $errorClass }} @else {{ $normalClass }} @enderror">
                @error('tender_code')
                    <p class="mt-1.5 text-xs text-error-500">{{ $message }}</p>
                @enderror
            </div>

            @include('backend.module.contentTender.partials._select', [
                'name' => 'tender_portal',
                'label' => 'Portal Display',
                'options' => $portals,
                'selected' => old('tender_portal', $tender->tender_portal ?? $defaultSiteSlug),
                'placeholder' => '-- Select Portal --',
            ])
        </div>

        <div class="mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
            @include('backend.module.contentTender.partials._select', [
                'name' => 'tender_type',
                'label' => 'Type',
                'options' => $types,
                'selected' => old('tender_type', $tender->tender_type ?? ''),
                'placeholder' => '-- Select Type --',
                'required' => true,
            ])

            @include('backend.module.contentTender.partials._select', [
                'name' => 'tender_category',
                'label' => 'Category',
                'options' => $categories,
                'selected' => old('tender_category', $tender->tender_category ?? ''),
                'placeholder' => '-- Select Category --',
                'required' => true,
            ])

            @include('backend.module.contentTender.partials._select', [
                'name' => 'tender_method',
                'label' => 'Method',
                'options' => $methods,
                'selected' => old('tender_method', $tender->tender_method ?? ''),
                'placeholder' => '-- Select Method --',
            ])

            @include('backend.module.contentTender.partials._select', [
                'name' => 'tender_status',
                'label' => 'Status',
                'options' => $statuses,
                'selected' => old('tender_status', $tender->tender_status ?? ''),
                'placeholder' => '-- Select Status --',
                'required' => true,
                'firstWhenEmpty' => true,
            ])
        </div>
    </div>
</div>

{{-- ================= Dates ================= --}}
<div class="rounded-2xl border border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03]">
    <div class="px-5 py-4 sm:px-6 sm:py-5">
        <h3 class="text-base font-medium text-gray-800 dark:text-white/90">Important Dates</h3>
        <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">
            <strong>Open</strong> / <strong>Closed</strong> status is derived automatically from the closing date and time.
        </p>
    </div>
    <div class="border-t border-gray-100 p-5 sm:p-6 dark:border-gray-800">
        <p class="{{ $groupLabelClass }}">Tender Period</p>
        <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
            <div>
                <label class="{{ $labelClass }}">Opening Date</label>
                @include('backend.module.contentTender.partials._date-input', [
                    'name' => 'tender_open_date',
                    'value' => old('tender_open_date', isset($tender) && $tender->tender_open_date ? $tender->tender_open_date->format('Y-m-d') : ''),
                ])
                @error('tender_open_date')
                    <p class="mt-1.5 text-xs text-error-500">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label class="{{ $labelClass }}">Opening Time</label>
                @include('backend.module.contentTender.partials._time-input', [
                    'name' => 'tender_open_time',
                    'value' => old('tender_open_time', $tender->tender_open_time ?? ''),
                ])
                @error('tender_open_time')
                    <p class="mt-1.5 text-xs text-error-500">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label class="{{ $labelClass }}">Closing Date</label>
                @include('backend.module.contentTender.partials._date-input', [
                    'name' => 'tender_close_date',
                    'value' => old('tender_close_date', isset($tender) && $tender->tender_close_date ? $tender->tender_close_date->format('Y-m-d') : ''),
                ])
                @error('tender_close_date')
                    <p class="mt-1.5 text-xs text-error-500">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label class="{{ $labelClass }}">Closing Time</label>
                @include('backend.module.contentTender.partials._time-input', [
                    'name' => 'tender_close_time',
                    'value' => old('tender_close_time', $tender->tender_close_time ?? ''),
                ])
                @error('tender_close_time')
                    <p class="mt-1.5 text-xs text-error-500">{{ $message }}</p>
                @enderror
            </div>
        </div>

        <p class="{{ $groupLabelClass }} mt-6 border-t border-gray-100 pt-5 dark:border-gray-800">Briefing &amp; Site Visit</p>
        <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
            <div>
                <label class="{{ $labelClass }}">Briefing Date</label>
                @include('backend.module.contentTender.partials._date-input', [
                    'name' => 'tender_briefing_date',
                    'value' => old('tender_briefing_date', isset($tender) && $tender->tender_briefing_date ? $tender->tender_briefing_date->format('Y-m-d') : ''),
                ])
                @error('tender_briefing_date')
                    <p class="mt-1.5 text-xs text-error-500">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label class="{{ $labelClass }}">Briefing Time</label>
                @include('backend.module.contentTender.partials._time-input', [
                    'name' => 'tender_briefing_time',
                    'value' => old('tender_briefing_time', $tender->tender_briefing_time ?? ''),
                ])
                @error('tender_briefing_time')
                    <p class="mt-1.5 text-xs text-error-500">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label class="{{ $labelClass }}">Site Visit Date</label>
                @include('backend.module.contentTender.partials._date-input', [
                    'name' => 'tender_site_visit_date',
                    'value' => old('tender_site_visit_date', isset($tender) && $tender->tender_site_visit_date ? $tender->tender_site_visit_date->format('Y-m-d') : ''),
                ])
                @error('tender_site_visit_date')
                    <p class="mt-1.5 text-xs text-error-500">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label class="{{ $labelClass }}">Briefing Venue</label>
                <input type="text" name="tender_briefing_place"
                    value="{{ old('tender_briefing_place', $tender->tender_briefing_place ?? '') }}"
                    placeholder="e.g. Meeting Room, Level 5"
                    class="{{ $inputClass }} @error('tender_briefing_place') {{ $errorClass }} @else {{ $normalClass }} @enderror">
                @error('tender_briefing_place')
                    <p class="mt-1.5 text-xs text-error-500">{{ $message }}</p>
                @enderror
            </div>
        </div>
    </div>
</div>

{{-- ================= Documents ================= --}}
<div class="rounded-2xl border border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03]">
    <div class="px-5 py-4 sm:px-6 sm:py-5">
        <h3 class="text-base font-medium text-gray-800 dark:text-white/90">Documents</h3>
        <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">
            PDF, Word, Excel or ZIP — max 150MB per file.
        </p>
    </div>
    <div class="border-t border-gray-100 p-5 sm:p-6 dark:border-gray-800">
        <div class="mb-6">
            <label class="{{ $labelClass }}">Tender Document (main)</label>

            @if (! empty($tender->tender_document))
                <div class="mb-3 flex flex-wrap items-center gap-3 rounded-lg bg-gray-50 px-3 py-2 text-xs dark:bg-white/[0.03]">
                    <a href="{{ url('storage/'.$tender->tender_document) }}"
                        target="_blank" rel="noopener"
                        class="font-medium text-brand-600 hover:underline dark:text-brand-400">
                        {{ basename($tender->tender_document) }}
                    </a>
                    <label class="inline-flex items-center gap-1.5 text-gray-600 dark:text-gray-400">
                        <input type="checkbox" name="remove_document" value="1" @checked(old('remove_document'))
                            class="h-4 w-4 rounded border-gray-300 text-error-500 focus:ring-error-500/20">
                        Remove current file
                    </label>
                </div>
            @endif

            <div class="rounded-xl @error('tender_document') ring-1 ring-error-300 dark:ring-error-700 @enderror">
                <input type="file" name="tender_document" class="filepond w-full" accept=".pdf,.doc,.docx,.xls,.xlsx,.zip">
            </div>
            @error('tender_document')
                <p class="mt-1.5 text-xs text-error-500">{{ $message }}</p>
            @enderror
        </div>

        <div class="mb-6">
            <label class="{{ $labelClass }}">Result / Award Document (optional)</label>

            @if (! empty($tender->tender_result_document))
                <div class="mb-3 flex flex-wrap items-center gap-3 rounded-lg bg-gray-50 px-3 py-2 text-xs dark:bg-white/[0.03]">
                    <a href="{{ url('storage/'.$tender->tender_result_document) }}"
                        target="_blank" rel="noopener"
                        class="font-medium text-brand-600 hover:underline dark:text-brand-400">
                        {{ basename($tender->tender_result_document) }}
                    </a>
                    <label class="inline-flex items-center gap-1.5 text-gray-600 dark:text-gray-400">
                        <input type="checkbox" name="remove_result_document" value="1" @checked(old('remove_result_document'))
                            class="h-4 w-4 rounded border-gray-300 text-error-500 focus:ring-error-500/20">
                        Remove current file
                    </label>
                </div>
            @endif

            <div class="rounded-xl @error('tender_result_document') ring-1 ring-error-300 dark:ring-error-700 @enderror">
                <input type="file" name="tender_result_document" class="filepond w-full" accept=".pdf,.doc,.docx,.xls,.xlsx,.zip">
            </div>
            @error('tender_result_document')
                <p class="mt-1.5 text-xs text-error-500">{{ $message }}</p>
            @enderror
        </div>

        <div>
            <label class="{{ $labelClass }}">Result Notes (optional)</label>
            <textarea name="tender_result_notes" rows="3"
                class="{{ $inputClass }} h-auto {{ $normalClass }}">{{ old('tender_result_notes', $tender->tender_result_notes ?? '') }}</textarea>
            @error('tender_result_notes')
                <p class="mt-1.5 text-xs text-error-500">{{ $message }}</p>
            @enderror
        </div>

        {{-- Attachments (multiple) — sebahagian daripada borang utama --}}
        <div class="mt-6 border-t border-gray-100 pt-5 dark:border-gray-800">
            <div class="flex flex-wrap items-start justify-between gap-2">
                <div>
                    <p class="text-sm font-medium text-gray-800 dark:text-white/90">Attachments</p>
                    <p class="mt-0.5 text-xs text-gray-500 dark:text-gray-400">
                        BOQ, price schedule, drawings or specifications. You can select more than one file.
                    </p>
                </div>
                @if (isset($tender) && $tender->documents->isNotEmpty())
                    <span
                        class="inline-flex items-center gap-1.5 rounded-full bg-gray-100 px-2.5 py-1 text-theme-xs font-medium text-gray-600 dark:bg-gray-800 dark:text-gray-300">
                        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                            stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
                            <path d="M16.5 6.75V16.5a4.5 4.5 0 1 1-9 0V6a3 3 0 1 1 6 0v9.75a1.5 1.5 0 1 1-3 0V7.5" />
                        </svg>
                        {{ $tender->documents->count() }}
                        {{ \Illuminate\Support\Str::plural('file', $tender->documents->count()) }}
                    </span>
                @endif
            </div>

            @if (isset($tender) && $tender->documents->isNotEmpty())
                <ul
                    class="mt-3 divide-y divide-gray-100 overflow-hidden rounded-xl border border-gray-200 dark:divide-gray-800 dark:border-gray-800">
                    @foreach ($tender->documents as $document)
                        <li class="flex items-center gap-3 px-3 py-2.5">
                            <span
                                class="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-gray-100 text-gray-500 dark:bg-gray-800 dark:text-gray-400">
                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                    stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
                                    <path d="M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z" />
                                    <path d="M14 3v5h5" />
                                </svg>
                            </span>

                            <div class="min-w-0 flex-1">
                                <a href="{{ url('storage/'.$document->file) }}"
                                    target="_blank" rel="noopener"
                                    class="block truncate text-sm font-medium text-brand-600 hover:underline dark:text-brand-400">
                                    {{ $document->label ?: basename($document->file) }}
                                </a>
                                <p class="truncate text-theme-xs text-gray-500 dark:text-gray-400">
                                    {{ basename($document->file) }}@if ($document->created_at) · {{ $document->created_at->format('d M Y') }}@endif
                                </p>
                            </div>

                            <button type="submit" form="delete-attachment-{{ $document->id }}"
                                class="inline-flex items-center justify-center rounded-lg p-2 text-gray-400 transition-colors hover:bg-error-50 hover:text-error-500 dark:text-gray-500 dark:hover:bg-error-500/10 dark:hover:text-error-400"
                                title="Delete attachment">
                                <svg class="fill-current" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                    <path
                                        d="M6 2.5H12L13 3.5H16V5H2V3.5H5L6 2.5ZM3.5 6H14.5L14 15.5H4L3.5 6ZM6.5 8.5H8V13.5H6.5V8.5ZM10 8.5H11.5V13.5H10V8.5Z" />
                                </svg>
                            </button>
                        </li>
                    @endforeach
                </ul>
            @endif

            <div class="mt-3 rounded-xl @if ($errors->has('attachments') || $errors->has('attachments.*')) ring-1 ring-error-300 dark:ring-error-700 @endif">
                <input type="file" name="attachments[]" multiple class="filepond w-full" data-max-files="20"
                    accept=".pdf,.doc,.docx,.xls,.xlsx,.zip">
            </div>
            <p class="mt-1.5 text-theme-xs text-gray-500 dark:text-gray-400">PDF, Word, Excel or ZIP · max 150MB per
                file · up to 20 files at a time</p>
            @error('attachments')
                <p class="mt-1.5 text-xs text-error-500">{{ $message }}</p>
            @enderror
            @error('attachments.*')
                <p class="mt-1.5 text-xs text-error-500">{{ $message }}</p>
            @enderror
        </div>
    </div>
</div>

{{-- ================= Contact ================= --}}
<div class="rounded-2xl border border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03]">
    <div class="px-5 py-4 sm:px-6 sm:py-5">
        <h3 class="text-base font-medium text-gray-800 dark:text-white/90">Contact &amp; Reference</h3>
    </div>
    <div class="border-t border-gray-100 p-5 sm:p-6 dark:border-gray-800">
        <div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
            <div>
                <label class="{{ $labelClass }}">Officer Name</label>
                <input type="text" name="tender_contact_name"
                    value="{{ old('tender_contact_name', $tender->tender_contact_name ?? '') }}"
                    placeholder="e.g. Ahmad bin Ali"
                    class="{{ $inputClass }} @error('tender_contact_name') {{ $errorClass }} @else {{ $normalClass }} @enderror">
                @error('tender_contact_name')
                    <p class="mt-1.5 text-xs text-error-500">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label class="{{ $labelClass }}">Phone</label>
                <input type="text" name="tender_contact_phone"
                    value="{{ old('tender_contact_phone', $tender->tender_contact_phone ?? '') }}"
                    placeholder="03-8091 7000"
                    class="{{ $inputClass }} @error('tender_contact_phone') {{ $errorClass }} @else {{ $normalClass }} @enderror">
                @error('tender_contact_phone')
                    <p class="mt-1.5 text-xs text-error-500">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label class="{{ $labelClass }}">Email</label>
                <input type="email" name="tender_contact_email"
                    value="{{ old('tender_contact_email', $tender->tender_contact_email ?? '') }}"
                    placeholder="name@nres.gov.my"
                    class="{{ $inputClass }} @error('tender_contact_email') {{ $errorClass }} @else {{ $normalClass }} @enderror">
                @error('tender_contact_email')
                    <p class="mt-1.5 text-xs text-error-500">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label class="{{ $labelClass }}">Reference URL (ePerolehan)</label>
                <input type="url" name="tender_reference_url" value="{{ old('tender_reference_url', $tender->tender_reference_url ?? '') }}"
                    placeholder="https://..."
                    class="{{ $inputClass }} @error('tender_reference_url') {{ $errorClass }} @else {{ $normalClass }} @enderror">
                @error('tender_reference_url')
                    <p class="mt-1.5 text-xs text-error-500">{{ $message }}</p>
                @enderror
            </div>
        </div>
    </div>
</div>