@extends('layout.master')

@section('title', $title)

@section('content')
    @include('partials.page_header')
    <section class="section-content padding-y bg">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <article class="card card-body">
                        <figure class="text-center">
                            <span class="rounded-circle icon-md bg-primary"><i class="fa fa-map-marker white"></i></span>
                            <figcaption class="pt-4">
                                <h5 class="title">Address</h5>
                                <p>{{ Config::get('settings.address', 'Plot 20 Odaa close, Arua, Uganda') }}</p>
                            </figcaption>
                        </figure> <!-- iconbox // -->
                    </article> <!-- panel-lg.// -->
                </div><!-- col // -->
                <div class="col-md-4">
                    <article class="card card-body">
                        <figure class="text-center">
                            <span class="rounded-circle icon-md bg-danger"><i class="fa fa-phone white"></i></span>
                            <figcaption class="pt-4">
                                <h5 class="title">Call</h5>
                                <p>{{ Config::get('settings.phone1', '+256 758 554345') }}, {{ Config::get('settings.phone2', '+256 780 358588') }} </p>
                            </figcaption>
                        </figure> <!-- iconbox // -->
                    </article> <!-- panel-lg.// -->
                </div> <!-- col // -->
                <div class="col-md-4">
                    <article class="card card-body">
                        <figure class="text-center">
                            <span class="rounded-circle icon-md bg-success"><i class="fa fa-mail-bulk white"></i></span>
                            <figcaption class="pt-4">
                                <h5 class="title">Emails</h5>
                                <p>{{Config::get('settings.email', 'mavenstoresmc@gmail.com')}} </p>
                            </figcaption>
                        </figure> <!-- iconbox // -->
                    </article> <!-- panel-lg.// -->
                </div> <!-- col // -->
            </div>

            <br>
            <!-- ============================ COMPONENT 1 END .// ================================= -->
            <div class="row">
                <div class="col-md-12">
                    <article class="card mb-4">
                        <div class="card-body">
                            <h4 class="card-title mb-4">Get in touch</h4>
                            <livewire:contact-form />
                        </div> <!-- card-body.// -->
                    </article> <!-- card.// -->
                </div>
            </div>
        </div>
    </section>
@stop

@push('scripts_end')
    <script>
        Livewire.on('submit', postId => {
            alert('Item Added to cart');
        })
    </script>
@endpush