@extends('template.layout')

@section('title', __('terminos.title'))

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

@section('content')
    <section class="terminos-premium">
        <div class="terminos-premium-header">
            <div class="terminos-premium-subtitle">
                <i class="fas fa-file-contract"></i> {{ __('terminos.badge') }}
            </div>
            <h2 class="terminos-premium-title">
                {{ __('terminos.title') }}
            </h2>
            <p class="terminos-premium-description">
                {{ __('terminos.description') }}
            </p>
        </div>

        <div class="terminos-container">
            @php
                $sections = __('terminos.sections');
                $index = 0;
            @endphp

            @foreach($sections as $sectionKey => $section)
                @php
                    $content = $section['content'];
                @endphp
                <div class="terminos-accordion {{ $index === 0 ? 'active' : '' }}">
                    <div class="terminos-accordion-title">
                        <h4>
                            <i class="{{ $section['icon'] }}"></i>
                            {{ $section['title'] }}
                        </h4>
                        <div class="terminos-accordion-icon">
                            <i class="fas fa-chevron-down"></i>
                        </div>
                    </div>
                    <div class="terminos-accordion-content">
                        <div class="terminos-accordion-inner">
                            @if(isset($content['list']))
                                <ol>
                                    @foreach($content['list'] as $item)
                                        <li>{!! $item !!}</li>
                                    @endforeach
                                </ol>
                            @endif

                            @if(isset($content['sublist_transporte']))
                                <ul class="list-disc list-outside" style="margin: 0.5rem 0 0.5rem 1.5rem;">
                                    @foreach($content['sublist_transporte'] as $subitem)
                                        <li>{!! $subitem !!}</li>
                                    @endforeach
                                </ul>
                            @endif

                            @if(isset($content['sublist_no_show']))
                                <ul class="list-disc list-outside" style="margin: 0.5rem 0 0.5rem 1.5rem;">
                                    @foreach($content['sublist_no_show'] as $subitem)
                                        <li>{!! $subitem !!}</li>
                                    @endforeach
                                </ul>
                            @endif

                            @if(isset($content['sublist_clima']))
                                <ul class="list-disc list-outside" style="margin: 0.5rem 0 0.5rem 1.5rem;">
                                    @foreach($content['sublist_clima'] as $subitem)
                                        <li>{!! $subitem !!}</li>
                                    @endforeach
                                </ul>
                            @endif

                            @if(isset($content['sublist_itinerario']))
                                <ul class="list-disc list-outside" style="margin: 0.5rem 0 0.5rem 1.5rem;">
                                    @foreach($content['sublist_itinerario'] as $subitem)
                                        <li>{!! $subitem !!}</li>
                                    @endforeach
                                </ul>
                            @endif

                            @if(isset($content['sublist_ajena']))
                                <ul class="list-disc list-outside" style="margin: 0.5rem 0 0.5rem 1.5rem;">
                                    @foreach($content['sublist_ajena'] as $subitem)
                                        <li>{!! $subitem !!}</li>
                                    @endforeach
                                </ul>
                            @endif

                            @if(isset($content['list_2']))
                                <ol start="{{ count($content['list'] ?? []) + 1 }}" style="margin-top: 0.5rem;">
                                    @foreach($content['list_2'] as $item)
                                        <li>{!! $item !!}</li>
                                    @endforeach
                                </ol>
                            @endif

                            @if(isset($content['list_3']))
                                <ol start="{{ (count($content['list'] ?? []) + count($content['list_2'] ?? [])) + 1 }}" style="margin-top: 0.5rem;">
                                    @foreach($content['list_3'] as $item)
                                        <li>{!! $item !!}</li>
                                    @endforeach
                                </ol>
                            @endif

                            @if(isset($content['nota']))
                                <span class="terminos-nota">{!! $content['nota'] !!}</span>
                            @endif
                        </div>
                    </div>
                </div>
                @php $index++ @endphp
            @endforeach
        </div>

        <div class="terminos-stats">
            <i class="fas fa-file-alt"></i> {{ count($sections) }} {{ __('terminos.stats_sections') }} | 
            <i class="fas fa-calendar-check"></i> {{ __('terminos.stats_updated') }} | 
            <i class="fas fa-shield-alt"></i> {{ __('terminos.stats_terms') }}
        </div>
    </section>
@endsection

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