@extends('frontend.layouts.app')
@section('title')
    {{ $message->type }} -
@endsection
@push('style')
@endpush
@section('content')
    @include('frontend.layouts.include.breadcrumb', [
        'items' => [
            ['name' => $submenu, 'url' => '#'],
            ['name' => $message->type, 'url' => null],
        ],
    ])
    <div class="main-content">
        <div class="container-fluid principal-section py-4">
            <div class="row ">
                <!-- Principal Image -->
                <div class="col-md-2 text-center  mb-3 mb-md-0 ">
                    <img src="{{ asset($message->photo) }}" class="rounded mb-3 principal-image"
                        style="width: 155px; height: 185px; object-fit: cover;" alt="{{ $message->type }} image">
                </div>
                <div class="col-md-10 principal-message">
                    <span>
                        {!! $message->message !!}
                    </span>
                    <p style="margin:0px !important"><strong>{{ $message->name }}</strong></p>
                    <p style="margin:0px !important">{{ $message->designation }}</p>
                    <p>{{ $setting->site_name }}</p>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('script')
@endpush