[% USE AuthorisedValues %]

<h2> Enroll in <em>[% club.name | html %]</em> </h2>

<div class="container-fluid">
    <form method="get" id="patron-enrollment-form">
        <legend class="sr-only">Enrollment</legend>
        <input type="hidden" name="id" value="[% club.id | html %]" />
        <input type="hidden" name="borrowernumber" value="[% borrowernumber | html %]" />
        <fieldset class="rows">
            <ol>
                [% FOREACH f IN club.club_template.club_template_enrollment_fields %]
                    <li>
                        <label>[% f.name | html %]</label>
                        [% IF f.authorised_value_category %]
                            <select name="[% f.id | html %]">
                                [% FOREACH a IN AuthorisedValues.Get( f.authorised_value_category ) %]
                                    <option value="[% a.authorised_value | html %]">[% a.lib | html %]</option>
                                [% END %]
                            </select>
                        [% ELSE %]
                            <input type="text" name="[% f.id | html %]" />
                        [% END %]
                        <span class="hint">[% f.description | html %]</span>
                    </li>
                [% END %]
            </ol>
        </fieldset>
        <fieldset class="action">
            <button class="btn btn-primary add_enrollment">Finish enrollment</button>
            <a href="#" class="cancel show_clubs">Cancel</a>
        </fieldset>
    </form>
</div>
<script>
    function addEnrollment() {
        $("body").css("cursor", "progress");
        let data = $( "#patron-enrollment-form" ).serialize();
        data += '&csrf_token='+$('meta[name="csrf-token"]').attr('content');
        $.ajax({
            type: "POST",
            url: '/cgi-bin/koha/svc/club/enroll',
            data,
            success: function( data ) {
                if ( data.success ) {
                    $('#opac-user-clubs_panel').load('/cgi-bin/koha/clubs/clubs-tab.pl?borrowernumber=[% borrowernumber | html %]&id=[% club.id | html %]', function() {
                        $("body").css("cursor", "default");
                    });
                } else {
                    alert(_("Unable to create enrollment!"));
                }
            },
            dataType: 'json'
        });
        return false;
    }

    function showClubs() {
        $("body").css("cursor", "progress");
        $('#opac-user-clubs_panel').load('/cgi-bin/koha/clubs/clubs-tab.pl?borrowernumber=[% borrowernumber | html %]&id=[% club.id | html %]', function() {
            $("body").css("cursor", "default");
        });
    }

        $(document).ready(function(){
            $(".add_enrollment").on("click", function(e){
                e.preventDefault();
                addEnrollment();
            });

            $(".show_clubs").on("click", function(e){
                e.preventDefault();
                showClubs();
            });
        });
</script>