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

@section('content')
<section class="titlepage">
    <div class="container">
        <h2>Contact Details</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">Palm Desert</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">Cathedral City</h4>
                    <div class="timing-card">
                        <h5>Pickup</h5>
                        <p>8am - 9:30pm</p>
                    </div>
                    <hr> -->
                    <h4 class="heading4">Store Info (Palm Desert)</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>
                    <hr>
                    <h4 class="heading4">Store Info (Cathedral City)</h4>
                    <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>
                <br>
                <div class="row mt-4">
                    <div class="col-lg-6">
                        <h4 class="heading4 mb-2">Palm Desert 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 class="col-lg-6">
                        <h4 class="heading4 mb-2">Cathedral City Location</h4>
                        <p>68945 Vista Chino Cathedral City, CA</p>
                        <a href="https://goo.gl/maps/2UP6tFXARptba8gz6" target="_blank" class="btn cta-primary">Directions</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-12">
                <h2 class="mb-2">Today</h2>
                <p>Hours below are online ordering hours and may not reflect store hours.</p>
            </div>
            <div class="col-lg-6">
                <div class="timing-detail">
                    <h4 class="heading4 mb-4 text-center">Palm Desert</h4>
                    <div class="table-responsive">
                        <table class="table">
                            @php
                                $weekdays = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
                                $delivery_option = Helper::getOptions('delivery_time_data');

                                if(!empty($delivery_option))
                                {
                                    $delivery_option = json_decode($delivery_option, true);
                                }

                                $palm_desert_option = Helper::getOptions('palm_desert_time_data');

                                if(!empty($palm_desert_option))
                                {
                                    $palm_desert_option = json_decode($palm_desert_option, true);
                                }
                            @endphp

                            <thead>
                                <tr>
                                    <th>DAY</th>

                                    <th>PICKUP</th>

                                    <th>DELIVERY</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($weekdays as $weekday)
                                <tr>
                                    <td><strong>{{ $weekday }}</strong></td>
                                    <td>
                                        {{ !empty($palm_desert_option) && isset($palm_desert_option[$weekday]['palm_desert_from']) ? \Carbon\Carbon::parse($palm_desert_option[$weekday]['palm_desert_from'])->format('g:i A') : 'N/A' }} - {{ !empty($palm_desert_option) && isset($palm_desert_option[$weekday]['palm_desert_to']) ? \Carbon\Carbon::parse($palm_desert_option[$weekday]['palm_desert_to'])->format('g:i A') : 'N/A' }}
                                    </td>
                                    <td>
                                        {{ !empty($delivery_option) && isset($delivery_option[$weekday]['delivery_time_from']) ? \Carbon\Carbon::parse($delivery_option[$weekday]['delivery_time_from'])->format('g:i A') : 'N/A' }} - {{ !empty($delivery_option) && isset($delivery_option[$weekday]['delivery_time_to']) ? \Carbon\Carbon::parse($delivery_option[$weekday]['delivery_time_to'])->format('g:i A') : 'N/A' }}
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="timing-detail">
                    <h4 class="heading4 mb-4 text-center">Cathedral City</h4>
                    <div class="table-responsive">
                        <table class="table">
                            @php
                                $cat_city_option = Helper::getOptions('cat_city_time_data');

                                if(!empty($cat_city_option))
                                {
                                    $cat_city_option = json_decode($cat_city_option, true);
                                }
                            @endphp

                            <thead>
                                <tr>
                                    <th>DAY</th>
                                    <th>PICKUP</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($weekdays as $weekday)
                                <tr>
                                    <td><strong>{{ $weekday }}</strong></td>
                                    <td>
                                        {{ !empty($cat_city_option) && isset($cat_city_option[$weekday]['cat_city_from']) ? \Carbon\Carbon::parse($cat_city_option[$weekday]['cat_city_from'])->format('g:i A') : 'N/A' }} - {{ !empty($cat_city_option) && isset($cat_city_option[$weekday]['cat_city_to']) ? \Carbon\Carbon::parse($cat_city_option[$weekday]['cat_city_to'])->format('g:i A') : 'N/A' }}
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </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">
<meta name="map-lng-cat" content="-116.4617332">
<meta name="map-lat-cat" content="33.8446502">
@endsection