@extends('admin.layouts.app')


@push('css')
    <!-- Scripts -->
    {{-- <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script> --}}
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    <!-- JS Color for Appearence (color_primary, color_secondary) -->    
    {{-- <script src="https://cdn.jsdelivr.net/npm/jscolor@2.4.5/jscolor.min.js"></script> --}}

@endpush


@section('content')

    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                <h4 class="mb-sm-0">Editar Pickup</h4>
                <div class="page-title-right">
                    <a href="{{ route('admin.dashboard') }}" class="btn btn-primary">Volver</a>
                </div>
            </div>
        </div>
    </div>

            <form action="{{ route('settings.pickup.update') }}" method="POST" enctype="multipart/form-data">                
                @csrf
                @method('PUT')

                <div class="card">
                    <div class="card-body">
                        <div class="row">                            
                            <div class="col-md-12">
                                <h5>Configuración de Envíos y Pickup</h5>

                                <!-- Métodos de Envío Habilitados -->
                                <div class="row mb-4">
                                    <div class="col-md-12">
                                        <div class="card border-primary">
                                            <div class="card-body">
                                                <h6 class="text-primary mb-3">Métodos de Envío Habilitados</h6>
                                                <p class="text-muted small mb-3">
                                                    Controlá qué opciones de envío se muestran al cliente en el checkout.
                                                    Debe quedar habilitado al menos uno.
                                                </p>
                                                <div class="form-check form-switch mb-2">
                                                    <input type="hidden" name="pickup_enabled" value="0">
                                                    <input type="checkbox" class="form-check-input" id="pickup_enabled" name="pickup_enabled" value="1" {{ old('pickup_enabled', $settings->pickup_enabled ?? 1) ? 'checked' : '' }}>
                                                    <label class="form-check-label" for="pickup_enabled">
                                                        <strong>Retiro en Local</strong> — Permite al cliente retirar el pedido en la dirección del negocio.
                                                    </label>
                                                </div>
                                                <div class="form-check form-switch mb-2">
                                                    <input type="hidden" name="home_delivery_enabled" value="0">
                                                    <input type="checkbox" class="form-check-input" id="home_delivery_enabled" name="home_delivery_enabled" value="1" {{ old('home_delivery_enabled', $settings->home_delivery_enabled ?? 1) ? 'checked' : '' }}>
                                                    <label class="form-check-label" for="home_delivery_enabled">
                                                        <strong>Envío a Domicilio</strong> — Permite calcular o coordinar envío al domicilio del cliente.
                                                    </label>
                                                </div>
                                                @if ($errors->has('pickup_enabled'))
                                                    <div class="text-danger mt-2">{{ $errors->first('pickup_enabled') }}</div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Aviso del Checkout -->
                                <div class="row mb-4">
                                    <div class="col-md-12">
                                        <div class="card border-warning">
                                            <div class="card-body">
                                                <h6 class="text-warning mb-2">Aviso del Checkout</h6>
                                                <p class="text-muted small mb-3">
                                                    Mensaje que aparece como banner destacado al inicio del checkout.
                                                    Útil para instrucciones de retiro, aclaraciones importantes o datos de contacto.
                                                </p>
                                                <div class="mb-3">
                                                    <textarea name="checkout_notice" rows="6" class="form-control" maxlength="3000" placeholder="Ej: ATENCIÓN: Para retirar hay que esperar a recibir el número de factura por email...">{{ old('checkout_notice', $settings->checkout_notice) }}</textarea>
                                                    <small class="form-text text-muted">Dejá el campo vacío si no querés mostrar banner. Admite saltos de línea.</small>
                                                    @if ($errors->has('checkout_notice'))
                                                        <div class="text-danger mt-2">{{ $errors->first('checkout_notice') }}</div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Modo de Envío -->
                                <div class="row mb-4">
                                    <div class="col-md-12">
                                        <div class="card bg-light">
                                            <div class="card-body">
                                                <h6 class="text-primary mb-3">Modo de Cálculo de Envíos</h6>
                                                <div class="mb-3">
                                                    <label for="shipping_mode">Sistema de Envíos</label>
                                                    <select name="shipping_mode" id="shipping_mode" class="form-select">
                                                        <option value="zones" {{ old('shipping_mode', $settings->shipping_mode ?? 'zones') == 'zones' ? 'selected' : '' }}>
                                                            Zonas de Envío (Cálculo automático por zonas y códigos postales)
                                                        </option>
                                                        <option value="countries" {{ old('shipping_mode', $settings->shipping_mode ?? '') == 'countries' ? 'selected' : '' }}>
                                                            Por País (Sistema tradicional)
                                                        </option>
                                                        <option value="simple" {{ old('shipping_mode', $settings->shipping_mode ?? '') == 'simple' ? 'selected' : '' }}>
                                                            Modo Simple (Solo texto informativo, sin cálculo)
                                                        </option>
                                                    </select>
                                                    <small class="text-muted">Seleccione cómo desea manejar los cálculos de envío en el checkout</small>
                                                </div>
                                                
                                                <!-- Opciones para Modo Simple -->
                                                <div id="simple_mode_options" style="display: {{ old('shipping_mode', $settings->shipping_mode ?? 'zones') == 'simple' ? 'block' : 'none' }};">
                                                    <div class="mb-3">
                                                        <label for="shipping_simple_text">Texto Informativo de Envío</label>
                                                        <textarea name="shipping_simple_text" class="form-control" rows="3" placeholder="Texto que se mostrará en el checkout cuando se seleccione envío a domicilio">{{ old('shipping_simple_text', $settings->shipping_simple_text ?? '') }}</textarea>
                                                        <small class="text-muted">Este texto aparecerá cuando el cliente seleccione envío a domicilio en modo simple</small>
                                                    </div>
                                                    <div class="mb-3">
                                                        <div class="custom-control custom-checkbox">
                                                            <input type="checkbox" class="custom-control-input" id="shipping_simple_require_fields" name="shipping_simple_require_fields" value="1" {{ old('shipping_simple_require_fields', $settings->shipping_simple_require_fields ?? 1) ? 'checked' : '' }}>
                                                            <label class="custom-control-label" for="shipping_simple_require_fields">
                                                                Solicitar dirección de envío (código postal, localidad, dirección)
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <h5 class="mt-4">Datos de Pickup</h5>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="pickup_country">País</label>
                                            <input type="text" name="pickup_country" class="form-control" value="{{ old('pickup_country', $settings->pickup_country ?? '') }}">
                                            @if ($errors->has('pickup_country'))
                                                <div class="text-danger">{{ $errors->first('pickup_country') }}</div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="pickup_state">Provincia</label>
                                            <input type="text" name="pickup_state" class="form-control" value="{{ old('pickup_state', $settings->pickup_state ?? '') }}">
                                            @if ($errors->has('pickup_state'))
                                                <div class="text-danger">{{ $errors->first('pickup_state') }}</div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="pickup_city">Localidad</label>
                                            <input type="text" name="pickup_city" class="form-control" value="{{ old('pickup_city', $settings->pickup_city ?? '') }}">
                                            @if ($errors->has('pickup_city'))
                                                <div class="text-danger">{{ $errors->first('pickup_city') }}</div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="pickup_postal_code">Código Postal</label>
                                            <input type="text" name="pickup_postal_code" class="form-control" value="{{ old('pickup_postal_code', $settings->pickup_postal_code ?? '') }}">
                                            @if ($errors->has('pickup_postal_code'))
                                                <div class="text-danger">{{ $errors->first('pickup_postal_code') }}</div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="pickup_street">Calle</label>
                                            <input type="text" name="pickup_street" class="form-control" value="{{ old('pickup_street', $settings->pickup_street ?? '') }}">
                                            @if ($errors->has('pickup_street'))
                                                <div class="text-danger">{{ $errors->first('pickup_street') }}</div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="pickup_number">Número</label>
                                            <input type="text" name="pickup_number" class="form-control" value="{{ old('pickup_number', $settings->pickup_number ?? '') }}">
                                            @if ($errors->has('pickup_number'))
                                                <div class="text-danger">{{ $errors->first('pickup_number') }}</div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="pickup_phone">Teléfono</label>
                                            <input type="text" name="pickup_phone" class="form-control" value="{{ old('pickup_phone', $settings->pickup_phone ?? '') }}">
                                            @if ($errors->has('pickup_phone'))
                                                <div class="text-danger">{{ $errors->first('pickup_phone') }}</div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <label for="pickup_instructions">Instrucciones para Retiro en Local</label>
                                            <textarea name="pickup_instructions" class="form-control" rows="4" placeholder="Instrucciones que verán los clientes al seleccionar retiro en local">{{ old('pickup_instructions', $settings->pickup_instructions ?? '') }}</textarea>
                                            <small class="text-muted">Estas instrucciones aparecerán en el checkout cuando el cliente seleccione "Retiro en Local"</small>
                                            @if ($errors->has('pickup_instructions'))
                                                <div class="text-danger">{{ $errors->first('pickup_instructions') }}</div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <label for="delivery_instructions">Instrucciones para Envío a Domicilio</label>
                                            <textarea name="delivery_instructions" class="form-control" rows="3" placeholder="Instrucciones que verán los clientes al seleccionar envío a domicilio">{{ old('delivery_instructions', $settings->delivery_instructions ?? '') }}</textarea>
                                            <small class="text-muted">Estas instrucciones aparecerán en el checkout cuando el cliente seleccione "Envío a Domicilio"</small>
                                            @if ($errors->has('delivery_instructions'))
                                                <div class="text-danger">{{ $errors->first('delivery_instructions') }}</div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>                            
                        </div> 
                    </div> 
                </div>

                <div class="pb-5 pt-3">
                    <button type="submit" class="btn btn-primary">Actualizar</button>
                    <a href="{{ route('admin.dashboard') }}" class="btn btn-outline-dark ms-3">Cancelar</a>
                </div>
            </form>
            
        <!-- /.card -->

    
@endsection


@section('customJs')
<script>
$(document).ready(function() {
    // Mostrar/ocultar opciones según el modo de envío
    $('#shipping_mode').on('change', function() {
        if ($(this).val() === 'simple') {
            $('#simple_mode_options').slideDown();
        } else {
            $('#simple_mode_options').slideUp();
        }
    });
});
</script>
@endsection