@php
	$toggleModel = $toggleModel ?? 'showPopiaNoticeDetails';
	$checkboxModel = $checkboxModel ?? 'popiaConfirmationAccepted';
	$errorKey = $errorKey ?? 'popia_confirmation_accepted';
@endphp

<section class="rounded-3xl border border-amber-200 bg-amber-50/70 p-4 shadow-sm ring-1 ring-amber-100">
	<div class="flex items-start justify-between gap-3">
		<div>
			<p class="text-[11px] font-semibold uppercase tracking-[0.16em] text-amber-700">Consent / Authority Confirmation</p>
			<h3 class="mt-1 text-sm font-semibold text-slate-900">Authority confirmation for supplier or representative details</h3>
			<p class="mt-2 text-xs leading-5 text-slate-600">
				If you add a supplier or representative contact, Licentia Franchise SA (Pty) Ltd and its appointed franchisee will use those details only for liquor licence renewal administration and related compliance communication for this business, including renewal notices and related supporting records where applicable.
			</p>
		</div>

		<button
			type="button"
			@click="{{ $toggleModel }} = !{{ $toggleModel }}"
			class="shrink-0 rounded-2xl bg-white px-3 py-2 text-[10px] font-semibold text-amber-700 ring-1 ring-amber-200"
		>
			<span x-text="{{ $toggleModel }} ? 'Hide Notice' : 'View Notice'"></span>
		</button>
	</div>

	<div x-show="{{ $toggleModel }}" class="mt-4 rounded-2xl bg-white/90 p-4 text-xs leading-6 text-slate-700 ring-1 ring-amber-100">
		<p>
			I confirm that I am the authorised representative of the business, or otherwise duly authorised by the holder of the liquor licence, to provide the personal and business contact details of the supplier or representative captured in this section and to authorise their use for the stated liquor licence renewal and compliance purpose. I further confirm that the information provided is, to the best of my knowledge, accurate and relevant for the purpose for which it is being supplied. I acknowledge and authorise that Licentia Franchise SA (Pty) Ltd and its appointed franchisee may collect, record, store, and use these details for the specific purpose of liquor licence renewal administration, compliance communication, and the sending or sharing of related renewal records, including proof of payment and the renewed liquor licence certificate, where applicable. I understand that these details are being provided for a limited and specific liquor-licence management purpose, and that the supplier or representative may receive renewal-related email and WhatsApp communications from Licentia Franchise SA (Pty) Ltd or its appointed franchisee in connection with the above business. I confirm that I am entitled to provide these details for this purpose and that such provision does not, to the best of my knowledge, breach any duty of confidentiality or applicable law.
		</p>
	</div>

	<div class="mt-4 grid grid-cols-1 gap-3">
		<label class="flex items-start gap-3 rounded-2xl border bg-white px-4 py-4 text-sm text-slate-700 ring-1"
			:class="fieldErrors['{{ $errorKey }}'] ? 'border-rose-200 ring-rose-100' : 'border-slate-200 ring-slate-100'">
			<input
				type="checkbox"
				x-model="{{ $checkboxModel }}"
				@change="delete fieldErrors['{{ $errorKey }}']; saveError = ''"
				class="mt-0.5 h-4 w-4 rounded border-slate-300 text-emerald-600 focus:ring-emerald-500"
			>
			<span>
				I confirm that I am authorised to provide these supplier or representative details and that they may be used for the stated renewal-related communication and document purposes.
			</span>
		</label>
		<p
			x-show="fieldErrors['{{ $errorKey }}']"
			x-text="fieldErrors['{{ $errorKey }}'] ? fieldErrors['{{ $errorKey }}'][0] : ''"
			class="text-xs font-medium text-rose-600"
		></p>
	</div>
</section>