@extends('layouts.app')

@section('title', 'Registrar Proveedor')

@section('content')
    <div class="page-header">
        <p class="page-eyebrow">Inventario</p>
        <h1 class="page-title">Registrar Proveedor</h1>
        <p class="page-subtitle">Completa los datos del proveedor para poder asociarlo a los vehículos.</p>
    </div>

    <form action="{{ route('proveedores.store') }}" method="POST" novalidate>
        @csrf

        <x-card title="Datos del Proveedor" icon="users">
            <div class="field-grid">
                <div class="field-span-2">
                    <x-form.input name="nombre" label="Nombre" required placeholder="Nombre del proveedor" />
                </div>
                <x-form.input name="telefono" label="Teléfono" placeholder="Ej: 3001234567" />
                <x-form.input name="email" label="Email" type="email" placeholder="Ej: proveedor@email.com" />
                <div class="field-span-2">
                    <x-form.input name="direccion" label="Dirección" placeholder="Dirección del proveedor" />
                </div>
            </div>
        </x-card>

        <div class="form-actions">
            <button type="submit" class="btn btn-primary">
                <x-icon name="check" />
                Registrar Proveedor
            </button>
        </div>
    </form>
@endsection