@extends('layouts.admin')
@section('title', 'Create Supplier')

@section('content')
<div class="flex items-center gap-2 text-sm text-slate-500">
  <a href="{{ route('admin.suppliers.index') }}" class="hover:text-brand-500">Suppliers</a><span>/</span><span class="text-slate-800 dark:text-slate-200 font-medium">Create supplier</span>
</div>

<form method="POST" action="{{ route('admin.suppliers.store') }}"
      class="p-6 lg:p-8 rounded-2xl bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-800">
  @include('admin.suppliers._form')

  <div class="mt-8 flex flex-wrap gap-3">
    <button type="submit" class="h-12 px-8 rounded-xl bg-gradient-to-r from-brand-500 to-orange-500 text-slate-900 font-bold shadow-lg shadow-brand-500/25 hover:opacity-90">Save Supplier</button>
    <a href="{{ route('admin.suppliers.index') }}" class="h-12 px-8 inline-flex items-center rounded-xl border border-slate-300 dark:border-slate-700 font-semibold hover:bg-slate-100 dark:hover:bg-slate-800">Cancel</a>
  </div>
</form>
@endsection