@extends('admin.layouts.app')

@section('content')
<div class="pagetitle">
    <nav>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('admin-dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item active">Banners</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">
                        Banner Details:
                        <p align="right">
                            <a href="{{ route('admin-about-banners.index') }}" class="btn btn-secondary text-right" title="">Back</a>
                            <a href="{{ route('admin-about-banners.edit', $aboutBanner->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%">Banner Text</td>
                                <td>{{ $aboutBanner->banner_text }}</td>                                
                            </tr> 
                             {{-- <tr>
                                <td style="width: 20%">Banner Description</td>
                                <td>{{ $aboutBanner->description }}</td>                                
                            </tr>  --}}
                             <tr>
                                <td style="width: 20%">Banner Image</td>
                                <td>
                                    @php
                                    $thumbnail_url = $aboutBanner->getFirstMediaUrl('about-banner-image'); 
                                    @endphp                   
                                    <img src="{{ $thumbnail_url }}" border="0" width="200" class="img-rounded" align="center" />
                                </td>                                
                            </tr>                                           
                        </tbody>
                    </table>
                </div>
            </div>
        </div>        
    </div>
</section>


@endsection