@extends('layouts.admin')

@section('title', 'Partner')

@section('content')
<div class="flex justify-between items-center mb-6">
    <h1 class="text-2xl font-bold text-gray-700 dark:text-white">Partner</h1>
    <a href="{{ route('admin.partner.create') }}" class="px-4 py-2 bg-[color:var(--primary-color)] text-white rounded hover:brightness-110">Tambah</a>
</div>

<table class="w-full table-auto bg-white dark:bg-gray-700 rounded shadow">
    <thead>
        <tr class="bg-gray-100 dark:bg-gray-800">
            <th class="px-4 py-2">#</th>
            <th class="px-4 py-2">Nama</th>
            <th class="px-4 py-2">Link</th>
            <th class="px-4 py-2">Logo</th>
            <th class="px-4 py-2">Aksi</th>
        </tr>
    </thead>
    <tbody>
        @foreach ($partners as $partner)
            <tr>
                <td class="px-4 py-2">{{ $loop->iteration }}</td>
                <td class="px-4 py-2">{{ $partner->name }}</td>
                <td class="px-4 py-2">
                    @if($partner->link)
                        <a href="{{ $partner->link }}" target="_blank" class="text-blue-500 hover:underline">Kunjungi</a>
                    @else
                        <span class="text-gray-400 text-xs">-</span>
                    @endif
                </td>
                <td class="px-4 py-2">
                    <img src="{{ asset('storage/' . $partner->logo) }}" class="w-20 h-12 object-cover rounded" alt="Logo Partner">
                </td>
                <td class="px-4 py-2 flex space-x-2">
                    <a href="{{ route('admin.partner.edit', $partner) }}" class="text-blue-500 hover:underline">Edit</a>
                    <form action="{{ route('admin.partner.destroy', $partner) }}" method="POST" onsubmit="return confirm('Yakin hapus partner ini?')">
                        @csrf
                        @method('DELETE')
                        <button class="text-red-500 hover:underline" type="submit">Hapus</button>
                    </form>
                </td>
            </tr>
        @endforeach
    </tbody>
</table>

<div class="mt-4">
    {{ $partners->links() }}
</div>
@endsection