@extends('layout.master')
@section('blog_active', 'active-menu')

@section('ogt')
<!--OGP-->
<meta property="og:title" content="{!! $article->articles_title !!}" />
<meta property="og:url" content="https://www.cabinetsynergie.com.com" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="cabinetsynergie.com" />
<meta property="og:locale" content="fr_FR" />
<!-- <meta property="og:description" content="{!! $article->articles_description !!}" /> -->
<meta property="og:image" content="{{asset($article->articles_image)}}" />

<!--End OGP-->

<!--Twitter Card-->
<meta property="twitter:title" content="{!! $article->articles_title !!}" />
<meta property="twitter:url" content="https://www.cabinetsynergie.com" />
<!-- <meta property="twitter:card" content="{!! $article->articles_description !!}" /> -->
<meta property="twitter:image" content="{{asset($article->articles_image)}}" />
@endsection

@section('content')



<!-- Page Banner Start -->
<div class="section page-banner-section" style="background-image: url({{asset('formation/assets/images/bg/page-banner.jpg')}});">
    <div class="shape-1">
        <img src="{{asset('formation/assets/images/shape/shape-7.png')}}" alt="">
    </div>
    <div class="shape-2">
        <img src="{{asset('formation/assets/images/shape/shape-1.png')}}" alt="">
    </div>
    <div class="shape-3"></div>
    <div class="container">
        <div class="page-banner-wrap">
            <div class="row">
                <div class="col-lg-12">
                    <!-- Page Banner Content Start -->
                    <div class="page-banner text-center">
                        <h2 class="title">Blog</h2>
                        <ul class="breadcrumb justify-content-center">
                            <li class="breadcrumb-item"><a href="{{url('/')}}">Accueil</a></li>
                            <li class="breadcrumb-item active" aria-current="page">BLOG</li>
                        </ul>
                    </div>
                    <!-- Page Banner Content End -->
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Page Banner End -->

<!-- Blog Details Start -->
<div class="section blog-details-section section-padding">
    <div class="container">
        <!-- Blog Details Wrap Start -->
        <div class="blog-details-wrap">
            <div class="row">
                <div class="col-lg-8">
                    <!-- Blog Details Post Start -->
                    <div class="blog-details-post">
                        <!-- Single Blog Start -->
                        <div class="single-blog-post single-blog">
                            <div class="blog-image">
                                <a href="{{url('details-article_page/'.$article->id)}}"><img src="{{asset($article->articles_image)}}" alt=""></a>
                            </div>
                                                        <div class="blog-content">
                                <div class="blog-meta">
                                    <span><i class="far fa-user"></i> <a href="javascript:void(0)">Cabinet SYNERGIE</a></span>
                                    <span><i class="far fa-comments"></i> {{$day }}{{$months[$month-1]}} {{$year}} </span>
                                </div>
                                <h3 class="title">
                                    {!! $article->articles_title !!}
                                </h3>
                                <p class="text">
                                    {!! $article->articles_description !!}
                                </p>
                            </div>
                        </div>
                        <!-- Single Blog End -->
                        <div class="blog-details-content">
                            <!-- Blog Details Tag Share Start -->
                            <div class="blog-details-tag-share">
                                
                                <div class="blog-details-share">
                                    <ul class="social-share">
                                        <li><a class="share-facebook" href="#"><i class="fab fa-facebook-f"></i></a></li>
                                        <li><a class="share-twitter" href="#"><i class="fab fa-twitter"></i></a></li>
                                        <li><a class="share-pinterest" href="#"><i class="fab fa-pinterest-p"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <!-- Blog Details Tag Share End -->
                            
                        </div>
                    </div>
                    <!-- Blog Details Post End -->
                </div>
                <div class="col-lg-4">
                    <!-- Blog Sidebar Start -->
                    <div class="blog-sidebar">
                        

                        <!-- Sidebar Widget Start -->
                        <div class="sidebar-widget">
                            <!-- Widget Title Start -->
                            <div class="widget-title">
                                <h3 class="title">Récentes publications</h3>
                            </div>
                            <!-- Widget Title End -->
                            <!-- Widget Recent Post Start -->
                            <div class="recent-posts">
                                <ul>
                                    @foreach($blog as $blogs)
                                    <li>
                                                                                <a class="post-link" href="{{url('details-article_page/'.$blogs->id)}}">
                                            <div class="post-thumb">
                                                <img src="{{asset($blogs->articles_image)}}" style="width: 70px;" alt="">
                                            </div>
                                            <div class="post-text">
                                                <h4 class="title">