@extends('layouts.app')

@push('pageTitle')
    {{ __('labels.hotline') }}
@endpush

@section('content')
<div class="row">
    <div class="col-xl-12">

        @include('components.common.flush-message')

        <div class="card">
            
            <div class="card-body text-center">

                <h2 class="mb-3">📞 {{ __('labels.customer_support_hotline') }}</h2>

                <p class="text-muted mb-4">
                    {{ __('labels.customer_support_description') }}
                </p>

                <div class="alert alert-light">
                    <h4 class="mb-2">{{ __('labels.call_us_now') }}</h4>

                    {{-- Click to call --}}
                    <a href="tel:045518908912" class="fs-3 fw-bold text-decoration-none">
                        04551 - 8908912
                    </a>
                </div>

                <p class="mt-3 text-muted">
                    {{ __('labels.available_monday_to_friday') }} (9:00 AM – 6:00 PM)
                </p>

            </div>
        </div>

    </div>
</div>
@endsection