@extends('template.layout')
@section('title', __('site.privacy.header_title'))

@push('css')
    <link rel="stylesheet" href="{{ asset('assets/css/aviso.css') }}">
@endpush

@section('content')
<div class="privacy-container">
    <!-- Encabezado -->
    <div class="privacy-header">
        <h1>{{ __('site.privacy.header_title') }}</h1>
        <div class="company">{{ __('site.privacy.company_name') }}</div>
        <div class="company">{{ __('site.privacy.website') }}</div>
        <div class="date">{{ __('site.privacy.last_update') }}</div>
    </div>

    <!-- Tabla de contenidos -->
    <div class="privacy-toc">
        <h3><i class="fas fa-list-ul"></i> {{ __('site.privacy.toc_title') }}</h3>
        <div class="privacy-toc-grid">
            <a href="#priv-introduccion" class="privacy-toc-link">{{ __('site.privacy.toc.introduccion') }}</a>
            <a href="#priv-definiciones" class="privacy-toc-link">{{ __('site.privacy.toc.definiciones') }}</a>
            <a href="#priv-declaraciones" class="privacy-toc-link">{{ __('site.privacy.toc.declaraciones') }}</a>
            <a href="#priv-objeto" class="privacy-toc-link">{{ __('site.privacy.toc.objeto') }}</a>
            <a href="#priv-uso-sitio" class="privacy-toc-link">{{ __('site.privacy.toc.uso_sitio') }}</a>
            <a href="#priv-propiedad-industrial" class="privacy-toc-link">{{ __('site.privacy.toc.propiedad_industrial') }}</a>
            <a href="#priv-derechos-autor" class="privacy-toc-link">{{ __('site.privacy.toc.derechos_autor') }}</a>
            <a href="#priv-privacidad" class="privacy-toc-link">{{ __('site.privacy.toc.privacidad_seguridad') }}</a>
            <a href="#priv-responsabilidad" class="privacy-toc-link">{{ __('site.privacy.toc.responsabilidad') }}</a>
            <a href="#priv-cancelaciones" class="privacy-toc-link">{{ __('site.privacy.toc.cancelaciones') }}</a>
            <a href="#priv-terminacion" class="privacy-toc-link">{{ __('site.privacy.toc.terminacion') }}</a>
            <a href="#priv-acuerdo" class="privacy-toc-link">{{ __('site.privacy.toc.acuerdo') }}</a>
        </div>
    </div>

    <!-- 1. INTRODUCCIÓN -->
    <div id="priv-introduccion" class="privacy-section">
        <h2>{{ __('site.privacy.introduccion_title') }}</h2>
        <p>@lang('site.privacy.introduccion_text', ['site' => '<strong>www.globopuertoteotihuacan.com</strong>'])</p>
        <p>{{ __('site.privacy.introduccion_text2') }}</p>
    </div>

    <!-- 2. DEFINICIONES -->
    <div id="priv-definiciones" class="privacy-section">
        <h2>{{ __('site.privacy.definiciones_title') }}</h2>
        <p>{{ __('site.privacy.definiciones_intro') }}</p>
        <ul>
            <li><strong>PERMISIONARIO DE SERVICIOS AÉREOS ESPECIALIZADOS:</strong> {{ __('site.privacy.definiciones_lista.permisionario') }}</li>
            <li><strong>USUARIO-TURISTA:</strong> {{ __('site.privacy.definiciones_lista.usuario') }}</li>
            <li><strong>PROVEEDOR:</strong> {{ __('site.privacy.definiciones_lista.proveedor') }}</li>
        </ul>
    </div>

    <!-- 3. DECLARACIONES -->
    <div id="priv-declaraciones" class="privacy-section">
        <h2>{{ __('site.privacy.declaraciones_title') }}</h2>
        <p>{{ __('site.privacy.declaraciones_usuario') }}</p>
        <p>@lang('site.privacy.declaraciones_usuario2')</p>
        
        <h3>{{ __('site.privacy.declaraciones_empresa_title') }}</h3>
        <ul>
            @foreach(__('site.privacy.declaraciones_empresa_lista') as $item)
                <li>{{ $item }}</li>
            @endforeach
        </ul>
    </div>

    <!-- 4. OBJETO -->
    <div id="priv-objeto" class="privacy-section">
        <h2>{{ __('site.privacy.objeto_title') }}</h2>
        <p>@lang('site.privacy.objeto_text')</p>
    </div>

    <!-- 5. USO DEL SITIO -->
    <div id="priv-uso-sitio" class="privacy-section">
        <h2>{{ __('site.privacy.uso_sitio_title') }}</h2>
        <p>{{ __('site.privacy.uso_sitio_text') }}</p>
        <div class="privacy-highlight">
            <strong>{{ __('site.privacy.uso_sitio_excepciones_title') }}</strong>
            <ul style="margin-top: 8px;">
                @foreach(__('site.privacy.uso_sitio_excepciones_lista') as $item)
                    <li>{{ $item }}</li>
                @endforeach
            </ul>
            <p style="margin-top: 8px;">{{ __('site.privacy.uso_sitio_excepciones_nota') }}</p>
        </div>
        <p>{{ __('site.privacy.uso_sitio_prohibicion') }}</p>
    </div>

    <!-- 6. PROPIEDAD INDUSTRIAL -->
    <div id="priv-propiedad-industrial" class="privacy-section">
        <h2>{{ __('site.privacy.propiedad_industrial_title') }}</h2>
        <p>{{ __('site.privacy.propiedad_industrial_text') }}</p>
        <div class="privacy-warning">
            <strong>⚠️ {{ __('site.privacy.propiedad_industrial_warning') }}</strong>
        </div>
    </div>

    <!-- 7. DERECHOS DE AUTOR -->
    <div id="priv-derechos-autor" class="privacy-section">
        <h2>{{ __('site.privacy.derechos_autor_title') }}</h2>
        <p>{{ __('site.privacy.derechos_autor_text') }}</p>
        <p>{{ __('site.privacy.derechos_autor_text2') }}</p>
    </div>

    <!-- 8. PRIVACIDAD Y SEGURIDAD -->
    <div id="priv-privacidad" class="privacy-section">
        <h2>{{ __('site.privacy.privacidad_seguridad_title') }}</h2>
        <p>{{ __('site.privacy.privacidad_seguridad_text') }}</p>
    </div>

    <!-- 9. LIMITACIÓN DE RESPONSABILIDAD -->
    <div id="priv-responsabilidad" class="privacy-section">
        <h2>{{ __('site.privacy.responsabilidad_title') }}</h2>
        <div class="privacy-warning">
            <strong>{{ __('site.privacy.responsabilidad_warning') }}</strong>
        </div>
        <p>{{ __('site.privacy.responsabilidad_text') }}</p>
        <ul>
            @foreach(__('site.privacy.responsabilidad_lista') as $item)
                <li>{{ $item }}</li>
            @endforeach
        </ul>
        <p>{{ __('site.privacy.responsabilidad_text2') }}</p>
    </div>

    <!-- 10. CANCELACIONES -->
    <div id="priv-cancelaciones" class="privacy-section">
        <h2>{{ __('site.privacy.cancelaciones_title') }}</h2>
        <p>{{ __('site.privacy.cancelaciones_intro') }}</p>
        
        <h3>{{ __('site.privacy.cancelaciones_subtitle') }}</h3>
        <ul>
            @foreach(__('site.privacy.cancelaciones_lista') as $item)
                <li><strong>{{ explode(':', $item)[0] }}:</strong> {{ explode(':', $item)[1] ?? '' }}</li>
            @endforeach
        </ul>
        
        <div class="privacy-highlight">
            <strong>📋 {{ __('site.privacy.cancelaciones_nota') }}</strong>
        </div>
    </div>

    <!-- 11. TERMINACIÓN -->
    <div id="priv-terminacion" class="privacy-section">
        <h2>{{ __('site.privacy.terminacion_title') }}</h2>
        <p>{{ __('site.privacy.terminacion_text') }}</p>
    </div>

    <!-- 12. ACUERDO TOTAL -->
    <div id="priv-acuerdo" class="privacy-section">
        <h2>{{ __('site.privacy.acuerdo_title') }}</h2>
        <p>{{ __('site.privacy.acuerdo_text') }}</p>
    </div>

    <!-- Nota legal final -->
    <div class="privacy-legal-note">
        <p><strong>{{ __('site.privacy.legal_note') }}</strong><br>
        {{ __('site.privacy.legal_address') }}<br>
        {{ __('site.privacy.legal_rfc') }}</p>
        <p>{{ __('site.privacy.copyright_text') }}</p>
    </div>
</div>
@endsection

@push('js')
 <script src="{{ asset('assets/js/aviso.js') }}"></script>
@endpush