136 lines
7.5 KiB
PHP
136 lines
7.5 KiB
PHP
|
<div>
|
||
|
|
<div class="bg-base-100 p-4 rounded shadow">
|
||
|
|
<div class="flex justify-between items-center mb-4">
|
||
|
|
<h2 class="text-xl font-bold">📋 Templates de inspección</h2>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
@if(session()->has('message'))
|
||
|
|
<div class="alert alert-success mb-4">{{ session('message') }}</div>
|
||
|
|
@endif
|
||
|
|
|
||
|
|
{{-- Formulario de creación/edición con diseño de dos columnas --}}
|
||
|
|
@if($showForm)
|
||
|
|
<form wire:submit.prevent="saveTemplate" class="border p-4 rounded mb-6 bg-base-200">
|
||
|
|
<table class="w-full mb-8">
|
||
|
|
<tbody>
|
||
|
|
{{-- Nombre del template --}}
|
||
|
|
<tr>
|
||
|
|
<td class="w-1/4 py-3 pr-4 align-top">
|
||
|
|
{{__('Nombre del template')}}
|
||
|
|
</td>
|
||
|
|
<td class="py-3">
|
||
|
|
<input type="text" wire:model="form.name"
|
||
|
|
class="input w-full"
|
||
|
|
required>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
{{-- Descripción --}}
|
||
|
|
<tr>
|
||
|
|
<td class="w-1/4 py-3 pr-4 align-top">
|
||
|
|
{{__('Descripción')}}
|
||
|
|
</td>
|
||
|
|
<td class="py-3">
|
||
|
|
<textarea wire:model="form.description" class="textarea textarea-bordered w-full" rows="2"></textarea>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
{{-- Campos dinámicos --}}
|
||
|
|
<div class="border-t pt-4 mt-2">
|
||
|
|
<h3 class="font-bold mb-3">Campos del formulario</h3>
|
||
|
|
@foreach($form['fields'] as $index => $field)
|
||
|
|
<div class="border p-3 rounded mb-3 bg-base-100">
|
||
|
|
{{-- Fila: nombre interno --}}
|
||
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-2">
|
||
|
|
<div class="font-medium">Nombre interno</div>
|
||
|
|
<div><input type="text" wire:model="form.fields.{{ $index }}.name" placeholder="ej: altura_medida" class="input input-sm w-full"></div>
|
||
|
|
</div>
|
||
|
|
{{-- Fila: etiqueta --}}
|
||
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-2">
|
||
|
|
<div class="font-medium">Etiqueta visible</div>
|
||
|
|
<div><input type="text" wire:model="form.fields.{{ $index }}.label" placeholder="ej: Altura medida (m)" class="input input-sm w-full"></div>
|
||
|
|
</div>
|
||
|
|
{{-- Fila: tipo --}}
|
||
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-2">
|
||
|
|
<div class="font-medium">Tipo de campo</div>
|
||
|
|
<div>
|
||
|
|
<select wire:model="form.fields.{{ $index }}.type" class="select select-sm w-full">
|
||
|
|
@foreach($fieldTypes as $typeValue => $typeLabel)
|
||
|
|
<option value="{{ $typeValue }}">{{ $typeLabel }}</option>
|
||
|
|
@endforeach
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{{-- Fila: requerido y botón eliminar --}}
|
||
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-2">
|
||
|
|
<div class="font-medium">Requerido</div>
|
||
|
|
<div class="flex justify-between items-center">
|
||
|
|
<input type="checkbox" wire:model="form.fields.{{ $index }}.required" class="checkbox checkbox-sm">
|
||
|
|
<button type="button" wire:click="removeField({{ $index }})" class="btn btn-xs btn-error">Eliminar campo</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{{-- Campos adicionales según tipo --}}
|
||
|
|
@if(in_array($field['type'], ['integer', 'decimal', 'percentage']))
|
||
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-2">
|
||
|
|
<div class="font-medium">Mínimo / Máximo / Paso</div>
|
||
|
|
<div class="flex gap-2">
|
||
|
|
<input type="number" wire:model="form.fields.{{ $index }}.min" placeholder="Mín" class="input input-xs w-20">
|
||
|
|
<input type="number" wire:model="form.fields.{{ $index }}.max" placeholder="Máx" class="input input-xs w-20">
|
||
|
|
<input type="number" step="any" wire:model="form.fields.{{ $index }}.step" placeholder="Paso" class="input input-xs w-20">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
@elseif($field['type'] === 'select')
|
||
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-2">
|
||
|
|
<div class="font-medium">Opciones (separadas por coma)</div>
|
||
|
|
<div><input type="text" wire:model="form.fields.{{ $index }}.options" placeholder="ej: Bueno,Regular,Malo" class="input input-sm w-full"></div>
|
||
|
|
</div>
|
||
|
|
@endif
|
||
|
|
</div>
|
||
|
|
@endforeach
|
||
|
|
<button type="button" wire:click="addField" class="btn btn-sm btn-secondary mt-2">+ Agregar campo</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="flex gap-2 mt-4">
|
||
|
|
<button type="submit" class="btn btn-primary">Guardar template</button>
|
||
|
|
<button type="button" wire:click="cancelForm" class="btn">Cancelar</button>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
@endif
|
||
|
|
|
||
|
|
{{-- Tabla de templates existentes --}}
|
||
|
|
<div class="overflow-x-auto">
|
||
|
|
<table class="table table-zebra">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>Nombre</th>
|
||
|
|
<th>Descripción</th>
|
||
|
|
<th>Campos</th>
|
||
|
|
<th>Acciones</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
@forelse($templates as $template)
|
||
|
|
<tr>
|
||
|
|
<td>{{ $template->name }}</td>
|
||
|
|
<td>{{ $template->description ?? '-' }}</td>
|
||
|
|
<td>{{ count($template->fields) }}</td>
|
||
|
|
<td>
|
||
|
|
<button wire:click="editTemplate({{ $template->id }})" class="btn btn-xs btn-warning">
|
||
|
|
Editar
|
||
|
|
</button>
|
||
|
|
<button wire:click="deleteTemplate({{ $template->id }})" class="btn btn-xs btn-error" onclick="return confirm('¿Eliminar template?')">Eliminar</button>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
@empty
|
||
|
|
<tr>
|
||
|
|
<td colspan="4" class="text-center">No hay templates creados. Presiona "Nuevo template" para comenzar.</td>
|
||
|
|
</tr>
|
||
|
|
@endforelse
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|