@extends('frontend.layouts.master')
@section('title') Gallery @endsection
@section('main-content')

<!-- breadcrumb start-->
<section class="breadcrumb breadcrumb_bg">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="breadcrumb_iner text-center">
                    <div class="breadcrumb_iner_item">
                        <h2>Gallery</h2>
                        <p>home <span>//</span>Gallery</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- breadcrumb start-->


<!--================Blog Area =================-->
<section class="blog_area section_padding">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="blog_left_sidebar">
                    @if($portfolios)
                        @foreach($portfolios as $portfolio)
                            <article class="blog_item">
                                <div class="blog_item_img">
                                    @php
                                        $photo=explode(',',$portfolio->photo);
                                    @endphp
                                    <img class="card-img rounded-0" src="{{ Storage::url($portfolio->photo) }}" alt="{{ Storage::url($portfolio->photo) }}">
                                </div>

                                <div class="blog_details">
                                    <a class="d-inline-block">
                                        <h2>{{$portfolio->title}}</h2>
                                    </a>
                                    <p>{!! substr($portfolio->description, 0, 100) !!}</p>
                                </div>
                            </article>
                        @endforeach
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>
<!--================Blog Area =================-->

@endsection