@extends('layouts.home')

@section('related')
@foreach($related as $r)
<div class="mt-4">         
    <blockquote class="blockquote">
        <img src="{{ url($r->featured) }}" alt="" class="rounded-circle">
        <p class="mb-0" style="color:white">{{ $r->title }}.</p>
        <footer class="blockquote-footer">{{ $r->category->name }} <a href="{{ route('pengumuman', [ 'slug'=>$r->slug, 'phone'=> $phone ]) }}">Lihat</a></footer>
    </blockquote>
</div>
@endforeach
@endsection

@section('content')

<div class="page-head">
    <h4 class="mt-2 mb-2">{{ $post->category->name }}</h4>
</div>
<div class="row">
    <div class="col-lg-12 col-sm-12">
        <div class="card bg-white m-b-30">
            <img src="{{ url($post->featured) }}" class="img-fluid" alt="Responsive image">
            <div class="card-body">
                <div class="card-title mb-4">
                    <h5>{{ $post->title }}</h5>
                </div>
                <p class="card-text">{{ $post->content }}.</p>
                <form action="{{ route('pengumuman.daftar') }}" method="post">
                    <input type="hidden" name="id_post" value="{{ $post->id }}">
                    <input type="hidden" name="no_telp" value="{{ $phone }}">
                    {{ csrf_field() }}
                    <button type="submit" class="btn btn-primary">Daftar</button>    
                </form>
                                                
            </div>
        </div>
    </div>
</div>
<div class="row">
@foreach($related as $r)
<div class="col-lg-4 col-sm-6">
    <div class="card bg-white m-b-30">
        <a href="">
            <img src="{{ url($r->featured) }}" alt="" class="img-fluid">
        </a>
        <div class="card-body">
            <div class="card-title mb-0">
                <h5>{{ $r->title }}</h5>
                <p class="m-0">{{ Str::words($r->content, '4') }}</p>
            </div>
        </div>
        
        <div class="card-body">
            <ul class="social-links list-inline mb-0">
                <a href="{{ route('pengumuman', [ 'slug'=>$r->slug, 'phone'=> $phone ]) }}" class="btn btn-primary">Lihat</a>
            </ul>                                   
        </div>
    </div>
</div>
@endforeach
</div>
@stop