@extends('layouts.app')
@section('title', 'Editar Proveedor')
@section('header', 'Editar: ' . $proveedor->razon_social)

@section('content')
<form method="POST" action="{{ route('proveedores.update', $proveedor->id) }}" class="bg-white rounded-2xl shadow-md p-6 max-w-4xl">
    @csrf @method('PUT')
    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
        <div><label class="block text-sm font-semibold mb-1">Código</label><input type="text" name="codigo" value="{{ $proveedor->codigo }}" required class="w-full px-3 py-2.5 border border-slate-300 rounded-lg"></div>
        <div><label class="block text-sm font-semibold mb-1">RUC / NIT</label><input type="text" name="ruc_nit" value="{{ $proveedor->ruc_nit }}" class="w-full px-3 py-2.5 border border-slate-300 rounded-lg"></div>
        <div class="md:col-span-2"><label class="block text-sm font-semibold mb-1">Razón Social</label><input type="text" name="razon_social" value="{{ $proveedor->razon_social }}" required class="w-full px-3 py-2.5 border border-slate-300 rounded-lg"></div>
        <div><label class="block text-sm font-semibold mb-1">Nombre Comercial</label><input type="text" name="nombre_comercial" value="{{ $proveedor->nombre_comercial }}" class="w-full px-3 py-2.5 border border-slate-300 rounded-lg"></div>
        <div><label class="block text-sm font-semibold mb-1">Contacto</label><input type="text" name="contacto" value="{{ $proveedor->contacto }}" class="w-full px-3 py-2.5 border border-slate-300 rounded-lg"></div>
        <div><label class="block text-sm font-semibold mb-1">Teléfono</label><input type="text" name="telefono" value="{{ $proveedor->telefono }}" class="w-full px-3 py-2.5 border border-slate-300 rounded-lg"></div>
        <div><label class="block text-sm font-semibold mb-1">Email</label><input type="email" name="email" value="{{ $proveedor->email }}" class="w-full px-3 py-2.5 border border-slate-300 rounded-lg"></div>
        <div class="md:col-span-2"><label class="block text-sm font-semibold mb-1">Dirección</label><input type="text" name="direccion" value="{{ $proveedor->direccion }}" class="w-full px-3 py-2.5 border border-slate-300 rounded-lg"></div>
        <div class="md:col-span-2"><label class="block text-sm font-semibold mb-1">Observaciones</label><textarea name="observaciones" rows="2" class="w-full px-3 py-2.5 border border-slate-300 rounded-lg">{{ $proveedor->observaciones }}</textarea></div>
        <label class="md:col-span-2 flex gap-2"><input type="checkbox" name="activo" value="1" {{ $proveedor->activo ? 'checked' : '' }}> Activo</label>
    </div>
    <div class="flex gap-3 mt-6">
        <a href="{{ route('proveedores.index') }}" class="flex-1 text-center py-3 bg-slate-200 rounded-lg">Cancelar</a>
        <button class="flex-1 gradient-primary text-white py-3 rounded-lg font-semibold"><i class="fas fa-save mr-2"></i>Actualizar</button>
    </div>
</form>
@endsection