STYLE:
- Nuevos cambios en los estilos de la pagina (Seccion clientes completa).
This commit is contained in:
@@ -1,75 +1,41 @@
|
||||
<x-layout title="Lauck - Editar Cliente">
|
||||
|
||||
<x-section-header subtitle="Gestión de Clientes" title="Editar " highlight="Cliente" />
|
||||
|
||||
<div class="w-full max-w-4xl mx-auto bg-panel-bg border border-neutral-800 rounded-xl p-8 shadow-lg">
|
||||
|
||||
<div class="w-full max-w-4xl mx-auto bg-gray-200 dark:bg-panel-bg border border-neutral-400 dark:border-neutral-800 rounded-xl p-8 shadow-lg">
|
||||
<form action="{{ route('clients.update', $client) }}" method="POST">
|
||||
@csrf
|
||||
@method('PUT') <div class="grid grid-cols-1 md:grid-cols-4 gap-6 mb-6">
|
||||
@method('PUT')
|
||||
<div class="grid grid-cols-1 md:grid-cols-4 gap-6 mb-6">
|
||||
|
||||
<!-- Nombre -->
|
||||
<div class="md:col-span-4">
|
||||
<x-forms.label for="name" value="Nombre Completo" />
|
||||
<x-forms.input
|
||||
id="name"
|
||||
name="name"
|
||||
type="text"
|
||||
:value="old('name', $client->name)"
|
||||
required
|
||||
autofocus
|
||||
placeholder="Ej: Sergio Lauck"
|
||||
:error="$errors->first('name')"
|
||||
/>
|
||||
<x-forms.input id="name" name="name" type="text" :value="old('name', $client->name)" required autofocus placeholder="Ej: Juan Pérez" :error="$errors->first('name')" />
|
||||
</div>
|
||||
|
||||
<!-- Telefono -->
|
||||
<div class="md:col-span-2">
|
||||
<x-forms.label for="phone" value="Teléfono / WhatsApp" />
|
||||
<x-forms.input
|
||||
id="phone"
|
||||
name="phone"
|
||||
type="text"
|
||||
:value="old('phone', $client->phone)"
|
||||
placeholder="Ej: 343 154..."
|
||||
:error="$errors->first('phone')"
|
||||
/>
|
||||
<x-forms.input id="phone" name="phone" type="text" :value="old('phone', $client->phone)" placeholder="Ej: 343 154..." :error="$errors->first('phone')" />
|
||||
</div>
|
||||
|
||||
<!-- Correo -->
|
||||
<div class="md:col-span-2">
|
||||
<x-forms.label for="email" value="Correo Electrónico" />
|
||||
<x-forms.input
|
||||
id="email"
|
||||
name="email"
|
||||
type="email"
|
||||
:value="old('email', $client->email)"
|
||||
placeholder="cliente@ejemplo.com"
|
||||
:error="$errors->first('email')"
|
||||
/>
|
||||
<x-forms.input id="email" name="email" type="email" :value="old('email', $client->email)" placeholder="cliente@ejemplo.com" :error="$errors->first('email')" />
|
||||
</div>
|
||||
|
||||
<!-- Direccion -->
|
||||
<div class="md:col-span-4">
|
||||
<x-forms.label for="address" value="Dirección / Domicilio" />
|
||||
<textarea
|
||||
id="address"
|
||||
name="address"
|
||||
rows="3"
|
||||
class="bg-neutral-800 border-neutral-700 text-white text-sm rounded-lg focus:ring-neon-lime focus:border-neon-lime block w-full p-2.5 placeholder-gray-500"
|
||||
placeholder="Calle, número, piso..."
|
||||
>{{ old('address', $client->address) }}</textarea>
|
||||
<textarea id="address" name="address" rows="3" class="bg-gray-300 dark:bg-neutral-800 border border-neutral-400 dark:border-neutral-700 dark:text-white text-sm rounded-lg focus:ring-neon-lime focus:border-neon-lime block w-full p-2.5 placeholder-gray-500" placeholder="Calle, número, piso...">{{ old('address', $client->address) }}</textarea>
|
||||
|
||||
@error('address')
|
||||
<span class="text-red-500 text-xs mt-1">{{ $message }}</span>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="flex items-center justify-between md:justify-end space-x-4 border-t border-neutral-800 pt-6">
|
||||
|
||||
<a href="{{ route('clients.index') }}" class="text-gray-400 hover:text-white font-medium text-sm transition-colors">
|
||||
Cancelar
|
||||
</a>
|
||||
|
||||
<button type="submit" class="px-6 py-2.5 bg-neon-lime text-neutral-900 font-bold rounded-lg hover:bg-[#b3e600] transition-colors shadow-lg shadow-neon-lime/20">
|
||||
<div class="flex items-center justify-between md:justify-end space-x-4 border-t border-neutral-400 dark:border-neutral-700 pt-6">
|
||||
<a href="{{ route('clients.index') }}" class="text-gray-800 dark:text-gray-400 hover:text-black hover:dark:text-white font-medium text-sm transition-colors">Cancelar</a>
|
||||
<button type="submit" class="px-4 py-2.5 bg-neutral-900 dark:bg-neon-lime text-neon-lime dark:text-neutral-900 font-bold rounded-lg hover:bg-neutral-800 hover:dark:bg-[#b3e600] transition-colors shadow-lg dark:shadow-neon-lime/20">
|
||||
Actualizar Cliente
|
||||
</button>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user