@extends('layout')
@section('title', 'new')
@section('keywords', 'new')
@section('content')
    <div class="brangs-sec-title">
        <div class="row">

            <div class="text-center center-title pt-4">
                <h1 style="color: white !important">{{ $details->title }}</h1>
            </div>
            <div class="container text-center new-decsription pt-4" style="width: 70%">
                <p style="color: #f0f4f8; margin-block:30px; text-align: justify;">{{ $details->description }}</p>

                @if ($details->icon1)
                    <div class="row news-brand">
                        <div class="col-2"></div>
                        <div class="brand-icons col-8">
                            <img src={{ url('storage/' . $details->icon1) }} alt="{{ $details->title1 }}"
                                style="height: 20px; width: 7%;">
                            <p style="color: aliceblue">{{ $details->title1 }}</p>
                        </div>
                        <div class="col-2"></div>
                    </div>
                @endif
                @if ($details->icon2)
                    <div class="row news-brand">
                        <div class="col-2"></div>
                        <div class="brand-icons col-8">
                            <img src={{ url('storage/' . $details->icon2) }} alt="{{ $details->title2 }}"
                                style="height: 20px; width: 7%;">
                            <p style="color: aliceblue">{{ $details->title2 }}</p>
                        </div>
                        <div class="col-2"></div>
                    </div>
                @endif
                @if ($details->icon3)
                    <div class="row news-brand">
                        <div class="col-2"></div>
                        <div class="brand-icons col-8">
                            <img src={{ url('storage/' . $details->icon3) }} alt="{{ $details->title3 }}"
                                style="height: 20px; width: 7%;">
                            <p style="color: aliceblue">{{ $details->title3 }}</p>
                        </div>
                        <div class="col-2"></div>
                    </div>
                @endif

                  <div class="banner-slider owl-carousel owl-theme">
                    @if ($details->carousel_images)
                        @foreach (json_decode($details->carousel_images) as $index => $image)
                            <div class="item">
                                <img alt="" src="{{ url('storage/' . $image) }}" />
                            </div>
                        @endforeach
                    @endif
                </div>
            </div>
        </div>
    @endsection