<?php include 'header.php'; ?>

<div class="px-0 py-3 md:p-2 lg:p-6">

    <!-- Header -->
    <div class="flex items-center justify-between mb-6">

        <div>
            <h1 class="text-3xl font-bold text-gray-900">
                View Testimonial
            </h1>

            <p class="text-gray-500 mt-2">
                View customer testimonial details.
            </p>
        </div>

        <a href="lockora_testimonial.php"
            class="inline-flex items-center gap-2 bg-white px-4 py-2.5 rounded-xl border border-gray-200 shadow-sm hover:shadow-md transition-all duration-300">

            <i class="ri-arrow-left-line"></i>
            Back

        </a>

    </div>

    <!-- Card -->
    <div class="bg-white rounded-2xl shadow-sm border border-gray-200 p-6">

        <!-- Customer Info -->
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">

            <div>
                <label class="text-sm text-gray-500">Customer Name</label>
                <p class="font-semibold text-gray-900 mt-1">
                    Dev Mistry
                </p>
            </div>

            <div>
                <label class="text-sm text-gray-500">Product Model</label>
                <p class="font-semibold text-gray-900 mt-1">
                    LockOra L1 Core
                </p>
            </div>

            <div>
                <label class="text-sm text-gray-500">Rating</label>
                <p class="font-semibold text-yellow-500 mt-1">
                    ⭐⭐⭐⭐⭐
                </p>
            </div>

            <div>
                <label class="text-sm text-gray-500">Location</label>
                <p class="font-semibold text-gray-900 mt-1">
                    Surat, Gujarat
                </p>
            </div>

            <div>
                <label class="text-sm text-gray-500">Status</label>
                <p class="mt-1">
                    <span class="px-3 py-1 rounded-full text-xs font-medium bg-green-100 text-green-700">
                        Active
                    </span>
                </p>
            </div>

            <div>
                <label class="text-sm text-gray-500">Submitted Date</label>
                <p class="font-semibold text-gray-900 mt-1">
                    15-06-2026
                </p>
            </div>

        </div>

        <!-- Review -->
        <div class="mt-8 border-t border-gray-200 pt-6">

            <h3 class="text-lg font-semibold text-gray-900 mb-3">
                Customer Review
            </h3>

            <div class="bg-gray-50 border border-gray-200 rounded-xl p-4 text-gray-700 leading-relaxed">
                Excellent smart lock with smooth fingerprint access. The installation
                process was quick and professional. Highly recommended for home security.
            </div>

        </div>

    </div>

</div>

<?php include 'footer.php'; ?>