#if ($store.isProductionMode())
	#set($client_id = $store.get("liveclientid"))
#else
	#set($client_id = $store.get("testclientid"))
#end


#if($client_id)



<div class="row">

	<h2>Setting Up Stripe Connect for Partners</h2>

	<p>As a partner of this website, you can get paid instantly with every product purchase by setting
	up an account through <a href="https://stripe.com" target="_blank">Stripe</a>. Stripe is the payment
	service that lets users accept credit card payments through this website.</p>

	<h3>Flow</h3>

	<p>Unlike most OAuth implementations, Stripe has added the process of creating a Stripe
	account right into its authorization flow so you won't have to worry about whether or not you have a Stripe account
	 already. Users who are already Stripe members simply have to sign in with their credentials, and those who are
	 new to Stripe can create an account directly. 
	</p>

	
	<div class="row clearfix">
		<div class="col-md-6">
			<a href="#authorize" data-toggle="modal">
	    		<img class="img-responsive" src="/${applicationid}/theme/images/stripe/oauth-authorize-thumb.png">
	    	</a>
			<p>User is logged in, and can connect directly.</p>
		</div>
		<div class="col-md-6">
			<a href="#register" data-toggle="modal">
	    		<img class="img-responsive" src="/${applicationid}/theme/images/stripe/oauth-register-thumb.png">
	    	</a>
	    	<p>User needs to create an account.</p>
		</div>
	</div>
	
	<p>Once you have either logged in to your Stripe account or created a new one, you will be directed back to this site,
	at which point your account will be registered on our system, and will be ready to accept credit card payments. </p>
	
	<h3>Connect with Stripe</h3>
	
	<p>To start the process, click the <strong>Connect with Stripe</strong> button below.</p>
#if($store.get("redirect_uri"))	
	<a class="stripe-connect" href="https://connect.stripe.com/oauth/authorize?response_type=code&scope=read_write&stripe_landing=login&client_id=$client_id&redirect_uri=${store.get('redirect_uri')}">
		<span>Connect with Stripe</span>
	</a>
#else


<a class="stripe-connect" href="https://connect.stripe.com/oauth/authorize?response_type=code&scope=read_write&stripe_landing=login&client_id=$client_id">
		<span>Connect with Stripe</span>
	</a>

#end

</div>

<!--  modals -->
<div id="authorize" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <img class="img-responsive" src="/${applicationid}/theme/images/stripe/oauth-authorize-screen.png">
            </div>
        </div>
    </div>
</div>
<div id="register" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <img class="img-responsive" src="/${applicationid}/theme/images/stripe/oauth-register-screen.png">
            </div>
        </div>
    </div>
</div>

#end