<ss:templates:section paddingtop="6rem" paddingbottom="6rem" paddingleft="2rem" paddingright="2rem" color="#ffffff" contentsize="md" style="text-align: center;" bgcolor="#ffb92e" bggradient="linear-gradient(160deg, rgb(255, 185, 46), rgb(239, 144, 113))">
<ss:templates:row verticalAlignColumns="center">
<ss:templates:column width="6">
<h1>Make a Donation.</h1>
<h3>We need your support.</h3>
<p><br /></p>
</ss:templates:column>
<ss:templates:column width="6">
<ss:templates:flexlayout style="justify-content: center; align-items: stretch;" preventwrap="preventwrap">
<ss:templates:card bgcolor="#FFFFFF" style="padding: 20px; margin: 10px; border-radius: 4px; box-shadow: 0px 3px 15px rgba(0,0,0,0.2)" cardsize="md" color="#302c2c">
<p><br /></p>
<h5 style="text-align: center;"><span style="color: #ffb92e;">The average donation amount is:</span></h5>
<h1 style="text-align: center;"><span style="color: #ffb92e;">$15</span></h1>
<ss:forms:form onsubmitredirect="/commerce/order/success/?sale_id=[? $sale_id ?]" id="donation_form" recordsubmissions="true" contactmode="store" onsubmitemailsubject="Donation Made" onsubmitemail="true">
<ss:forms:row type="one_column" label="Your donation amount">
<ss:forms:money id="donation_amount" value="15" />
</ss:forms:row>
<ss:templates:row>
<ss:templates:column width="6">
<ss:forms:row label="First name" type="one_column">
<ss:forms:editbox id="contact_first_name" validations="mandatory" />
</ss:forms:row>
</ss:templates:column>
<ss:templates:column width="6">
<ss:forms:row label="Last name" type="one_column">
<ss:forms:editbox id="contact_last_name" validations="mandatory" />
</ss:forms:row>
</ss:templates:column>
</ss:templates:row>
<ss:forms:row label="Email" type="one_column">
<ss:forms:editbox id="contact_email" validations="mandatory,email" transformations="tolower" />
</ss:forms:row>
<ss:forms:row type="one_column">
<ss:forms:paymentmethod producttitle="Donation" amount="[? $donation_amount.value ?]" showpaymentformonzerovalue="true" style="text-align: center;" id="paymentmethod" />
</ss:forms:row>
</ss:forms:form>
<p><br /></p>
</ss:templates:card>
</ss:templates:flexlayout>
</ss:templates:column>
</ss:templates:row>
</ss:templates:section>
<ss:templates:section paddingBottom="8rem" paddingTop="16rem">
<p><br /></p>
</ss:templates:section>
<ss:templates:section paddingtop="6rem" paddingbottom="6rem" paddingleft="2rem" paddingright="2rem" color="#ffffff" contentsize="md" style="text-align: center;" bgcolor="#ffb92e" bggradient="linear-gradient(160deg, rgb(255, 185, 46), rgb(239, 144, 113))">
<ss:templates:row verticalAlignColumns="center">
<ss:templates:column width="6">
<h1>Make a Donation.</h1>
<h3>We need your support.</h3>
<p><br /></p>
</ss:templates:column>
<ss:templates:column width="6">
<ss:templates:flexlayout style="justify-content: center; align-items: stretch;" preventwrap="preventwrap">
<ss:templates:card bgcolor="#FFFFFF" style="padding: 20px; margin: 10px; border-radius: 4px; box-shadow: 0px 3px 15px rgba(0,0,0,0.2)" cardsize="md" color="#302c2c">
<p><br /></p>
<h5 style="text-align: center;"><span style="color: #ffb92e;">The average donation amount is:</span></h5>
<h1 style="text-align: center;"><span style="color: #ffb92e;">$15</span></h1>
<ss:forms:form onsubmitredirect="/commerce/order/success/?sale_id=[? $sale_id ?]" id="donation_form" recordsubmissions="true" contactmode="store" onsubmitemailsubject="Donation Made" onsubmitemail="true">
<ss:forms:row type="one_column" label="Your donation amount">
<ss:forms:money id="donation_amount" value="15" />
</ss:forms:row>
<ss:templates:row>
<ss:templates:column width="6">
<ss:forms:row label="First name" type="one_column">
<ss:forms:editbox id="contact_first_name" validations="mandatory" />
</ss:forms:row>
</ss:templates:column>
<ss:templates:column width="6">
<ss:forms:row label="Last name" type="one_column">
<ss:forms:editbox id="contact_last_name" validations="mandatory" />
</ss:forms:row>
</ss:templates:column>
</ss:templates:row>
<ss:forms:row label="Email" type="one_column">
<ss:forms:editbox id="contact_email" validations="mandatory,email" transformations="tolower" />
</ss:forms:row>
<ss:forms:row type="one_column">
<ss:forms:paymentmethod producttitle="Donation" amount="[? $donation_amount.value ?]" showpaymentformonzerovalue="true" style="text-align: center;" id="paymentmethod" />
</ss:forms:row>
</ss:forms:form>
<p><br /></p>
</ss:templates:card>
</ss:templates:flexlayout>
</ss:templates:column>
</ss:templates:row>
</ss:templates:section>
<ss:templates:section paddingBottom="8rem" paddingTop="16rem">
<p><br /></p>
</ss:templates:section>