@extends('layouts.web')

@section('contenido')

<style>
</style>

<div class="container" style="padding-top: 80px;">
    <div class="row">
        <div class="col">
            <a href="{{ route('web.novedades') }}">
                <div class="titulo">
                    <span class="numero">0.9</span>
                    <span class="texto">novedades</span>
                </div>
            </a>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-9">
            {{-- <h1 class="titulo">
                <span class="texto">{{ $novedad->titulo }}</span>
            </h1> --}}
            <div class="card text-white mb-4">
                <div class="card-body">
                    <p class="text-muted">{{ $novedad->updated_at->diffForHumans() }}</p>
                    <h1>{{ $novedad->titulo }}</h1>
                    <p class="card-text">{{ $novedad->copete }}</p>
                    
                    @if ($novedad->imagen != null)
                        <img src="{{ asset($novedad->imagen) }}" class="card-img mb-4" alt="...">
                    @endif

                    {!! $novedad->cuerpo !!}
                </div>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="row mb-2">
                <div class="col text-left">
                    <h3 class="text-white" style="letter-spacing: 4px;">más novedades</h3>
                </div>
            </div>
            <div class="row">
                @foreach ($novedades as $novedad)
                    <div class="col-12 mb-3">
                        <a href="{{ route('web.novedades.show', $novedad->id) }}" style="text-decoration: none;">
                            <div class="card h-100 text-white">
                                @if ($novedad->imagen != null)
                                    <img src="{{ asset($novedad->imagen) }}" class="card-img-top" alt="...">
                                @endif
                            
                                <div class="card-body">
                                    <h5 class="card-title">{{ $novedad->titulo }}</h5>
                                    @if ($novedad->imagen == null)
                                        <p class="card-text">{{ $novedad->copete }}</p>
                                    @endif
                                    <p class="card-text"><small class="text-muted">{{ $novedad->updated_at->diffForHumans() }}</small></p>
                                </div>
                            </div>
                        </a>
                    </div>
                @endforeach
            </div>

            <div class="row mt-5 mb-3">
                <div class="col text-left">
                    <h3 class="text-white" style="letter-spacing: 4px;">ofertas</h3>
                </div>
            </div>
            @foreach ($ofertas as $oferta)
            <div class="row mb-3">
                <div class="col">
                    <div class="card h-100 text-white">
                        @if ($oferta->imagen != null)
                            <img src="{{ asset($oferta->imagen) }}" class="card-img-top" alt="...">
                        @endif
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</div>

@endsection