@extends('layouts.app')
@section('title', 'Inicio')
@section('body')

    {{-- @dd($typesGenerales) --}}

    <div class="container mx-auto my-7 ">
        <a href="{{ route('centro-ayuda') }}" class="flex items-center gap-x-1 font-semibold">
            <img src="{{ asset('/storage/icons/arrow_back.svg') }}" alt="" />
            Regresar al centro de ayuda
        </a>
        <div class="flex flex-col-reverse md:flex-row mt-9 gap-y-5 md:gap-y-0">
            <div class="md:w-[61rem] flex flex-col gap-y-7 px-7">
                @foreach ($typesGenerales as $typesGeneral)
                    <div class="border-b border-gray-300 md:w-[39rem] pb-1 hover:bg-gray-200 transition-all">
                        <a href="{{ route('centro-ayuda-slug',['slug' => $typesGeneral->slug]) }}" class="flex flex-col cursor-pointer">
                            <span class="text-primary-300 font-bold">
                                {{ $typesGeneral['title'] }}
                            </span>
                            <span class="text-sm">
                                {{ $typesGeneral['lead'] }}
                            </span>
                            <span class="text-xs text-gray-500">
                                publicado el {{ \Carbon\Carbon::parse($typesGeneral['published_at'])->format('d/m/Y') }}
                            </span>
                        </a>
                    </div>
                @endforeach
            </div>
            <div class="px-7">
                <p class="text-lg font-bold">Tags</p>
                <div class="mt-3 flex flex-col gap-y-1">
                    @foreach ($tags as $tag)
                        <a href="{{route('centro-ayuda-tags', ['type' => $tag->slug])}}" class="font-semibold cursor-pointer hover:border-2 hover:border-primary-200 px-3 rounded-2xl hover:bg-primary-100 transition-all">
                            #{{ $tag['name'] }}
                        </a>
                    @endforeach
                </div>
            </div>
        </div>
    </div>

@endsection