@extends('layouts.app')
@section('content')
@if($blogall!=null)
<main class="blog">
    <section class="section sec-banner">
        <div class="sxs-bansc">
            <div class="sxs-bansc__bg sos-absolute before after">
                <figure class="figure media-cover"><img loading="lazy" class="lazy loaded t-opacity" alt="" src="images/blog-banner.webp"></figure>
                <div class="sxs-bansc__wtm absolute size-full o_ring--after"></div>
            </div>
            <div class="sxs-container sxs-bansc__con0">
                <ol class="sxs-bcrm sxs-bansc__bcrm">
                    <li class="sxs-bcrm__ite"><a href="/" data-discover="true">Inicio</a></li>
                    <li class="sxs-bcrm__ite"><span>Blog del Dr. Sears</span></li>
                </ol>
                <div class="sxs-bansc__con1">
                    <div class="sxs-bansc__con2">
                        <header class="sxs-headline sxs-bansc__hdr">
                            <h1 class="sxs-headline__tit sxs-headline__tit--shadowed sxs-headline__tit--align-start sxs-headline__tit--text-color-white sxs-headline__tit--text-weight-700 sxs-headline__tit--text-size-50">Blog del Dr. Sears</h1>
                        </header>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="section sec-a">
        <div class="sxs-container sec-a__con0">
            <ul class="sec-a__lis row row--f">
                @foreach ($blogall as $a)   
                <li class="sec-a__ite col col--f{{($a['es_destacado']==true?' sec-a__ite--main':'')}}"><a class="sxs-bcrdm{{($a['es_destacado']==true?' sxs-bcrdm--featured':'')}}" href="{{env('VITE_HTML_BASE').$a['url']}}">
                        <figure class="figure sxs-bcrdm__samp media-cover media-con after"><img loading="lazy" class="lazy loaded t-opacity" alt="" src="{{$a['img_min']}}"></figure>
                        <div class="sxs-bcrdm__text">
                            <div class="sxs-bcrdm__tgs">
                                @if($a['es_destacado']==true)
                                <div class="sxs-itxg sxs-itxg--v1 sxs-bcrdm__tag"><i class="icon icon-blog estrella"></i><span class="sxs-itxg__txt">Destacado</span></div>
                                @endif
                                <div class="sxs-itxg sxs-itxg--v1 sxs-bcrdm__tag"><i class="icon icon-blog calendario"></i><span class="sxs-itxg__txt">{{$a['fecha']}}</span></div>
                            </div>
                            <header class="sxs-headline sxs-bcrdm__hdr">
                                <h2 class="sxs-headline__tit sxs-headline__tit--align-start sxs-headline__tit--text-color-duller sxs-headline__tit--text-weight-800 sxs-headline__tit--text-size-40 sxs-headline__tit--text-height-1.2 sxs-bcrdm__tit">{{$a['titulo']}}</h2>
                            </header>
                            <div class="sxs-bcrdm__des">{{$a['resumen']}}</div>
                            <div class="sxs-tftr animate"><span class="sxs-tftr__stk"></span>
                                <div class="sxs-tftr__con0"><span class="sxs-icon sxs-icon--v1"><i class="icon icon-flecha3 derecha"></i></span><span class="sxs-tftr__txt">Leer más</span></div>
                            </div>
                        </div>
                    </a>
                </li>
                @endforeach
            </ul>
        </div>
    </section>
</main>
@endif
@endsection