@extends('frontend.template-frontend')
@section('content')
    <section class="min-h-screen max-w-[1080px] w-full mx-auto mt-24">
        <div class="my-1">
            <h1 class="font-semibold text-lg">Donasi Digunakan</h1>
        </div>
        <div class="p-4 bg-white border border-gray-200 rounded-lg dark:bg-gray-800 dark:border-gray-700 shadow space-y-4">
            <div>
                <form class="">
                    <div class="relative">
                        <div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
                            <i data-lucide="search" class="text-gray-500 dark:text-gray-400 w-4 h-4"></i>
                        </div>
                        <input type="search" id="default-search"
                            class="block w-full p-2 ps-10 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
                            placeholder="Search here..." required />
                    </div>
                </form>

            </div>
            <div class="grid grid-cols-1 gap-3">
                <div
                    class="p-3 bg-white border border-gray-200 rounded-lg dark:bg-gray-800 dark:border-gray-700 shadow-sm flex items-center gap-4">
                    <div>
                        <div class="w-10 h-10 border rounded-full"></div>
                    </div>
                    <div class="-space-y-1">
                        <p class="font-semibold">Fullname</p>
                        <p class="text-sm">E-mel</p>
                    </div>
                </div>

            </div>
        </div>
    </section>
@endsection
@push('script')
@endpush