@extends('Main.layout.app')
<x-main.blog.blog-style/>

@section('content')
<main>
<x-main.blog.banner :titles="$titles"/>

    <!--Blog Content Area Start-->
    <section class="blog-area py-5">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <img class="img-fluid w-100 h-100 blog-img"
                        src="{{ Storage::url($blog->image) }}" width="1000" height="600" alt="Jodogo Airport Assist Services">
                       <!-- {{ asset('storage/admin/blog/'.$blog->image) }} -->
                    </div>
            </div>
        </div>

        <!-- Display the content of the single blog -->
        <div class="wrapper">

<div class="container">

    <div class="row ">

        <div class="col-md-12 pt-lg-5 ">



            <p class="blog-para pb-lg-4">{{$short_description}}

            <hr class="mt-3">

        </div>

            {!! $blog->content !!} <!-- Display the blog content -->


    </section>
    <!--Blog Content Area End-->

    <!--Contact Info Area Start-->
    <x-main.blog.blog-contactinfo/>
    <!--Contact Info Area End-->

    <!--view blogs-->
    <x-main.blogList/>
    <!--end view blogs-->

</main>
@endsection