@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">About Us</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">
                       CMS AboutUs Details:
                        <p align="right">
                            <a href="{{ route('admin-cms-abouts.index') }}" class="btn btn-secondary text-right" title="">Back</a>
                            <a href="{{ route('admin-cms-abouts.edit', $cmsAbout->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%">Name</td>
                                <td>{{ $cmsAbout->name }}</td>                                
                            </tr>     
                            <tr>
                                <td style="width: 20%">Description</td>
                                <td>{!! $cmsAbout->description !!}</td>                                
                            </tr> 
                             <tr>
                                <td style="width: 20%">Image</td>
                                <td>
                                    @php
                                    $thumbnail_url = $cmsAbout->getFirstMediaUrl('cms-about-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