관리-도구

편집 파일: single-blog.blade.php

@extends('theme.saintsaccessories.websiteEcom')

@section('content')
<style>
    .mybanner {
    width: 100%;
    min-height: 40vh; 
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 0;
    background:#f3eee0;
    }
    .BlogS--Section
    {
     background:white;   
    }
    .BlogS--Section .blog-card__content p{color:#757575;}
    .blog-card__content ul{display:flex;justify-content:space-between; align-items:center;}
    .blog-card__content ul .subtitle {
    border: 1px solid lightgrey;
    padding: 0.75rem 2rem;
    font-size: 16px;
    }
    .input-field input {
    width: 100%;
    display: block;
    font-size: 14px;
    background: #fff;
    border: 1px solid #00000020;
    resize: none;
    padding: 0.75rem;
    position: relative;
    }
    .blogs-sidebar-search i[class^="bx"] {
    vertical-align: middle;
    position: absolute;
    right: 8%;
    top: 20%;
    transition:all 0.3s ease;
    }
    .blogs-sidebar-search i[class^="bx"]:hover {transform:scale(1.11);}
    .section-content .heading1 {
    font-size: 2.5rem;
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 66px;
    }
    .section-content .heading {
    font-size: 2rem;
    width: 76%;
    padding-bottom: 16px;
    }
</style>

<div class="mybanner">
    <div class="banner__bg">
        
    </div>
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="section-content section-content--light banner__content">
                    <div class="heading1">Blogs </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container py-5 my-5 wow zoomIn">
    <div class="row">
        <div class="col-12">
            <div class="section-content">
                <div class="heading">{!! $singleBlog->title !!}</div>
            </div>
        </div>
         @php  
        use App\Http\Controllers\BlogController;
        $blogContr = new BlogController(); 
        @endphp
        <div class="col-12 col-lg-9">
            <div class="row">
                <div class="col-12 col-lg-12">
                <article class="blog-card">
                    <a href="#" class="blog-card__img">
                       @foreach(json_decode($singleBlog->image) as $img)            
                           @if($loop->iteration == 1)
                           <img src="{{asset('/public/theme/default/images/'.$img) }}" alt="image" class="imgFluid">
                           @endif
                       @endforeach  
                    </a>
                    <div class="blog-card__content">
                        <div class="blog-card__content-top">
                            <div class="title">{!! $singleBlog->title !!}</div>
                            <a href="#" class="comment">0</a>
                        </div>
                        <ul class="categories">
                            <li>
                                <a href="#">latest</a>, <a href="#">{{ $singleBlog->category->name ?? 'Uncategorized' }}</a>
                            </li>
                            <li>{{ $singleBlog->created_at->format('Y-m-d') }}</li>
                        </ul>
                        <p class="desc">
                       {!! $singleBlog->content !!} 
                        </p>
                    </div>
                    
                </article>
            </div>
          
            </div>
        </div>
        <div class="col-12 col-lg-3">
            <div class="row blogs-search-side-bar">    
            <div class="col-12">
             <div class="input-field blogs-sidebar-search d-none">
                <input type="text" placeholder="search" >
                 <a href="#" data-toggle-btn="searchbar" placeholder="Search"><i class="bx bx-search bx-sm"></i></a>
            </div>
            </div>
                 @foreach($blogContr->getBlogs() as $blog)
                    <div class="col-12">
                        <article class="blog-card">
                            <div class="blog-card__content">
                                <div class="blog-card__content-top">
                                    <div class="title">{!! $blog->title !!}</div>
                                    <a href="#" class="comment">0</a>
                                </div>
                                <p class="desc">
                                {!! $blog->content !!}
                                </p>
                            </div>
                            <div class="blog-card__bottom">
                                <a href="/blog/{{$blog->id}}" class="theme-btn">
                                   {!! $blog->button_text !!}
                                </a>
                            </div>
                        </article>
                    </div>
                @endforeach
             </div>
        </div>
       
    </div>
</div>
</div>
@endsection

@section('js-script')
<script src="{{ asset('public/theme/default/js/cart.js?v=1.1') }}"></script>
@endsection