@extends('front.template.master')
@section('content')

<!-- Content Area Starts Here -->
<main id="content">    
    <div class="container-fluid p-0">
        <div class="subscription-area">
            <h2>Utilities</h2>
            <h5>All plans includes Unlimited Tasks, Projects & Storage.</h5>
        </div>
        
        <div class="container subscription-plans">
            <div class="row">

            	@foreach($utilities as $u)
	                <div class="col-md-3">
		                <a href="{{url('/utilitidetails/'.$u->id)}}">
		                    <div class="subscription-box" style="background: linear-gradient(rgb(255 255 255 / 82%), rgb(255 255 255 / 70%)),url(../storage/app/public/utility-images/{{ $u->logo }}); background-size: cover;">
		                        <p class="text-dark">{{ $u->plan_name }}</p>
		                        <!--<h5><i class="fa fa-inr" aria-hidden="true"></i><span>{{ $u->amount }}</span></h5>-->
		                        <h4>{{ str_limit(strip_tags(html_entity_decode($u->major_featues)), $limit = 150, $end = '...') }} </h4>
		                        <!--<h4>{{ $u->period }}</h4>-->
		                        <a href="{{url('/utilitidetails/'.$u->id)}}" class="btn btn-primary px-4 mt-3">View Details</a>
		                    </div>
		                </a>
	                </div>
                @endforeach

            </div>
        </div>

        <!--<h1 class="text-center">Under Construction</h1>   -->

    </div>
</main>
<!-- Content Area Ends Here -->

@endsection