@extends("app.layout.base")

@section("title")
    Vejledninger
@endsection

@section("content")
    <style>
        h2, h3, h4 {
            margin-top: 0;
        }
    </style>
    <main>
        <h1 class="text-center sde-blue mt-0">{{__('msg.vejledning')}}</h1>
        @if(!$guides->isEmpty())
            @foreach($guides as $guide)
                <div style="border: 4px solid rgba(0,0,0, 0.2); border-radius: 4px; padding: 4px; margin-top: 1.5rem">
                <h2 class="text-center sde-blue mt-0">{{ $guide->name }}</h2>
                {!! substr($guide->guide_articles,0 ,300)!!}
                    <a href="{{ route("guides.show", ["guide" => $guide]) }}" >Læse mere...</a>
                </div>
            @endforeach
        @else
            <p style="margin: 0 18px;">{{__('msg.dereringenvejledninger')}}.</p>
        @endif
    </main>
@endsection