@extends('admin.layouts.app')

@push('css')
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<style>
.nav-tabs .nav-link {
    border-radius: 0.25rem 0.25rem 0 0;
    border: 1px solid transparent;
    background: none;
    color: #6c757d;
}

.nav-tabs .nav-link.active {
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    color: #495057;
    font-weight: 600;
}

.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate;
}

.tab-content {
    border: 1px solid #dee2e6;
    border-top: 0;
    border-radius: 0 0 0.25rem 0.25rem;
    padding: 1.5rem;
    background: #fff;
}

.tab-icon {
    margin-right: 0.5rem;
}

.form-section-title {
    color: #495057;
    font-weight: 600;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #e9ecef;
}

.help-text {
    font-size: 0.875rem;
    color: #6c757d;
    margin-top: 0.25rem;
}

.form-actions {
    border-top: 1px solid #dee2e6;
    padding-top: 1.5rem;
    margin-top: 2rem;
    background: #f8f9fa;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-bottom: -1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
}
</style>
@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">Configuración General</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.general.update') }}" method="POST" enctype="multipart/form-data">                
            @csrf
            @method('PUT')

            <div class="card">
                <div class="card-body p-0">
                    
                    <!-- Navigation Tabs -->
                    <ul class="nav nav-tabs" id="generalTabs" role="tablist">
                        <li class="nav-item" role="presentation">
                            <button class="nav-link active" id="shop-tab" data-bs-toggle="tab" data-bs-target="#shop" 
                                    type="button" role="tab" aria-controls="shop" aria-selected="true">
                                <i class="ri-store-2-line tab-icon"></i>
                                Datos del Negocio
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="address-tab" data-bs-toggle="tab" data-bs-target="#address" 
                                    type="button" role="tab" aria-controls="address" aria-selected="false">
                                <i class="ri-map-pin-line-alt tab-icon"></i>
                                Dirección
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="schedule-tab" data-bs-toggle="tab" data-bs-target="#schedule" 
                                    type="button" role="tab" aria-controls="schedule" aria-selected="false">
                                <i class="ri-time-line tab-icon"></i>
                                Horarios de Atención
                            </button>
                        </li>
                    </ul>

                    <!-- Tab Content -->
                    <div class="tab-content" id="generalTabContent">
                        
                        <!-- Datos del Negocio -->
                        <div class="tab-pane fade show active" id="shop" role="tabpanel" aria-labelledby="shop-tab">
                            <h5 class="form-section-title">
                                <i class="ri-building-line text-primary"></i>
                                Información Principal del Negocio
                            </h5>

                            <div class="row">

                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="site_title" class="form-label">Titulo del Sitio (Usado por IA)</label>
                                        <input type="text" name="site_title" id="site_title" class="form-control @error('site_title') is-invalid @enderror"
                                               value="{{ old('site_title', $settings->site_title ?? '') }}" placeholder="Ej: La Viruta">
                                        <small class="help-text">
                                            <i class="ri-information-line"></i>
                                            Este nombre sera usado por la IA para generar contenido SEO en todo el sitio
                                        </small>
                                        @error('site_title')
                                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="site_url" class="form-label">URL del Sitio en Producción</label>
                                        <input type="url" name="site_url" id="site_url" class="form-control @error('site_url') is-invalid @enderror"
                                               value="{{ old('site_url', $settings->site_url ?? config('app.url')) }}" placeholder="Ej: https://www.laviruta.com">
                                        <small class="help-text">
                                            <i class="ri-global-line"></i>
                                            URL completa del sitio en producción (se usa en vistas previas SEO y compartir en redes sociales)
                                        </small>
                                        @error('site_url')
                                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="shop_text1" class="form-label">Texto Principal</label>
                                        <input type="text" name="shop_text1" id="shop_text1" class="form-control @error('shop_text1') is-invalid @enderror"
                                               value="{{ old('shop_text1', $settings->shop_text1 ?? '') }}" placeholder="Ej: Bienvenido a nuestra tienda">
                                        <small class="help-text">
                                            <i class="ri-information-line"></i>
                                            Texto principal que aparecerá en el encabezado del sitio
                                        </small>
                                        @error('shop_text1')
                                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="shop_text2" class="form-label">Texto Secundario</label>
                                        <input type="text" name="shop_text2" id="shop_text2" class="form-control @error('shop_text2') is-invalid @enderror" 
                                               value="{{ old('shop_text2', $settings->shop_text2 ?? '') }}" placeholder="Ej: Los mejores productos al mejor precio">
                                        <small class="help-text">
                                            <i class="ri-information-line"></i>
                                            Texto complementario para el encabezado del sitio
                                        </small>
                                        @error('shop_text2')
                                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                        @enderror                                           
                                    </div>
                                </div>
                                
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="fantasy_name" class="form-label">Nombre de Fantasía</label>
                                        <input type="text" name="fantasy_name" id="fantasy_name" class="form-control @error('fantasy_name') is-invalid @enderror"
                                               value="{{ old('fantasy_name', $settings->fantasy_name ?? '') }}" placeholder="Ej: La Viruta S.A.">
                                        <small class="help-text">
                                            <i class="ri-price-tag-line"></i>
                                            Nombre comercial que aparecerá en facturas y documentos
                                        </small>
                                        @error('fantasy_name')
                                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="whatsapp_number" class="form-label">Número de WhatsApp</label>
                                        <input type="text" name="whatsapp_number" id="whatsapp_number" class="form-control @error('whatsapp_number') is-invalid @enderror"
                                               value="{{ old('whatsapp_number', $settings->whatsapp_number ?? '') }}" placeholder="Ej: +54 9 11 1234-5678">
                                        <small class="help-text">
                                            <i class="ri-whatsapp-fill"></i>
                                            Número de WhatsApp para contacto directo con clientes
                                        </small>
                                        @error('whatsapp_number')
                                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12">
                                    <div class="mb-3">
                                        <label for="whatsapp_link" class="form-label">Link de WhatsApp (Botón Flotante)</label>
                                        <input type="url" name="whatsapp_link" id="whatsapp_link" class="form-control @error('whatsapp_link') is-invalid @enderror"
                                               value="{{ old('whatsapp_link', $settings->whatsapp_link ?? '') }}"
                                               placeholder="Ej: https://wa.me/message/4ISBW5LADDJZH1">
                                        <small class="help-text">
                                            <i class="ri-whatsapp-fill"></i>
                                            Link directo de WhatsApp que se abrirá en el botón flotante del sitio (se abre en nueva pestaña)
                                        </small>
                                        @error('whatsapp_link')
                                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Dirección -->
                        <div class="tab-pane fade" id="address" role="tabpanel" aria-labelledby="address-tab">
                            <h5 class="form-section-title">
                                <i class="ri-home-line text-info"></i>
                                Información de Ubicación
                            </h5>
                            
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="country" class="form-label">País</label>
                                        <input type="text" name="country" id="country" class="form-control @error('country') is-invalid @enderror" 
                                               value="{{ old('country', $settings->country ?? '') }}" placeholder="Ej: Argentina">
                                        <small class="help-text">
                                            <i class="ri-flag-line"></i>
                                            País donde se encuentra ubicado el negocio
                                        </small>
                                        @error('country')
                                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                        @enderror                                           
                                    </div>
                                </div>
                                
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="state" class="form-label">Provincia/Estado</label>
                                        <input type="text" name="state" id="state" class="form-control @error('state') is-invalid @enderror" 
                                               value="{{ old('state', $settings->state ?? '') }}" placeholder="Ej: Buenos Aires">
                                        <small class="help-text">
                                            <i class="ri-map-line"></i>
                                            Provincia o estado donde se encuentra el negocio
                                        </small>
                                        @error('state')
                                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                        @enderror                                           
                                    </div>
                                </div>
                                
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="city" class="form-label">Ciudad/Localidad</label>
                                        <input type="text" name="city" id="city" class="form-control @error('city') is-invalid @enderror" 
                                               value="{{ old('city', $settings->city ?? '') }}" placeholder="Ej: Capital Federal">
                                        <small class="help-text">
                                            <i class="ri-building-line"></i>
                                            Ciudad o localidad específica del negocio
                                        </small>
                                        @error('city')
                                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                        @enderror                                           
                                    </div>
                                </div>
                                
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="postal_code" class="form-label">Código Postal</label>
                                        <input type="text" name="postal_code" id="postal_code" class="form-control @error('postal_code') is-invalid @enderror" 
                                               value="{{ old('postal_code', $settings->postal_code ?? '') }}" placeholder="Ej: C1000AAA">
                                        <small class="help-text">
                                            <i class="ri-mail-send-line"></i>
                                            Código postal para correspondencia
                                        </small>
                                        @error('postal_code')
                                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                        @enderror                                           
                                    </div>
                                </div>
                                
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="street" class="form-label">Calle</label>
                                        <input type="text" name="street" id="street" class="form-control @error('street') is-invalid @enderror" 
                                               value="{{ old('street', $settings->street ?? '') }}" placeholder="Ej: Av. Corrientes">
                                        <small class="help-text">
                                            <i class="ri-road-map-line"></i>
                                            Nombre de la calle donde se encuentra el negocio
                                        </small>
                                        @error('street')
                                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                        @enderror                                           
                                    </div>
                                </div>
                                
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="number" class="form-label">Número</label>
                                        <input type="text" name="number" id="number" class="form-control @error('number') is-invalid @enderror" 
                                               value="{{ old('number', $settings->number ?? '') }}" placeholder="Ej: 1234">
                                        <small class="help-text">
                                            <i class="ri-hashtag"></i>
                                            Número de puerta del negocio
                                        </small>
                                        @error('number')
                                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                        @enderror                                           
                                    </div>
                                </div>
                                
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="phone" class="form-label">
                                            Teléfono Fijo
                                            <span class="badge bg-secondary" style="font-size: 0.7rem; font-weight: normal;">Opcional</span>
                                        </label>
                                        <input type="text" name="phone" id="phone" class="form-control @error('phone') is-invalid @enderror"
                                               value="{{ old('phone', $settings->phone ?? '') }}" placeholder="Ej: (011) 1234-5678">
                                        <small class="help-text">
                                            <i class="ri-phone-line"></i>
                                            Número de teléfono fijo (solo se mostrará si está cargado)
                                        </small>
                                        @error('phone')
                                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="mobile_phone" class="form-label">Teléfono Móvil</label>
                                        <input type="text" name="mobile_phone" id="mobile_phone" class="form-control @error('mobile_phone') is-invalid @enderror" 
                                               value="{{ old('mobile_phone', $settings->mobile_phone ?? '') }}" placeholder="Ej: +54 9 11 1234-5678">
                                        <small class="help-text">
                                            <i class="ri-smartphone-line"></i>
                                            Número de teléfono móvil para contacto
                                        </small>
                                        @error('mobile_phone')
                                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                        @enderror                                           
                                    </div>
                                </div>
                                
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="contact_email" class="form-label">Email de Contacto</label>
                                        <input type="email" name="contact_email" id="contact_email" class="form-control @error('contact_email') is-invalid @enderror"
                                               value="{{ old('contact_email', $settings->contact_email ?? '') }}" placeholder="Ej: contacto@empresa.com">
                                        <small class="help-text">
                                            <i class="ri-mail-line"></i>
                                            Dirección de email principal para contacto con clientes
                                        </small>
                                        @error('contact_email')
                                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="notification_email" class="form-label">Email de Notificación de Ventas</label>
                                        <input type="email" name="notification_email" id="notification_email" class="form-control @error('notification_email') is-invalid @enderror"
                                               value="{{ old('notification_email', $settings->notification_email ?? '') }}" placeholder="Email donde recibir avisos de nuevas ventas">
                                        <small class="help-text">
                                            <i class="ri-notification-3-line text-warning"></i>
                                            Si está vacío, se usará el email de contacto
                                        </small>
                                        @error('notification_email')
                                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Horarios de Atención -->
                        <div class="tab-pane fade" id="schedule" role="tabpanel" aria-labelledby="schedule-tab">
                            <h5 class="form-section-title">
                                <i class="ri-briefcase-line text-warning"></i>
                                Horarios de Funcionamiento
                            </h5>
                            
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="weekday_hours" class="form-label">Lunes a Viernes</label>
                                        <input type="text" name="weekday_hours" id="weekday_hours" class="form-control @error('weekday_hours') is-invalid @enderror" 
                                               value="{{ old('weekday_hours', $settings->weekday_hours ?? '') }}" placeholder="Ej: 9:00 - 18:00">
                                        <small class="help-text">
                                            <i class="ri-calendar-line"></i>
                                            Horario de atención de lunes a viernes
                                        </small>
                                        @error('weekday_hours')
                                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                        @enderror                                           
                                    </div>
                                </div>
                                
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="saturday_hours" class="form-label">Sábados</label>
                                        <input type="text" name="saturday_hours" id="saturday_hours" class="form-control @error('saturday_hours') is-invalid @enderror" 
                                               value="{{ old('saturday_hours', $settings->saturday_hours ?? '') }}" placeholder="Ej: 9:00 - 13:00">
                                        <small class="help-text">
                                            <i class="ri-calendar-line"></i>
                                            Horario de atención los sábados
                                        </small>
                                        @error('saturday_hours')
                                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                        @enderror                                           
                                    </div>
                                </div>
                                
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="sunday_hours" class="form-label">Domingos</label>
                                        <input type="text" name="sunday_hours" id="sunday_hours" class="form-control @error('sunday_hours') is-invalid @enderror" 
                                               value="{{ old('sunday_hours', $settings->sunday_hours ?? '') }}" placeholder="Ej: Cerrado">
                                        <small class="help-text">
                                            <i class="ri-calendar-close-line"></i>
                                            Horario de atención los domingos (o 'Cerrado' si no atiende)
                                        </small>
                                        @error('sunday_hours')
                                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                        @enderror                                           
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                    <!-- Form Actions -->
                    <div class="form-actions">
                        <button type="submit" class="btn btn-primary btn-lg">
                            <i class="ri-save-line me-2"></i>Actualizar Configuración
                        </button>
                        <a href="{{ route('admin.dashboard') }}" class="btn btn-outline-secondary btn-lg ms-3">
                            <i class="ri-close-line me-2"></i>Cancelar
                        </a>
                    </div>

                </div>
            </div>

        </form>
        <!-- /.card -->

    
@endsection


@section('customJs')
@endsectionTIMESTAMP: 1760822146