@extends('admin.layouts.master')

@section('title', 'Configuración - Lash Vanshy')

@section('page-title', 'Configuración del Sitio')

@section('content')
<!-- Header -->
<div class="mb-4">
    <h2 class="mb-0">Configuración del Sitio</h2>
    <p class="text-muted mb-0">Administra la información pública del negocio</p>
</div>

<form action="{{ route('admin.configuracion.update') }}" method="POST">
    @csrf
    @method('PUT')
    
    <div class="row g-4">
        <!-- Información del Negocio -->
        <div class="col-lg-6">
            <div class="card-admin">
                <div class="card-header">
                    <i class="fas fa-store me-2"></i>Información del Negocio
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <label for="nombre_sitio" class="form-label">Nombre del Sitio</label>
                        <input type="text" 
                               class="form-control" 
                               id="nombre_sitio" 
                               name="nombre_sitio" 
                               value="{{ old('nombre_sitio', $configuracion['nombre_sitio'] ?? 'Lash Vanshy') }}"
                               placeholder="Lash Vanshy">
                    </div>
                    
                    <div class="mb-3">
                        <label for="telefono" class="form-label">Teléfono</label>
                        <input type="tel" 
                               class="form-control" 
                               id="telefono" 
                               name="telefono" 
                               value="{{ old('telefono', $configuracion['telefono'] ?? '') }}"
                               placeholder="+34 000 000 000">
                    </div>
                    
                    <div class="mb-3">
                        <label for="email" class="form-label">Email</label>
                        <input type="email" 
                               class="form-control" 
                               id="email" 
                               name="email" 
                               value="{{ old('email', $configuracion['email'] ?? '') }}"
                               placeholder="contacto@lashvanshy.com">
                    </div>
                    
                    <div class="mb-3">
                        <label for="direccion" class="form-label">Dirección</label>
                        <textarea class="form-control" 
                                  id="direccion" 
                                  name="direccion" 
                                  rows="2"
                                  placeholder="Tu dirección">{{ old('direccion', $configuracion['direccion'] ?? '') }}</textarea>
                    </div>
                    
                    <div class="mb-3">
                        <label for="horario" class="form-label">Horario</label>
                        <textarea class="form-control" 
                                  id="horario" 
                                  name="horario" 
                                  rows="3"
                                  placeholder="Lunes - Viernes: 10:00 - 20:00&#10;Sábado: 10:00 - 18:00">{{ old('horario', $configuracion['horario'] ?? '') }}</textarea>
                        <small class="text-muted">Usa saltos de línea para cada día</small>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- Redes Sociales -->
        <div class="col-lg-6">
            <div class="card-admin">
                <div class="card-header">
                    <i class="fas fa-share-alt me-2"></i>Redes Sociales
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <label for="facebook" class="form-label">Facebook</label>
                        <div class="input-group">
                            <span class="input-group-text"><i class="fab fa-facebook"></i></span>
                            <input type="url" 
                                   class="form-control" 
                                   id="facebook" 
                                   name="facebook" 
                                   value="{{ old('facebook', $configuracion['facebook'] ?? '') }}"
                                   placeholder="https://facebook.com/tupagina">
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="instagram" class="form-label">Instagram</label>
                        <div class="input-group">
                            <span class="input-group-text"><i class="fab fa-instagram"></i></span>
                            <input type="url" 
                                   class="form-control" 
                                   id="instagram" 
                                   name="instagram" 
                                   value="{{ old('instagram', $configuracion['instagram'] ?? '') }}"
                                   placeholder="https://instagram.com/tucuenta">
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="whatsapp" class="form-label">WhatsApp</label>
                        <div class="input-group">
                            <span class="input-group-text"><i class="fab fa-whatsapp"></i></span>
                            <input type="url" 
                                   class="form-control" 
                                   id="whatsapp" 
                                   name="whatsapp" 
                                   value="{{ old('whatsapp', $configuracion['whatsapp'] ?? '') }}"
                                   placeholder="https://wa.me/34600000000">
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="tiktok" class="form-label">TikTok</label>
                        <div class="input-group">
                            <span class="input-group-text"><i class="fab fa-tiktok"></i></span>
                            <input type="url" 
                                   class="form-control" 
                                   id="tiktok" 
                                   name="tiktok" 
                                   value="{{ old('tiktok', $configuracion['tiktok'] ?? '') }}"
                                   placeholder="https://tiktok.com/@tuusuario">
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="youtube" class="form-label">YouTube</label>
                        <div class="input-group">
                            <span class="input-group-text"><i class="fab fa-youtube"></i></span>
                            <input type="url" 
                                   class="form-control" 
                                   id="youtube" 
                                   name="youtube" 
                                   value="{{ old('youtube', $configuracion['youtube'] ?? '') }}"
                                   placeholder="https://youtube.com/@tucanal">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- SEO -->
        <div class="col-12">
            <div class="card-admin">
                <div class="card-header">
                    <i class="fas fa-search me-2"></i>Configuración SEO
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="seo_titulo" class="form-label">Título SEO</label>
                            <input type="text" 
                                   class="form-control" 
                                   id="seo_titulo" 
                                   name="seo_titulo" 
                                   value="{{ old('seo_titulo', $configuracion['seo_titulo'] ?? 'Lash Vanshy - Extensiones de Pestañas Profesionales') }}"
                                   placeholder="Título para motores de búsqueda">
                        </div>
                        
                        <div class="col-md-6 mb-3">
                            <label for="seo_descripcion" class="form-label">Descripción SEO</label>
                            <input type="text" 
                                   class="form-control" 
                                   id="seo_descripcion" 
                                   name="seo_descripcion" 
                                   value="{{ old('seo_descripcion', $configuracion['seo_descripcion'] ?? '') }}"
                                   placeholder="Descripción para motores de búsqueda">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- Save Button -->
        <div class="col-12">
            <div class="d-flex justify-content-end">
                <button type="submit" class="btn btn-primary-admin">
                    <i class="fas fa-save me-2"></i>Guardar Configuración
                </button>
            </div>
        </div>
    </div>
</form>
@endsection