@extends('layouts.app')
@section('title', 'Suppliers')
@section('page_title', 'Suppliers')
@section('content')
<div class="card">
    <h3>Create Supplier</h3>
    <form method="POST" action="{{ route('admin.suppliers.store') }}">
        @csrf
        <div class="form-row-3">
            <div class="field"><label>Company Name</label><input name="company_name" required></div>
            <div class="field"><label>Contact Person</label><input name="contact_person"></div>
            <div class="field"><label>Email</label><input type="email" name="email"></div>
        </div>
        <div class="form-row-3">
            <div class="field"><label>Phone</label><input name="phone"></div>
            <div class="field"><label>City</label><input name="city"></div>
            <div class="field"><label>State</label><input name="state"></div>
        </div>
        <div class="form-row-3">
            <div class="field"><label>Country</label><input name="country" value="Nigeria" required></div>
            <div class="field"><label>Tax ID</label><input name="tax_id"></div>
            <div class="field"><label>Status</label><select name="status"><option value="active">Active</option><option value="inactive">Inactive</option><option value="blacklisted">Blacklisted</option></select></div>
        </div>
        <div class="field"><label>Address</label><input name="address"></div>
        <button class="btn" type="submit">Add Supplier</button>
    </form>
</div>
<div class="card">
    <h3>Supplier List</h3>
    <table>
        <thead><tr><th>Supplier</th><th>Contact</th><th>Location</th><th>Status</th><th>Update</th></tr></thead>
        <tbody>
        @foreach($suppliers as $supplier)
            <tr>
                <form method="POST" action="{{ route('admin.suppliers.update', $supplier) }}">
                    @csrf @method('PUT')
                    <td><input name="company_name" value="{{ $supplier->company_name }}" required><br><input name="tax_id" value="{{ $supplier->tax_id }}" placeholder="Tax ID"></td>
                    <td><input name="contact_person" value="{{ $supplier->contact_person }}" placeholder="Contact"><input type="email" name="email" value="{{ $supplier->email }}" placeholder="Email"><input name="phone" value="{{ $supplier->phone }}" placeholder="Phone"></td>
                    <td><input name="address" value="{{ $supplier->address }}" placeholder="Address"><input name="city" value="{{ $supplier->city }}" placeholder="City"><input name="state" value="{{ $supplier->state }}" placeholder="State"><input name="country" value="{{ $supplier->country }}" placeholder="Country" required></td>
                    <td><select name="status"><option value="active" @selected($supplier->status === 'active')>Active</option><option value="inactive" @selected($supplier->status === 'inactive')>Inactive</option><option value="blacklisted" @selected($supplier->status === 'blacklisted')>Blacklisted</option></select></td>
                    <td class="actions"><button class="btn small" type="submit">Save</button>
                </form>
                <form method="POST" action="{{ route('admin.suppliers.destroy', $supplier) }}" onsubmit="return confirm('Delete supplier?')">@csrf @method('DELETE')<button class="btn small danger">Delete</button></form></td>
            </tr>
        @endforeach
        </tbody>
    </table>
    <div class="pagination">{{ $suppliers->links() }}</div>
</div>
@endsection