@extends('web.layouts.app')

@section('content')
     <!-- Breadcrumb Area Start -->
     <div class="breadcrumb__area" style="background-image: url('/web/assets/img/page/breadcrumb.jpg');">
		<div class="container">
			<div class="row">
				<div class="col-xl-12">
					<div class="breadcrumb__area-content">
						<h2>Our Solutions</h2>
						<ul>
							<li><a href="index.html">Home</a><i class="fa-regular fa-angle-right"></i></li>
							<li>Our Solutions</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>       
    <!-- Breadcrumb Area End -->
    <!-- Pricing Plan Area Start -->
    <div class="price__area section-padding">
        <div class="container">
            <div class="row">
                <div class="col-xl-4 col-md-6 xl-mb-25 wow fadeInUp" data-wow-delay=".4s">
                    @foreach($solutions as $solution)
                    <div class="price__area-item">
                        <div class="price__area-item-price">
                            <span>{{ $solution->title_description }}</span>
                            <h3>{{ $solution->title }}</h3>
                        </div>
                        <div class="price__area-item-list">
                            <ul>
                                @foreach($solution->bullets as $bullet)
                                    @isset($bullet['bullet'])
                                        <li><i class="flaticon-checked"></i>{{ $bullet['bullet'] }}</li>
                                    @endisset
                                @endforeach
                            </ul>
                        </div>
                        <div class="price__area-item-btn">
                            <a class="build_button" href="{{ route('our-solutions.show', $solution->slug) }}">Read More<i class="flaticon-right-up"></i></a>
                        </div>
                    </div>
                    @endforeach                    
                </div>
            </div>
        </div>
    </div>
    <!-- Pricing Plan Area End -->
@endsection