@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="hero">
            <div class="swiper">
                <div class="swiper-slide">
                    @if($new->mobile_image)
                        {{-- Imagen para móviles --}}
                        <source srcset="{{ asset('news/mobile/' . $new->mobile_image) }}" media="(max-width: 768px)">
                    @endif
                    {{-- Imagen para desktop (por defecto) --}}
                    @php
                        $title = $new->getTranslation('title', app()->getLocale(), false);
                    @endphp
                    @if($new->desktop_image)
                        <img src="{{ asset('news/desktop/' . $new->desktop_image) }}" alt="{{ $title ?? '' }}" class="">
                    @endif
                    @if($title)
                        <div class="caption">
                            <h3>{{ $title }}</h3>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

    @php
        $description = $new->getTranslation('description', app()->getLocale(), false);
    @endphp

    @if($description)
        <div class="container novedades page-container">
            <div class="content">
                {!! $description !!}
            </div>
        </div>
    @endif
@endsection