@extends('client.topCargo.layouts.layout')

@section('title', $content->title)

@section('content')
    <!--Page Header-->
    <div class="page-header title-area">
        <div class="header-title">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <h1 class="page-title">{{ $content->title }}</h1>
                    </div>
                </div>
            </div>
        </div>
        <div class="breadcrumb-area">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 col-sm-12 col-xs-12 site-breadcrumb">
                        <nav class="breadcrumb">
                            <a class="home" href="{{ route('home') }}"><span>Home</span></a>
                            <i class="fa fa-angle-right" aria-hidden="true"></i>
                            <span>Franchise</span>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @php
        $images = explode(',', $content->banners);
        // dd($images);
    @endphp

    <!--frenchise detailpage-->
    <section class="gallerydetail  single-project secpadd">
        <div class="container">
            <div class="row paddbtm40">
                <div class="entry-thumbnail  col-md-12 project-carousel">
                    @foreach ($images as $index => $image)
                        <div class="dtlimg_item">
                            <img style="height: 550px; width:100%; object-fit:cover; object-position:center;" src="{{ asset($image) }}" alt="{{ $content->title }}-{{$index}}" />
                        </div>
                    @endforeach
                </div>
                <div class="col-md-12">
                    <h2 class="single-project-title">{{ $content->title }} </h2>
                </div>
                <div class="entry-content col-md-12 col-sm-12 col-xs-12">
                    <div>
                        {!! $content->text !!}
                    </div>
                </div>
    </section>

@endsection