@extends('layouts.app')

@section('title', $service->name.' | Accessway Express Courier Services')

@section('content')
<section class="page-hero" style="background-image:url('https://images.unsplash.com/photo-1578575437130-527eed3abbec?auto=format&fit=crop&w=1600&q=70');">
    <div class="container">
        <div class="breadcrumb"><a href="{{ route('home') }}">Home</a> / <a href="{{ route('services') }}">Services</a> / {{ $service->name }}</div>
        <h1>{{ $service->name }}</h1>
        <p>{{ $service->subtitle }}</p>
    </div>
</section>

<section class="section">
    <div class="container service-layout">
        <article class="prose">
            {!! $service->body !!}
            @if($service->features)
                <h3>We provide</h3>
                <ul class="feature-list">
                    @foreach($service->features as $feature)
                        <li>{{ $feature }}</li>
                    @endforeach
                </ul>
            @endif

            <h3>Why choose Accessway Express Courier Services</h3>
            <div class="why">
                <div class="card">
                    <h3>Single point of contact</h3>
                    <p>We reach our clients around the globe from a primary source.</p>
                </div>
                <div class="card">
                    <h3>Regular status updates</h3>
                    <p>We update our clients in real time at every step of sending their packages.</p>
                </div>
                <div class="card">
                    <h3>Simplified freight process</h3>
                    <p>Because of our capacity and determination to serve you better, transportation is straightforward.</p>
                </div>
            </div>
        </article>
        <aside>
            <div class="card side-card">
                <h3>Other services</h3>
                @foreach($others as $other)
                    <a href="{{ route('services.show', $other->slug) }}">{{ $other->name }}</a>
                @endforeach
                <a href="{{ route('tracking') }}">Track a shipment</a>
            </div>
        </aside>
    </div>
</section>
@endsection
