[%# Shop - buy points

Authors:
    Mark Smith <mark@dreamwidth.org>

Copyright (c) 2015 by Dreamwidth Studios, LLC.

This program is free software; you may redistribute it and/or modify it under
the same terms as Perl itself.  For a copy of the license, please reference
'perldoc perlartistic' or 'perldoc perlgpl'.
%]
[%- sections.title = '.title' | ml(sitename = site.nameshort) -%]
[%- dw.need_res( { group => "foundation" },
    "js/shop.js"
) -%]

[% cart_display %]

<p>[% '.about' | ml(sitename = site.nameshort) %]</p>

<form method='post'>
[% dw.form_auth %]
<div class="row">
    <div class="columns large-5 end">
        <div class="row">
            <div class="columns medium-5">
                <label for="foruser">[% dw.ml('.buying.for') %]</label>
            </div>
        [% IF foru %]
            <div class="columns medium-7 foru">
                [% foru.ljuser_display %]
                <input type='hidden' name='foruser' value='[% foru.user %]' />
            </div>
        [% ELSE %]
            <div class="columns medium-7">
                [% form.textbox(  name => 'foruser', maxlength => 25)  %]
                [% IF errs.foruser %]<br /><strong>[% errs.foruser %]</strong>[% END %]
            </div>
        [% END %]
        </div>
        <div class="row">
            <div class="columns medium-5">
                <label for="points">[% dw.ml('.buying.points') %]</label>
            </div>
            <div class="columns medium-3 small-6">
                <input type='number' name='points' id='points' maxlength='4' value='[% points %]' />
            </div>
            <div class="columns medium-4 small-6">
                [% dw.ml('.buying.points.range') %]
                [% IF errs.points %]<br /><strong>[% errs.points %]</strong>[% END %]
            </div>
        </div>
        <div class="row">
            <div class="columns small-5">
                <span id='points-cost'></span>
            </div>
            <div class="columns small-7">
                [% form.submit(value = dw.ml('.addtocart'), class = "button primary") %]
            </div>
        </div>
    </div>
</div>

</form>

<p id='points-about'>[% '.about2' | ml %]</p>

<p style='padding-top: 1em'><a href='[% site.shoproot %]'>&lt;&lt; [% '.backlink' | ml( 'sitename' => site.nameshort ) %]</a></p>