{config_load file="$language/lang_$language.conf" section="create_account"}
{config_load file="$language/own_lang_$language.conf" section="create_account"}
<style type="text/css">
    ul.commercial_select{
        display: none;
        list-style-type: none; 
        margin: 0; 
        padding: 4px;
        font-size: 1.3em;
    }
    button.cs_role_select{
        font-size: 1.1em;
        width: 200px;
        height: 40px;
        color: #ffffff;
        line-height: 20px;
        overflow: visible;
        margin: 10px;
    }
    .cs_roles{
        display: block;
        padding: 10px;
    }
    .cs_roles .cs_role{
        padding: 20px;
        display: block;
        text-align: center;
    }
</style>
<script>
    var DEFAULT_CUSTOMERS_STATUS_ID = '{$DEFAULT_CUSTOMERS_STATUS_ID}';
    {literal}
    $(function(){
        $('button#private_customer').on('click',function(){
            $('#cs_roles').hide();
            window.location.href='create_account.php?account_type='+DEFAULT_CUSTOMERS_STATUS_ID;
        });
        $('button#commercial_customer').on('click',function(){
            $('#role_private,#role_commercial_desc_container').hide();
            $('ul.commercial_select').show();
        });
    });
    {/literal}
</script>

		<h2>Welcome to SYD Green Energy</h2>
		<h3>B2B marketplace</h3>
		<p>We are a marketplace for companies. To be able to order from us (see prices), you must register.</p>
		<p>We will then contact you and approve your account for trading.</p>
		<p></p>
		<p>Yours sincerely</p>
		<p><strong>SYD Green Energy</strong></p>
		
<p>{* #create_account_select_type_description# *}</p>
<hr>

<div class="cs_roles">
<h3 style="text-align: center;">Create customer account - Select customer group{* #create_account_select_type_title# *}</h3>
    <!--<div class="cs_role" id="role_private">
        <button class="cs_role_select" id="private_customer">{#create_account_type_private#}</button>
        <br />
        {#create_account_type_private_description#}
    </div>-->
    <div class="cs_role" id="role_commercial">
        <span id="role_commercial_desc_container">
        <button class="cs_role_select btn btn-primary" id="commercial_customer">{* #create_account_type_company# *}Trade registration*</button>
        <br />
        </span>
        {* #create_account_type_commercial_description# *}
        <ul class="commercial_select">
{foreach from=$CUSTOMERS_STATUSES item=cs}
            <li><div style="margin-bottom: 10px;text-align: center;width: 80%;display: inline-block;border: 1px solid #000; padding: 10px;line-height: 40px;"><a style="font-size: 1.6em;" href="create_account.php?account_type={$cs.id}">{$cs.text}</a><br />{$cs.description}</div></li>
{/foreach}
        </ul>
    </div>
</div>