@extends('layouts.app')

@section('title', 'Add Supplier')

@section('content')
<x-breadcrumb :items="[
    ['label' => 'Suppliers', 'url' => route('suppliers.index')],
    ['label' => 'Add Supplier'],
]" />

<x-page-header title="Add Supplier" subtitle="Register a new supplier for your organization.">
    <x-slot name="actions">
        <a href="{{ route('suppliers.index') }}" class="procure-btn"><i class="fas fa-arrow-left"></i> Back</a>
    </x-slot>
</x-page-header>

<div class="procure-form-card">
    <form method="POST" action="{{ route('suppliers.store') }}">
        @csrf
        @include('suppliers._form')
        <div class="d-flex justify-content-end gap-2 mt-4">
            <a href="{{ route('suppliers.index') }}" class="procure-btn">Cancel</a>
            <button type="submit" class="procure-btn-primary"><i class="fas fa-save"></i> Save Supplier</button>
        </div>
    </form>
</div>
@endsection