@extends('frontend.main_master')

@section('noindex', true)
@section('title', ($title ?? t('terms-of-service', 'Términos de Servicio')) . ' - ' . t('site-title'))
@section('meta_description', $meta_description ?? 'Términos de servicio y condiciones de uso')

@push('styles')
    <link rel="stylesheet" href="{{ asset('frontend/css/legal/legal-pages.css') }}">
@endpush

@section('content')
    <div class="legal-page-hero">
        <div class="container">
            <nav aria-label="breadcrumb" class="mb-3">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('index') }}">{{ t('home', 'Inicio') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{ t('terms-of-service', 'Términos de Servicio') }}</li>
                </ol>
            </nav>
            <h1 class="legal-page-hero__title">{{ t('terms-of-service', 'Términos de Servicio y Condiciones de Uso') }}</h1>
            <p class="legal-page-hero__subtitle">{{ t('terms_of_service_subtitle', 'Términos y condiciones legales relativos al uso de la plataforma') }}</p>
        </div>
    </div>

    <div class="container py-5">
        <div class="row justify-content-center">
            <div class="col-lg-8">
                @include('frontend.legal.user-agreement-content')
                <p class="text-muted small mt-4">{{ t('last_updated', 'Última actualización') }}: {{ now()->format('d/m/Y') }}</p>
            </div>
        </div>
    </div>

@endsection