@extends('layouts.public')
@section('content')
<main class="inner-page">
    <section class="inner-hero with-image">
        <div>
            <span class="section-badge">Service</span>
            <h1>{{ $service->title }}</h1>
            <p>{{ $service->summary }}</p>
            <a class="button primary" href="{{ route('quote') }}">Discuss Requirement</a>
        </div>
        <div class="inner-hero-single"><img src="{{ $service->image_url ?: '/assets/images/products/lab-equipment.svg' }}" alt="{{ $service->title }}"></div>
    </section>
    <section class="inner-section detail-grid refined-detail-grid">
        <article><h2>Overview</h2><p>{{ $service->overview }}</p></article>
        <article><h2>What We Offer</h2><ul>@foreach(preg_split('/\R/', $service->offer_items) ?: [] as $line) @if(trim($line) !== '') <li>{{ trim($line) }}</li> @endif @endforeach</ul></article>
        <article><h2>Process</h2><ul>@foreach(preg_split('/\R/', $service->process_items) ?: [] as $line) @if(trim($line) !== '') <li>{{ trim($line) }}</li> @endif @endforeach</ul></article>
        <article><h2>Industries Served</h2><ul>@foreach(preg_split('/\R/', $service->industries) ?: [] as $line) @if(trim($line) !== '') <li>{{ trim($line) }}</li> @endif @endforeach</ul></article>
    </section>
</main>
@endsection