@extends('layouts.app')
@section('content')
<div class="max-w-xl mx-auto p-6">
    <h1 class="text-xl font-semibold mb-4">Add Vendor</h1>
    <form method="POST" action="{{ route('vendors.store') }}" class="bg-white rounded shadow p-4 space-y-4">
        @csrf
        <div>
            <label class="block text-sm font-medium mb-1">Name</label>
            <input type="text" name="name" class="w-full border rounded p-2" required>
        </div>
        <div>
            <label class="block text-sm font-medium mb-1">Type</label>
            <input type="text" name="type" class="w-full border rounded p-2" placeholder="vendor or landlord">
        </div>
        <div class="grid grid-cols-2 gap-4">
            <div>
                <label class="block text-sm font-medium mb-1">Contact Person</label>
                <input type="text" name="contact_person" class="w-full border rounded p-2">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Phone</label>
                <input type="text" name="phone" class="w-full border rounded p-2">
            </div>
        </div>
        <div>
            <label class="block text-sm font-medium mb-1">Email</label>
            <input type="email" name="email" class="w-full border rounded p-2">
        </div>
        <div>
            <label class="block text-sm font-medium mb-1">Address</label>
            <textarea name="address" rows="3" class="w-full border rounded p-2"></textarea>
        </div>
        <div>
            <label class="block text-sm font-medium mb-1">CNIC/NTN</label>
            <input type="text" name="cnic_or_ntn" class="w-full border rounded p-2">
        </div>
        <div>
            <button class="px-6 py-2 bg-green-600 text-white rounded">Save</button>
        </div>
    </form>
    </div>
@endsection