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

@section('content')
<section class="contact-section main-content-starts">
    <div class="container">
        <h2>Contact Us</h2>
        <div class="contact-content">
            <form action="https://webto.salesforce.com/servlet/servlet.WebToCase?encoding=UTF-8" method="POST">

            	<input type=hidden name='captcha_settings' value='{"keyname":"LibrashopRecaptcha","fallback":"true","orgId":"00D3k000000vhcx","ts":""}'>
                <input type=hidden name="orgid" value="00D3k000000vhcx">
                <input type=hidden name="retURL" value="https://libracannabis.co/salesforce/ticket-callback">

                <div class="field">
                    <select id="00N3k00000IxyUH" name="00N3k00000IxyUH" title="Reason" style="background: #eaeaea; color: #000;">
                        <option value="">--Reason--</option>
                        <option value="Vendor Inquiry">Vendor Inquiry</option>
                        <option value="Collaborations">Collaborations</option>
                        <option value="Media Inquiry">Media Inquiry</option>
                        <option value="Club Libra Support">Club Libra Support</option>
                        <option value="General Support">General Support</option>
                        <option value="Employment">Employment</option>
                        <option value="Palm Desert Location">Palm Desert Location</option>
                        <option value="Cathedral City Location">Cathedral City Location</option>
                    </select>
                </div>
                <div class="field">
                	<input type="text" placeholder="Name" id="00N3k00000HxNrT" maxlength="100" name="00N3k00000HxNrT" required="" >
                </div>
                <div class="field">
                	<input type="email" placeholder="Email" name="email" required="" >
                </div>
                <div class="field">
                	<input type="text" placeholder="Phone" name="phone" required="" >
                </div>
                <div class="field">
                	<input type="text" placeholder="Description" name="description" required="" >
                </div>
                <input type="hidden"  id="external" name="external" value="1" />
                <div class="field">
                	<div class="g-recaptcha" data-sitekey="6LdAxIYbAAAAAHlPrH743bm79z0FP7WgDDg9HppX"></div>
                </div>
                <div class="contact-links">
                    <div class="field-btn">
                        <button type="submit" class="start-a-loader">Submit<i class="fa fa-spinner fa-spin d-none ml-2"></i></button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</section>
@endsection

@section('code-in-head')
<script src="https://www.google.com/recaptcha/api.js"></script>
<script>
    function timestamp() { var response = document.getElementById("g-recaptcha-response"); if (response == null || response.value.trim() == "") {var elems = JSON.parse(document.getElementsByName("captcha_settings")[0].value);elems["ts"] = JSON.stringify(new Date().getTime());document.getElementsByName("captcha_settings")[0].value = JSON.stringify(elems); } } setInterval(timestamp, 500); 
</script>
@endsection

@section('js-lib')
<style type='text/css'>
    .embeddedServiceHelpButton .helpButton .uiButton {
        background-color: #242614;
        font-family: "Arial", sans-serif;
    }
    .embeddedServiceHelpButton .helpButton .uiButton:focus {
        outline: 1px solid #242614;
    }
</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;
        embedded_svc.settings.language = '';
        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',
            'Web_Support',
            {
                baseLiveAgentContentURL: 'https://c.la4-c3-ia2.salesforceliveagent.com/content',
                deploymentId: '5723k000000LOuM',
                buttonId: '5733k000000LQmZ',
                baseLiveAgentURL: 'https://d.la4-c3-ia2.salesforceliveagent.com/chat',
                eswLiveAgentDevName: 'Web_Support',
                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