@extends('index')
@section('title', Helper::getSiteTitle(isset($title) && !empty($title) ? $title : 'Contact Info'))

@section('content')
<section class="titlepage">
    <div class="container">
        <h2>Contact Info</h2>
    </div>
</section>
<section class="contact-main">
    <div class="container">
        <div class="row">
            <div class="col-lg-4">
                <div class="card-wrapper h-100">
                    <h4 class="heading4">Today</h4>
                    <div class="timing-card">
                        <h5>Pickup</h5>
                        <p>8am - 9:30pm</p>
                    </div>
                    <div class="timing-card">
                        <h5>Delivery</h5>
                        <p>10am - 7pm</p>
                    </div>
                    <hr>
                    <h4 class="heading4">Store Info</h4>
                    <div class="media-store-info">
                        <div class="icon"><i class="fal fa-truck"></i></div>
                        <div class="media-body">
                            <h5>DELIVERY</h5>
                            <p>Free delivery</p>
                        </div>
                    </div>
                    <div class="media-store-info">
                        <div class="icon"><i class="far fa-money-check-alt"></i></div>
                        <div class="media-body">
                            <h5>PAYMENT</h5>
                            <p>Cash</p>
                        </div>
                    </div>
                    <div class="media-store-info">
                        <div class="icon"><i class="fas fa-laptop"></i></div>
                        <div class="media-body">
                            <h5>MENUS</h5>
                            <p>Medical, Recreational</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-8">
                <div id='map'></div>
            </div>
            <div class="col-lg-4"></div>
            <div class="col-lg-5">
                <div class="timing-detail">
                    <h4 class="heading4 mb-2">Today</h4>
                    <p>Hours below are online ordering hours and may not reflect store hours.</p>
                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>DAY</th>

                                    <th>PICKUP</th>

                                    <th>DELIVERY</th>
                                </tr>

                            </thead>
                            <tbody>
                                <tr>
                                    <td><strong>Sunday</strong></td>
                                    <td>9am - 8:30pm</td>
                                    <td>10am - 7pm</td>
                                </tr>
                                <tr>
                                    <td><strong>Monday</strong></td>
                                    <td>8am - 8:30pm</td>
                                    <td>10am - 7pm</td>
                                </tr>
                                <tr>
                                    <td><strong>Tuesday</strong></td>
                                    <td>8am - 8:30pm</td>
                                    <td>10am - 7pm</td>
                                </tr>
                                <tr>
                                    <td><strong>Wednesday</strong></td>
                                    <td>8am - 8:30pm</td>
                                    <td>10am - 7pm</td>
                                </tr>
                                <tr>
                                    <td><strong>Thursday</strong></td>
                                    <td>8am - 8:30pm</td>
                                    <td>10am - 7pm</td>
                                </tr>
                                <tr>
                                    <td><strong>Friday</strong></td>
                                    <td>8am - 8:30pm</td>
                                    <td>10am - 7pm</td>
                                </tr>
                                <tr>
                                    <td><strong>Saturday</strong></td>
                                    <td>9am - 8:30pm</td>
                                    <td>10am - 7pm</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                </div>
            </div>
            <div class="col-lg-3">
                <h4 class="heading4 mb-2">Location</h4>
                <p>78010 Country Club Dr Palm Desert, </p>
                <a href="https://goo.gl/maps/KhXx6WoaeBmSHbh68" target="_blank" class="btn cta-primary">Directions</a>

            </div>
        </div>
    </div>
</section>
@endsection

@section('js-lib')
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDd1JxsBzPGjhusEs2PK4kP-ZxGllebT6A&callback=initMap"></script>
<style type='text/css'>
    .embeddedServiceHelpButton .helpButton .uiButton {
        background-color: #005290;
        font-family: "Arial", sans-serif;
    }
    .embeddedServiceHelpButton .helpButton .uiButton:focus {
        outline: 1px solid #005290;
    }
</style>
<script type='text/javascript' src='https://service.force.com/embeddedservice/5.0/esw.min.js'></script>
<script type='text/javascript'>
    var initESW = function(gslbBaseURL) {
        embedded_svc.settings.displayHelpButton = true; //Or false
        embedded_svc.settings.language = ''; //For example, enter 'en' or 'en-US'

        //embedded_svc.settings.defaultMinimizedText = '...'; //(Defaults to Chat with an Expert)
        //embedded_svc.settings.disabledMinimizedText = '...'; //(Defaults to Agent Offline)

        //embedded_svc.settings.loadingText = ''; //(Defaults to Loading)
        //embedded_svc.settings.storageDomain = 'yourdomain.com'; //(Sets the domain for your deployment so that visitors can navigate subdomains during a chat session)

        // Settings for Chat
        //embedded_svc.settings.directToButtonRouting = function(prechatFormData) {
            // Dynamically changes the button ID based on what the visitor enters in the pre-chat form.
            // Returns a valid button ID.
        //};
        //embedded_svc.settings.prepopulatedPrechatFields = {}; //Sets the auto-population of pre-chat form fields
        //embedded_svc.settings.fallbackRouting = []; //An array of button IDs, user IDs, or userId_buttonId
        //embedded_svc.settings.offlineSupportMinimizedText = '...'; //(Defaults to Contact Us)

        embedded_svc.settings.enabledFeatures = ['LiveAgent'];
        embedded_svc.settings.entryFeature = 'LiveAgent';

        embedded_svc.init(
            'https://librashop.my.salesforce.com',
            'https://clublibra.force.com/employees',
            gslbBaseURL,
            '00D3k000000vhcx',
            'Webchat',
            {
                baseLiveAgentContentURL: 'https://c.la4-c3-ia2.salesforceliveagent.com/content',
                deploymentId: '5723k000000LOuM',
                buttonId: '5733k000000LQme',
                baseLiveAgentURL: 'https://d.la4-c3-ia2.salesforceliveagent.com/chat',
                eswLiveAgentDevName: 'Webchat',
                isOfflineSupportEnabled: true
            }
        );
    };

    if (!window.embedded_svc) {
        var s = document.createElement('script');
        s.setAttribute('src', 'https://librashop.my.salesforce.com/embeddedservice/5.0/esw.min.js');
        s.onload = function() {
            initESW(null);
        };
        document.body.appendChild(s);
    } else {
        initESW('https://service.force.com');
    }
</script>
@endsection

@section('css-lib')
<meta name="map-lng" content="-116.3056835">
<meta name="map-lat" content="33.758468">
@endsection