@extends('layouts.main')
@section('title', 'Suppliers')
@section('content')
<div class="flex justify-between items-center mb-6">
    <h2 class="text-2xl font-bold text-gray-800 dark:text-white"><i class="fas fa-truck mr-2 text-indigo-600 dark:text-indigo-400"></i>Suppliers</h2>
    <a href="{{ route('suppliers.create') }}" class="bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded-lg transition"><i class="fas fa-plus mr-2"></i>Add Supplier</a>
</div>
@if(session('success'))
    <div class="bg-green-50 dark:bg-green-900/30 border border-green-200 dark:border-green-800 text-green-700 dark:text-green-400 px-4 py-3 rounded mb-4">{{ session('success') }}</div>
@endif
<div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
    <table class="w-full">
        <thead><tr class="text-left text-gray-500 dark:text-gray-400 text-sm border-b dark:border-gray-700"><th class="pb-3"><i class="fas fa-user mr-1"></i>Name</th><th class="pb-3"><i class="fas fa-envelope mr-1"></i>Email</th><th class="pb-3"><i class="fas fa-phone mr-1"></i>Phone</th><th class="pb-3"><i class="fas fa-cogs mr-1"></i>Actions</th></tr></thead>
        <tbody>
            @forelse($suppliers as $supplier)
            <tr class="border-b dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-700">
                <td class="py-3 text-gray-800 dark:text-white">{{ $supplier->name }}</td>
                <td class="py-3 text-gray-600 dark:text-gray-400">{{ $supplier->email ?? '-' }}</td>
                <td class="py-3 text-gray-600 dark:text-gray-400">{{ $supplier->phone ?? '-' }}</td>
                <td class="py-3">
                    <a href="{{ route('suppliers.edit', $supplier) }}" class="text-indigo-600 dark:text-indigo-400 hover:text-indigo-800 dark:hover:text-indigo-300 mr-3"><i class="fas fa-edit"></i> Edit</a>
                    <form action="{{ route('suppliers.destroy', $supplier) }}" method="POST" class="inline">@csrf @method('DELETE')<button type="submit" class="text-red-600 dark:text-red-400 hover:text-red-800 dark:hover:text-red-300" onclick="return confirm('Are you sure?')"><i class="fas fa-trash"></i> Delete</button></form>
                </td>
            </tr>
            @empty
            <tr><td colspan="4" class="py-3 text-center text-gray-500 dark:text-gray-400">No suppliers found</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection