<?php defined('BASEPATH') OR exit('No direct script access allowed'); ?>
<footer class="footer-wrap">
	<div class="container py-5">
		<div class="footer-cta p-4 p-lg-5 mb-5">
			<div class="row align-items-center g-3">
				<div class="col-lg-8">
					<div class="footer-title fs-3 mb-1">Siap dijemput hari ini?</div>
					<div class="text-muted">Isi form reservasi, kami atur penjemputan sesuai jadwal Anda.</div>
					<div class="d-flex flex-wrap gap-2 mt-3">
						<span class="footer-badge">Pickup terjadwal</span>
						<span class="footer-badge">Status bisa dicek</span>
						<span class="footer-badge">Harga jelas</span>
					</div>
				</div>
				<div class="col-lg-4 text-lg-end">
					<a class="btn btn-brand text-white btn-lg w-100 w-lg-auto" href="<?php echo site_url('beranda#reservasi'); ?>">Reservasi Sekarang</a>
				</div>
			</div>
		</div>

		<div class="row g-4">
			<div class="col-lg-4">
				<div class="footer-title fs-4 mb-2">
					<span style="color: var(--brand);">Loundri</span> Express
				</div>
				<div class="text-muted">
					Layanan laundry kiloan & satuan yang rapi, cepat, dan mudah. Reservasi online, pickup terjadwal, dan status bisa dipantau kapan saja.
				</div>
				<div class="d-flex gap-2 mt-3 flex-wrap">
					<a class="btn btn-outline-dark btn-sm" href="<?php echo site_url('cek-status'); ?>">Cek Status</a>
					<a class="btn btn-outline-dark btn-sm" href="<?php echo site_url('outlet'); ?>">Outlet</a>
					<a class="btn btn-outline-dark btn-sm" href="<?php echo site_url('kemitraan'); ?>">Kemitraan</a>
				</div>
			</div>

			<div class="col-6 col-lg-2">
				<div class="fw-semibold mb-2">Menu</div>
				<div class="d-grid gap-2 small">
					<a class="footer-link" href="<?php echo site_url('beranda'); ?>">Beranda</a>
					<a class="footer-link" href="<?php echo site_url('beranda#reservasi'); ?>">Reservasi</a>
					<a class="footer-link" href="<?php echo site_url('cek-status'); ?>">Cek Status</a>
					<a class="footer-link" href="<?php echo site_url('syarat-ketentuan'); ?>">Syarat & Ketentuan</a>
				</div>
			</div>

			<div class="col-6 col-lg-3">
				<div class="fw-semibold mb-2">Kontak</div>
				<div class="small text-muted">
					<div>WhatsApp: <a class="footer-link" target="_blank" rel="noopener" href="https://wa.me/6282223284334">+62 822-2328-4334</a></div>
					<div class="mt-2">Jam buka: 08.00 - 21.00</div>
					<div class="mt-2">Alamat: (isi alamat outlet Anda)</div>
				</div>
			</div>

			<div class="col-lg-3">
				<div class="fw-semibold mb-2">Admin</div>
				<div class="small text-muted mb-3">
					Untuk mengelola pelanggan, layanan, order, dan pembayaran.
				</div>
				<a class="btn btn-outline-dark w-100" href="<?php echo site_url('admin'); ?>">Masuk Admin</a>
			</div>
		</div>

		<hr class="my-4">
		<div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-2 small text-muted">
			<div>&copy; <?php echo date('Y'); ?> Loundri Express. All rights reserved.</div>
			<div class="d-flex gap-3">
				<a class="footer-link" href="<?php echo site_url('syarat-ketentuan'); ?>">Syarat</a>
				<a class="footer-link" href="<?php echo site_url('kemitraan'); ?>">Kemitraan</a>
			</div>
		</div>
	</div>
</footer>

<a class="fab-wa" target="_blank" rel="noopener" href="https://wa.me/6282223284334" title="Chat WhatsApp">
	<svg width="26" height="26" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
		<path d="M27.2 4.8A15.4 15.4 0 0 0 16 0C7.16 0 0 7.16 0 16c0 2.82.74 5.58 2.14 8.02L0.74 32l8.18-1.36A15.94 15.94 0 0 0 16 32c8.84 0 16-7.16 16-16 0-4.28-1.66-8.3-4.8-11.2Z" fill="#25D366"/>
		<path d="M16 29.3c-2.4 0-4.74-.64-6.8-1.86l-.48-.28-4.86.8.92-4.72-.32-.5A13.3 13.3 0 1 1 16 29.3Z" fill="#fff"/>
		<path d="M23.46 18.56c-.1-.16-.36-.26-.76-.46-.4-.2-2.38-1.18-2.76-1.32-.38-.14-.66-.2-.94.2-.28.4-1.08 1.32-1.32 1.6-.24.28-.48.32-.88.12-.4-.2-1.7-.62-3.24-2-1.2-1.06-2.02-2.38-2.26-2.78-.24-.4-.02-.62.18-.82.18-.18.4-.48.6-.72.2-.24.26-.4.4-.66.14-.26.06-.5-.04-.7-.1-.2-.94-2.26-1.28-3.1-.34-.82-.68-.72-.94-.74l-.8-.02c-.28 0-.7.1-1.06.5-.36.4-1.4 1.36-1.4 3.32s1.44 3.86 1.64 4.12c.2.26 2.82 4.3 6.84 6.02.96.42 1.7.66 2.28.84.96.3 1.84.26 2.54.16.78-.12 2.38-.98 2.72-1.92.34-.94.34-1.74.24-1.92Z" fill="#25D366"/>
	</svg>
</a>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
