@extends('front.layouts.app')

@section('content')

@include('front.common.breadcrumb')}}

<!-- about us -->


<section class="latest-news-section latest-news-section-bg">

    @if(!empty($plan))

    <div class="container">

        <div class="row">

            <div class="col-md-12">

            </div>

            <div class="col-12">

                <div class="for-padd-usss float-left">

                    <a class="card-link thumbnail" href="#" data-toggle="modal" data-image="{!! asset($plan->image) !!}" data-target="#image-gallery" data-image-id="">

                        <div class="card border-0 mx-auto">

                            <div class=" about-image news-detail-img-box  img-box-hah d-flex justify-content-center align-items-center news-detail-padd">

                                <img class="img-fluid" src="{!! imageUrl(asset($plan->image), 555, 347, 95, 2) !!}" alt="Card image">
                                <!-- <img src="{{ url('assets/front/img/news-detail.png') }}" class="img-fluid" alt="icon"> -->

                            </div>

                        </div>

                    </a>

                    {{-- <div class="about-image pt-5 pb-3 pl-4 ">--}}

                    {{-- <img src="{{ url(asset($service->image)) }}" class="img-fluid" alt="img">--}}

                    {{-- </div>--}}

                </div>

                <div class="for-padd-us">


                    <!-- <div class="calander-section1 d-flex">
                        <div class="calander-img-box">
                            
                            <i class="fa fa-calendar" aria-hidden="true"></i>

                        </div>
                        <div class="calander-date">
                            <h4 class="Subscription-text-upper3">25 Feb 2020</h4>
                        </div>

                    </div> -->
                        <!-- <img class="img-fluid" src="{{ url('assets/front/img/cal.png') }}" alt="Card image"> -->
                    <div class="inner-services-us">

                        <h2 class="our-sercices-us-tittle1 news-detail-margin">{{ $plan->translation->title }}</h2>

                    </div>
                    <!-- <div class="left-news d-flex align-items-center">
                                <div class="flag1">
                                    <div class="d-flex align-items-center justify-content-center alignment">
                                        <h4 class="news-date1">17</h4>
                                        <p class="month1">march</p>
                                    </div>
                                </div>
                                <div class="new-headind-general text-truncate">
                                    <h4 class="news-headind-text1 text-truncate">welcome</h4>
                                </div>
                            </div> -->
                </div>

                <div class="about-content-us services-text-settinggg">



                    <p class="about-p-us text-justify">{!! $plan->translation->content !!}</p>

                </div>

            </div>

        </div>

    </div>

    @else

    <div class="container">

        <div class="col-12">

            <div class="alert alert-info">

                {!! __("No record found.") !!}

            </div>

        </div>

    </div>

    @endif

    </div>



    @include('front.common.model')

</section>

<!-- end about us -->

@endsection