@extends('admin.layouts.app')

@section('content')
<div class="pagetitle">
    <!-- <h1>Add User</h1> -->
    <nav>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('admin-dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item active">Blog</li>
        </ol>
    </nav>
</div><!-- End Page Title -->

<section class="section">
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">
                        Blog Details:
                        <p align="right">
                            <a href="{{ route('admin-blog.index') }}" class="btn btn-secondary text-right" title="">Back</a>
                            <a href="{{ route('admin-blog.edit', $blog->id) }}" class="btn btn-primary text-right" title="">Edit</a>
                        </p>
                    </h5>

                    <table class="table header-border" style="min-width: 500px;">

                        <tbody>

                         <tr>
                                <td style="width: 20%">Title</td>
                                <td>{{ $blog->title }}</td>
                            </tr>
                            <tr>
                                <td style="width: 20%">Description</td>
                                <td> {!! $blog->description !!}</td>
                            </tr>
                             <tr>
                                <td style="width: 20%">Posted At</td>
                                <td>{{  ($blog->posted_at) ? (\Carbon\Carbon::parse($blog->posted_at)->format('d-m-Y')) : ""}}</td>
                            </tr>
                             <tr>
                                <td style="width: 20%"> Image</td>
                                <td>
                                    {{-- @php
                                    $thumbnail_url = $blog->getFirstMediaUrl('blog-image'); 
                                    @endphp                   
                                    <img src="{{ $thumbnail_url }}" border="0" width="200" class="img-rounded" align="center" />  --}}
                                     @php
                                    $mediaItems = $blog->getMedia('blog-image');
                                    @endphp
                                    @foreach($mediaItems as $index => $mediaItem)
                                    @php
                                    $image_url = $mediaItems[$index]->getUrl() ;
                                    @endphp
                                    <img src="{{ $image_url }}" border="0" width="100" class="img-rounded" align="center" />
                                    @endforeach
                                </td>                                
                            </tr>          
                            
                    </table>
                </div>
            </div>
        </div>
    </div>
</section>


@endsection