<template>
    <lightning-card title="Sign up for our E-mail List!">
        <form action="https://webto.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" method="POST">

            <input type=hidden name="oid" value="00DDm000000Ima0">
            <input type=hidden name="retURL" value="https://www.mamstrong.org/">

            <div class="slds-grid slds-wrap">
                <div class="slds-col slds-size_1-of-1 slds-p-left_medium slds-p-right_medium">
                    <span> <lightning-input label="Email" type="text" name="email" id="email"
                            class="slds-m-bottom_x-small inputText" required></lightning-input></span>
                </div>

                <div class="slds-col slds-size_1-of-1 slds-p-left_medium slds-p-right_medium">
                    <span> <lightning-input label="First Name" type="text" name="first_name" id="first_name"
                            class="slds-m-bottom_x-small inputText" required></lightning-input></span>
                </div>

                <div class="slds-col slds-size_1-of-1 slds-p-left_medium slds-p-right_medium">
                    <span> <lightning-input label="Last Name" type="text" name="last_name" id="last_name"
                            class="slds-m-bottom_x-small inputText" required></lightning-input></span>
                </div>

                <div class="slds-col slds-size_1-of-1 slds-p-left_medium slds-p-right_medium">
                    <span> <lightning-input label="Phone" type="text" name="phone" id="phone"
                            class="slds-m-bottom_x-small inputText"></lightning-input></span>
                </div>

                <div class="slds-col slds-size_1-of-1 slds-p-left_medium slds-p-right_medium">
                    <span> <lightning-input label="Company" type="text" name="company" id="company"
                            class="slds-m-bottom_x-small inputText"></lightning-input></span>
                </div>
                <input type="hidden" id="recordType" name="recordType" value="012Dm0000000hMk">
            </div>
            
            <p class="slds-accordion__section" style="margin: 0 auto; font-size: 10px;width: 90%">By submitting this form, you are consenting to receive marketing emails from: Missouri Association of Manufacturers, 1329 E Republic Rd Ste. J, Springfield, MO, 65804, US, mamstrong.org. You can revoke your consent to receive emails at any time by using the SafeUnsubscribe® link, found at the bottom of every email. Emails are serviced by Constant Contact.
            </p>
            <input type="submit" name="submit" value="Sign Up!" style="background-color: #ad2f21; color: white; border: none; border-radius: 4px; cursor: pointer; display: block; margin: 0 auto; width: 90%; height: 40px; font-size: 15px;">

        </form>
    </lightning-card>
</template>