<?php $__env->startSection('title', 'Configuración'); ?>
<?php $__env->startSection('header', 'Configuración del Sistema'); ?>

<?php $__env->startSection('content'); ?>
<div x-data="{ tab: 'empresa' }" class="grid grid-cols-1 lg:grid-cols-4 gap-5">
    <div class="lg:col-span-1 bg-white rounded-2xl shadow-md p-3 h-fit">
        <button @click="tab='empresa'" :class="tab=='empresa' ? 'gradient-primary text-white' : ''" class="w-full text-left px-4 py-3 rounded-lg mb-1 transition flex items-center gap-3">
            <i class="fas fa-building w-5"></i><span>Datos de Empresa</span>
        </button>
        <button @click="tab='general'" :class="tab=='general' ? 'gradient-primary text-white' : ''" class="w-full text-left px-4 py-3 rounded-lg mb-1 transition flex items-center gap-3">
            <i class="fas fa-cog w-5"></i><span>General</span>
        </button>
        <button @click="tab='facturacion'" :class="tab=='facturacion' ? 'gradient-primary text-white' : ''" class="w-full text-left px-4 py-3 rounded-lg mb-1 transition flex items-center gap-3">
            <i class="fas fa-file-invoice w-5"></i><span>Facturación</span>
        </button>
        <button @click="tab='ticket'" :class="tab=='ticket' ? 'gradient-primary text-white' : ''" class="w-full text-left px-4 py-3 rounded-lg mb-1 transition flex items-center gap-3">
            <i class="fas fa-receipt w-5"></i><span>Ticket</span>
        </button>
    </div>

    <div class="lg:col-span-3">
        <!-- Empresa -->
        <div x-show="tab=='empresa'" class="bg-white rounded-2xl shadow-md p-6">
            <h2 class="text-xl font-bold mb-5"><i class="fas fa-building mr-2 text-emerald-500"></i>Datos de la Empresa</h2>
            <form method="POST" action="<?php echo e(route('configuracion.empresa')); ?>" enctype="multipart/form-data">
                <?php echo csrf_field(); ?>
                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                    <div class="md:col-span-2 flex items-center gap-4 mb-4">
                        <?php if($empresa->logo): ?>
                            <img src="<?php echo e($empresa->logo_url); ?>" class="w-20 h-20 rounded-xl object-contain bg-slate-100 p-2">
                        <?php else: ?>
                            <div class="w-20 h-20 rounded-xl gradient-primary flex items-center justify-center">
                                <i class="fas fa-store text-white text-3xl"></i>
                            </div>
                        <?php endif; ?>
                        <div class="flex-1">
                            <label class="block text-sm font-semibold mb-1">Logo de la Empresa</label>
                            <input type="file" name="logo" accept="image/*" class="block w-full text-sm file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:bg-emerald-50 file:text-emerald-700">
                        </div>
                    </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="<?php echo e($empresa->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="<?php echo e($empresa->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">RUC / NIT</label><input type="text" name="ruc_nit" value="<?php echo e($empresa->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">Dirección</label><input type="text" name="direccion" value="<?php echo e($empresa->direccion); ?>" 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">Ciudad</label><input type="text" name="ciudad" value="<?php echo e($empresa->ciudad); ?>" 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="<?php echo e($empresa->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="<?php echo e($empresa->email); ?>" 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">Sitio Web</label><input type="text" name="sitio_web" value="<?php echo e($empresa->sitio_web); ?>" class="w-full px-3 py-2.5 border border-slate-300 rounded-lg"></div>
                </div>

                <h3 class="text-lg font-bold mt-6 mb-4 pb-2 border-b">Moneda e Impuestos</h3>
                <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                    <div>
                        <label class="block text-sm font-semibold mb-1">Símbolo Moneda *</label>
                        <input type="text" name="moneda" value="<?php echo e($empresa->moneda ?? 'S/'); ?>" maxlength="10" required class="w-full px-3 py-2.5 border border-slate-300 rounded-lg text-2xl font-bold text-center">
                    </div>
                    <div>
                        <label class="block text-sm font-semibold mb-1">Código Moneda *</label>
                        <select name="codigo_moneda" required class="w-full px-3 py-2.5 border border-slate-300 rounded-lg">
                            <?php $__currentLoopData = ['PEN'=>'Sol Peruano (PEN)','USD'=>'Dólar (USD)','EUR'=>'Euro (EUR)','MXN'=>'Peso Mexicano (MXN)','COP'=>'Peso Colombiano (COP)','ARS'=>'Peso Argentino (ARS)','CLP'=>'Peso Chileno (CLP)','BOB'=>'Boliviano (BOB)','VES'=>'Bolívar (VES)']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $cod => $nom): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <option value="<?php echo e($cod); ?>" <?php echo e(($empresa->codigo_moneda ?? 'PEN') == $cod ? 'selected' : ''); ?>><?php echo e($nom); ?></option>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </select>
                    </div>
                    <div>
                        <label class="block text-sm font-semibold mb-1">Impuesto (%) *</label>
                        <input type="number" step="0.01" name="impuesto" value="<?php echo e($empresa->impuesto ?? 18); ?>" required class="w-full px-3 py-2.5 border border-slate-300 rounded-lg">
                    </div>
                </div>
                <label class="flex items-center gap-2 mt-3"><input type="checkbox" name="impuesto_incluido" value="1" <?php echo e(($empresa->impuesto_incluido ?? true) ? 'checked' : ''); ?>> Precios con impuesto incluido</label>

                <h3 class="text-lg font-bold mt-6 mb-4 pb-2 border-b">Mensajes</h3>
                <div class="space-y-3">
                    <div><label class="block text-sm font-semibold mb-1">Mensaje en Ticket</label><input type="text" name="mensaje_ticket" value="<?php echo e($empresa->mensaje_ticket ?? '¡Gracias por su compra!'); ?>" 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">Términos y Condiciones</label><textarea name="terminos_condiciones" rows="3" class="w-full px-3 py-2.5 border border-slate-300 rounded-lg"><?php echo e($empresa->terminos_condiciones); ?></textarea></div>
                </div>

                <button type="submit" class="mt-6 gradient-primary text-white px-6 py-3 rounded-lg font-semibold"><i class="fas fa-save mr-2"></i>Guardar Datos de Empresa</button>
            </form>
        </div>

        <!-- General -->
        <div x-show="tab=='general'" x-cloak class="bg-white rounded-2xl shadow-md p-6">
            <h2 class="text-xl font-bold mb-5"><i class="fas fa-cog mr-2 text-emerald-500"></i>Configuración General</h2>
            <form method="POST" action="<?php echo e(route('configuracion.general')); ?>" class="space-y-4">
                <?php echo csrf_field(); ?>
                <div>
                    <label class="block text-sm font-semibold mb-1">Puntos por unidad de moneda gastada</label>
                    <input type="number" step="0.01" name="config[puntos_por_moneda]" value="<?php echo e($configs['puntos_por_moneda'] ?? '0.1'); ?>" class="w-full px-3 py-2.5 border border-slate-300 rounded-lg">
                    <p class="text-xs text-slate-500 mt-1">Ej: 0.1 = el cliente recibe 1 punto por cada 10 unidades gastadas</p>
                </div>
                <div>
                    <label class="block text-sm font-semibold mb-1">Días de aviso por vencimiento</label>
                    <input type="number" name="config[dias_aviso_vencimiento]" value="<?php echo e($configs['dias_aviso_vencimiento'] ?? '30'); ?>" 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">Stock mínimo predeterminado</label>
                    <input type="number" name="config[stock_minimo_default]" value="<?php echo e($configs['stock_minimo_default'] ?? '5'); ?>" class="w-full px-3 py-2.5 border border-slate-300 rounded-lg">
                </div>
                <button class="gradient-primary text-white px-6 py-3 rounded-lg font-semibold"><i class="fas fa-save mr-2"></i>Guardar</button>
            </form>
        </div>

        <!-- Facturación -->
        <div x-show="tab=='facturacion'" x-cloak class="bg-white rounded-2xl shadow-md p-6">
            <h2 class="text-xl font-bold mb-5"><i class="fas fa-file-invoice mr-2 text-emerald-500"></i>Facturación</h2>
            <form method="POST" action="<?php echo e(route('configuracion.general')); ?>" class="space-y-4">
                <?php echo csrf_field(); ?>
                <div class="grid grid-cols-2 gap-4">
                    <div><label class="block text-sm font-semibold mb-1">Serie Ticket</label><input type="text" name="config[serie_ticket]" value="<?php echo e($configs['serie_ticket'] ?? 'T001'); ?>" 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">Serie Boleta</label><input type="text" name="config[serie_boleta]" value="<?php echo e($configs['serie_boleta'] ?? 'B001'); ?>" 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">Serie Factura</label><input type="text" name="config[serie_factura]" value="<?php echo e($configs['serie_factura'] ?? 'F001'); ?>" class="w-full px-3 py-2.5 border border-slate-300 rounded-lg"></div>
                </div>
                <button class="gradient-primary text-white px-6 py-3 rounded-lg font-semibold"><i class="fas fa-save mr-2"></i>Guardar</button>
            </form>
        </div>

        <!-- Ticket -->
        <div x-show="tab=='ticket'" x-cloak class="bg-white rounded-2xl shadow-md p-6">
            <h2 class="text-xl font-bold mb-5"><i class="fas fa-receipt mr-2 text-emerald-500"></i>Configuración de Ticket</h2>
            <form method="POST" action="<?php echo e(route('configuracion.general')); ?>" class="space-y-4">
                <?php echo csrf_field(); ?>
                <div><label class="block text-sm font-semibold mb-1">Ancho papel (mm)</label>
                    <select name="config[ancho_ticket]" class="w-full px-3 py-2.5 border border-slate-300 rounded-lg">
                        <?php $__currentLoopData = [58,80]; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $ancho): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <option value="<?php echo e($ancho); ?>" <?php echo e(($configs['ancho_ticket'] ?? 80) == $ancho ? 'selected' : ''); ?>><?php echo e($ancho); ?>mm</option>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </select>
                </div>
                <label class="flex items-center gap-2"><input type="checkbox" name="config[imprimir_auto]" value="1" <?php echo e(!empty($configs['imprimir_auto']) ? 'checked' : ''); ?>> Imprimir ticket automáticamente al cobrar</label>
                <label class="flex items-center gap-2"><input type="checkbox" name="config[mostrar_logo_ticket]" value="1" <?php echo e(!empty($configs['mostrar_logo_ticket']) ? 'checked' : ''); ?>> Mostrar logo en ticket</label>
                <button class="gradient-primary text-white px-6 py-3 rounded-lg font-semibold"><i class="fas fa-save mr-2"></i>Guardar</button>
            </form>
        </div>
    </div>
</div>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\TVP\tvp-minimarket\resources\views/configuracion/index.blade.php ENDPATH**/ ?>