@extends('backend.template-admin')

@section('content')
    <section>
        <button
            class="bg-orange-400 text-white px-5 py-2 rounded-md mb-5 text-sm hover:bg-orange-300 transition border-orange-300 focus:border-orange-500 border-2">
            <a href="/admin/another-menu/pengumpul-dana/store">Pengumpul
                Dana
                Baru</a>
        </button>
        <div class="relative overflow-x-auto shadow-md sm:rounded-lg">
            <table class="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
                <thead class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
                    <tr>
                        <th scope="col" class="px-6 py-3">
                            Name
                        </th>
                        <th scope="col" class="px-6 py-3">
                            No Handphone
                        </th>
                        <th scope="col" class="px-6 py-3">
                            Entitas
                        </th>
                        <th scope="col" class="px-6 py-3">
                            Alamat
                        </th>
                        <th scope="col" class="px-6 py-3">
                            Actions
                        </th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($data as $item)
                        <tr
                            class="bg-white border-b dark:bg-gray-800 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600">
                            <th scope="row"
                                class="flex items-center px-6 py-4 text-gray-900 whitespace-nowrap dark:text-white">

                                <img class="w-10 h-10 rounded-full" src="{{ asset($item->photo) }}"
                                    alt="{{ $item->photo }}">
                                <div class="ps-3">
                                    <div class="text-base font-semibold">{{ $item->name }}</div>
                                    <div class="font-normal text-gray-500">{{ $item->email }}</div>
                                </div>
                            </th>
                            <td class="px-6 py-4">
                                {{ $item->telefon }}
                            </td>
                            <td class="px-6 py-4">
                                {{ $item->entitas }}
                            </td>
                            <td class="px-6 py-4">
                                {{ $item->alamat }}
                            </td>
                            @php
                                $enId = $item->id;
                            @endphp
                            <td class="px-6 py-4">
                                <div class="flex gap-5">
                                    <a href="/admin/another-menu/pengumpul-dana/edit/{{ $enId }}"
                                        class="font-medium text-gray-600 dark:text-gray-500 hover:underline">
                                        <li class="fa fa-pencil"></li>
                                    </a>
                                    <a onclick="return confirm('Yakin anda hapus ? {{ $item->name }}')"
                                        href="/admin/another-menu/pengumpul-dana/delete/{{ $enId }}"
                                        class="font-medium text-gray-600 dark:text-gray-500 hover:underline">
                                        <li class="fa fa-trash"></li>
                                    </a>
                                </div>
                            </td>
                        </tr>
                    @endforeach

                </tbody>
            </table>
        </div>
    </section>
@endsection