@extends('layouts.master')

@section('content')
<div class="container-fluid">

    @if (session()->has('success'))
    <div class="alert alert-success" role="alert">
        {{ session('success')}}
    </div>
    @endif
    
    @foreach ($posts as $post)
    <div class="card shadow mb-4 ">
        <div class="card-header py-3 bg-gradient-primary form-inline justify-content-between">
            <h6 class="m-0 font-weight-bold text-primary">@if (($post->category) == 'pembukaan')
                Pembukaan
            @elseif(($post->category) == 'isi')
                Isi About
            @elseif(($post->category) == 'penutup')
                Penutup
            @elseif(($post->category) == 'tambahan')
                Informasi Tambahan
            @else
                -
            @endif</h6>
            <div class="pembagi">
                <a href="/about_us/ubah/{{$post['id']}}" class="btn btn-warning">Edit</a>
                <form action="{{"delete_about_us/".$post['id']}}" class="d-inline">
                    <button class="btn btn-danger" onclick="return confirm('Anda yakin ingin menghapus post tentang {{strip_tags($post['name'])}} ? ')">Delete</button>
                </form>
            </div>

        </div>
        <div class="card-body">
            <div class="text-center img-fluid px-3 px-sm-4 mt-3 mb-4">
                @if ($post->about_image != NULL)
                <img src="{{ asset('foto_about_us/' . $post['about_image'])}}" width="500" height="350">
                @elseif($post->about_image == NULL)
                <img src="{{ asset('foto_about_us/no-image-available.png') }}" width="500" height="350">
                @endif
            </div>
            <div class="text-center">
                <h6 class="m-0 font-weight-bold text-primary">{{strip_tags($post['name'])}}</h6>
            </div>
            <br>
                
            {!! $post['about'] !!}
            
        </div>
    </div>
    @endforeach
</div>



@endsection