@extends('layouts.app')
@section('content')
<div class="max-w-6xl mx-auto p-6">
    <div class="flex items-center justify-between mb-4">
        <h1 class="text-xl font-semibold">Vendors</h1>
        <a href="{{ route('vendors.create') }}" class="px-4 py-2 bg-blue-600 text-white rounded">Add Vendor</a>
    </div>
    @if(session('success'))<div class="p-3 mb-4 bg-green-100 text-green-800 rounded">{{ session('success') }}</div>@endif
    <div class="bg-white rounded shadow overflow-hidden">
        <table class="min-w-full">
            <thead class="bg-gray-50">
                <tr>
                    <th class="px-4 py-2 text-left text-xs font-medium text-gray-500">Name</th>
                    <th class="px-4 py-2 text-left text-xs font-medium text-gray-500">Type</th>
                    <th class="px-4 py-2 text-left text-xs font-medium text-gray-500">Phone</th>
                    <th class="px-4 py-2 text-left text-xs font-medium text-gray-500">Email</th>
                    <th class="px-4 py-2 text-left text-xs font-medium text-gray-500">Actions</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-100">
                @foreach($vendors as $v)
                <tr>
                    <td class="px-4 py-2"><a class="text-blue-700" href="{{ route('vendors.show', $v) }}">{{ $v->name }}</a></td>
                    <td class="px-4 py-2">{{ $v->type }}</td>
                    <td class="px-4 py-2">{{ $v->phone }}</td>
                    <td class="px-4 py-2">{{ $v->email }}</td>
                    <td class="px-4 py-2 space-x-2">
                        <a href="{{ route('vendors.edit', $v) }}" class="text-indigo-700">Edit</a>
                        <a href="{{ route('expenses.create', ['vendor_id'=>$v->id]) }}" class="text-green-700">New Expense</a>
                        <form method="POST" action="{{ route('vendors.destroy', $v) }}" class="inline">
                            @csrf @method('DELETE')
                            <button class="text-red-700" onclick="return confirm('Are you sure?')">Delete</button>
                        </form>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <div class="mt-4">{{ $vendors->links() }}</div>
</div>
@endsection