@extends('layouts.app')

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

@section('content')
<x-breadcrumb :items="[
    ['label' => 'Suppliers', 'url' => route('suppliers.index')],
    ['label' => $supplier->name, 'url' => route('suppliers.show', $supplier)],
    ['label' => 'Edit'],
]" />

<x-page-header title="Edit Supplier" subtitle="Update supplier details and channel information.">
    <x-slot name="actions">
        <a href="{{ route('suppliers.show', $supplier) }}" 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.update', $supplier) }}">
        @csrf
        @method('PUT')
        @include('suppliers._form')
        <div class="d-flex justify-content-end gap-2 mt-4">
            <a href="{{ route('suppliers.show', $supplier) }}" class="procure-btn">Cancel</a>
            <button type="submit" class="procure-btn-primary"><i class="fas fa-save"></i> Update Supplier</button>
        </div>
    </form>
</div>
@endsection