@extends('layout.backoffice')
@section('content')
    <div class="row">
        <div class="col-lg-6">
            <div class="card card-primary card-outline">
                <div class="card-header">
                    <h3 class="card-title">{{ isset($cuponEntidad['id_cupon']) ? 'Editar' : 'Crear' }} Cupón</h3>
                </div>
                <div class="card-body">
                    <form id="cupon_form">
                        <input type="hidden" value="{{ $cuponEntidad['id_cupon'] ?? '' }}" name="id_cupon"/>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group mb-2">
                                    <label for="nombre_regla"><i class="bx bx-label me-1"></i> Nombre de la Regla</label>
                                    <input value="{{ $cuponEntidad['nombre_regla'] ?? "" }}" name="nombre_regla" type="text" class="form-control system_validador_vacio" id="nombre_regla">
                                    <small class="form-text text-muted">Nombre descriptivo para identificar la promoción (ej: "Descuento Verano 10%").</small>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mb-2">
                                    <label for=""><i class="bx bx-barcode me-1"></i> Código del Cupón</label>
                                    <input value="{{ $cuponEntidad['codigo_cupon'] ?? "" }}" name="codigo_cupon" type="text" class="form-control system_validador_vacio" id="codigo_cupon">
                                    <small class="form-text text-muted">El código que los clientes usarán. Ej: VERANO10.</small>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mb-2">
                                    <label for="estado"><i class="bx bx-toggle-right me-1"></i> Estado</label>
                                    <select name="estado" id="estado" class="form-select system_validador_vacio">
                                        <option value="1" {{ (isset($cuponEntidad['estado']) && $cuponEntidad['estado'] == 1) ? 'selected' : '' }}>Activo</option>
                                        <option value="0" {{ (isset($cuponEntidad['estado']) && $cuponEntidad['estado'] == 0) ? 'selected' : '' }}>Inactivo</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group mb-2">
                                    <label for="descripcion"><i class="bx bx-comment-detail me-1"></i> Descripción (Opcional)</label>
                                    <textarea name="descripcion" class="form-control" id="descripcion" rows="2">{{ $cuponEntidad['descripcion'] ?? "" }}</textarea>
                                </div>
                            </div>
                            <hr class="my-3">
                            <h6 class="text-muted"><i class="bx bx-purchase-tag-alt me-1"></i> Detalles del Descuento</h6>
                            <div class="col-md-6">
                                <div class="form-group mb-2">
                                    <label for="tipo_accion"><i class="bx bx-offer me-1"></i> Tipo de Descuento</label>
                                    <select name="tipo_accion" id="tipo_accion" class="form-select system_validador_vacio">
                                        <option value="">Seleccione</option>
                                        <option value="porcentaje_carrito" {{ (isset($cuponEntidad['tipo_accion']) && $cuponEntidad['tipo_accion'] == 'porcentaje_carrito') ? 'selected' : '' }}>Porcentaje del total del carrito</option>
                                        <option value="fijo_carrito" {{ (isset($cuponEntidad['tipo_accion']) && $cuponEntidad['tipo_accion'] == 'fijo_carrito') ? 'selected' : '' }}>Monto fijo del total del carrito</option>
                                    </select>
                                </div>
                                <div class="form-group mb-2">
                                    <label for="condiciones_subtotal_minimo">Mínimo de compra en el Carrito</label>
                                    <input value="{{ $cuponEntidad['condiciones_json']['subtotal_minimo'] ?? "" }}" name="condiciones[subtotal_minimo]" type="text" class="form-control system_validador_numerico system_validador_numformato" id="condiciones_subtotal_minimo" placeholder="Dejar vacío si no aplica">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mb-2">
                                    <label for=""><i class="bx bx-dollar me-1"></i> Valor del Descuento</label>
                                    <input value="{{ $cuponEntidad['valor_descuento'] ?? "" }}" name="valor_descuento" type="number" step="0.01" class="form-control system_validador_vacio" id="valor_descuento">
                                    <small class="form-text text-muted">Si es porcentaje, ingrese el valor (ej: 10 para 10%). Si es monto fijo, el valor monetario.</small>
                                </div>
                            </div>
                            <hr class="my-3">
                            <h6 class="text-muted"><i class="bx bx-calendar-check me-1"></i> Periodo de Validez</h6>
                            <div class="col-md-6">
                                <div class="form-group mb-2">
                                    <label for="fecha_desde"><i class="bx bx-calendar-event me-1"></i> Desde (Opcional)</label>
                                    <input value="{{ isset($cuponEntidad['fecha_desde']) ? \Carbon\Carbon::parse($cuponEntidad['fecha_desde'])->format('Y-m-d') : "" }}" name="fecha_desde" type="date" class="form-control" id="fecha_desde">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mb-2">
                                    <label for="fecha_hasta"><i class="bx bx-calendar-x me-1"></i> Hasta (Opcional)</label>
                                    <input value="{{ isset($cuponEntidad['fecha_hasta']) ? \Carbon\Carbon::parse($cuponEntidad['fecha_hasta'])->format('Y-m-d') : "" }}" name="fecha_hasta" type="date" class="form-control" id="fecha_hasta">
                                </div>
                            </div>
                            <hr class="my-3">
                            <h6 class="text-muted"><i class="bx bx-cog me-1"></i> Restricciones de Uso (Opcional)</h6>
                            <div class="col-md-6">
                                <div class="form-group mb-2">
                                    <label for="usos_maximos_cupon"><i class="bx bx-pie-chart-alt-2 me-1"></i> Usos totales del cupón</label>
                                    <input value="{{ $cuponEntidad['usos_maximos_cupon'] ?? "" }}" name="usos_maximos_cupon" type="number" class="form-control" id="usos_maximos_cupon" placeholder="Vacío para ilimitado">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mb-2">
                                    <label for="usos_maximos_cliente"><i class="bx bx-user-circle me-1"></i> Usos por cliente</label>
                                    <input value="{{ $cuponEntidad['usos_maximos_cliente'] ?? "" }}" name="usos_maximos_cliente" type="number" class="form-control" id="usos_maximos_cliente" placeholder="Vacío para ilimitado">
                                </div>
                            </div>
                            <hr class="my-3">
                            <h6 class="text-muted"><i class="bx bx-filter-alt me-1"></i> Productos a los que aplicará la oferta</h6>
                            <p>Sí se cumple alguna de estas condiciones, se aplicará el descuento.</p>
                            <div class="col-md-12">

                                <div class="form-group mb-2">
                                    <label for="condiciones_skus_especificos">Skus productos especificos</label>
                                    <input value="{{ $cuponEntidad['condiciones_json']['skus_especificos'] ?? "" }}" name="condiciones[skus_especificos]" type="text" class="form-control" id="condiciones_skus_especificos" placeholder="Dejar vacío si no aplica">
                                    <small class="form-text text-muted">Separados por punto y coma (;)</small>
                                </div>
                                <div class="form-group mb-2">
                                    <label for="condiciones_categorias_especificas">Categorias especificas</label>
                                    <input value="{{ $cuponEntidad['condiciones_json']['categorias_especificas'] ?? "" }}" name="condiciones[categorias_especificas]" type="text" class="form-control" id="condiciones_categorias_especificas" placeholder="Dejar vacío si no aplica">
                                    <small class="form-text text-muted">Separados por punto y coma (;)</small>
                                </div>
                                <div class="form-group mb-2">
                                    <label for="condiciones_cantidad_minima">Cantidad minima productos carrito</label>
                                    <input value="{{ $cuponEntidad['condiciones_json']['cantidad_minima'] ?? "" }}" name="condiciones[cantidad_minima]" type="text" class="form-control" id="condiciones_cantidad_minima" placeholder="Dejar vacío si no aplica">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="card-footer d-flex">
                    <div>
                        @if (isset($cuponEntidad['id_cupon']))
                            <button type="button" id="btn_actualizar_cupon" class="btn btn-primary btn-sm btn-flat">
                                <i class="bx bx-refresh me-1"></i> Actualizar Cupón
                            </button>
                            <a href="{{ url('backoffice/administrar/cupones') }}" class="btn btn-secondary btn-sm btn-flat ms-1">
                                <i class="bx bx-x me-1"></i> Cancelar
                            </a>
                        @else
                            <button type="button" id="btn_guardar_cupon" class="btn btn-primary btn-sm btn-flat">
                                <i class="bx bx-save me-1"></i> Guardar Cupón
                            </button>
                        @endif
                    </div>
                    @if (isset($cuponEntidad['id_cupon']))
                        <div class="ms-auto">
                            <button type="button" data-id="{{ $cuponEntidad['id_cupon'] }}" id="btn_eliminar_cupon" class="btn_eliminar_cupon btn btn-danger btn-sm btn-flat">
                                <i class="bx bx-trash me-1"></i> Eliminar
                            </button>
                        </div>
                    @endif
                </div>
            </div>
        </div>
        <div class="col-lg-6 mb-4">
            <div class="card card-primary card-outline">
                <div class="card-header">
                    <h3 class="card-title">Cupones Registrados</h3>
                </div>
                <div class="card-body">
                    <div id="coupon-list-container">
                        <table class="table table-hover table-striped" id="tabla-cupones">
                            <thead>
                            <tr>
                                <th></th>
                                <th>Código</th>
                                <th>Nombre</th>
                                <th>Fecha desde</th>
                                <th>Fecha hasta</th>
                                <th>Estado</th>
                            </tr>
                            </thead>
                            <tbody>
                            @if(isset($listadoCupones))
                                @foreach ($listadoCupones as $cupon)
                                    <tr>
                                        <td>
                                            <a href="