@extends('front.layouts.app')

@section('content')

    @include('front.common.breadcrumb')

    <section class="franchise-iburger">

        <div class="container">

            <div class="row">
                @if(!empty($franchise) || !is_null($franchise))

                <div class="col-12">
                    <div class="for-md-screen">
                        <div class="for-padd-uss float-md-left mr-md-4 mb-2 mb-md-0">
                            <a class="card-link thumbnail" href="#" data-toggle="modal"
                               data-image="{!! asset($franchise->image) !!}" data-target="#image-gallery"
                               data-image-id="">
                                <div
                                        class="hellow-flower-img d-flex justify-content-center align-items-center position-relative mx-auto">
                                    <img src="{{ imageUrl(url($franchise->image),555,565,95,2) }}"
                                         class="img-fluid"
                                         alt="img">
                                </div>
                            </a>
                        </div>
                        <div class="for-padd-us-iburger">
                            <div class="inner-services-us-iburger">
                                <h2 class="our-sercices-us-tittle">{!! $franchise->translation->title !!}</h2>
                                <div class="pdf-main">
                                    <a href="{{route('front.download.franchise')}}" download="{!! $franchise->translation->title !!}" >
                                        <img src="{{ imageUrl(url('assets/front/img/pdf-img.svg')) }}" class="img-fluid"
                                             alt="img">
                                    </a>
                                </div>

                            </div>

                            <div class="about-content-us services-text-setting">
                                {!! $franchise->translation->content !!}
                            </div>
                        </div>
                    </div>
                </div>

                @else
            <!-- <div class="alert alert-info card-padd-hah">
                {!! __('No record found.') !!}
                    </div> -->

             @endif
            </div>
        </div>
    </section>



@endsection