[% USE raw %]
[% USE Asset %]
[% USE Koha %]
[% USE AuthorisedValues %]
[% USE TablesSettings %]
[% PROCESS 'i18n.inc' %]
[% PROCESS 'html_helpers.inc' %]
[% INCLUDE 'doc-head-open.inc' %]
[% USE HtmlScrubber %]
<title
    >[% FILTER collapse %]
        [% t("Course reserves") | html %]
        &rsaquo; [% PROCESS 'library_name_title' %]
    [% END %]</title
>
[% INCLUDE 'doc-head-close.inc' %]
[% BLOCK cssinclude %]
[% END %]

</head>
[% INCLUDE 'bodytag.inc' bodyid='opac-course-reserves' %]
[% INCLUDE 'masthead.inc' %]

<main class="main">
    [% WRAPPER breadcrumbs %]
        [% WRAPPER breadcrumb_item bc_active= 1 %]
            <span>Course reserves</span>
        [% END %]
    [% END #/ WRAPPER breadcrumbs %]

    <div class="container-fluid">
        <div class="row">
            <div class="col order-first order-md-first order-lg-2">
                <div id="courses" class="maincontent">
                    <h1>Course reserves</h1>

                    <table id="course_reserves_table" class="table table-bordered table-striped table-condensed">
                        <caption class="sr-only">Courses</caption>
                        <thead>
                            <tr>
                                <th>Name</th>
                                <th>Dept.</th>
                                <th>Course #</th>
                                <th>Section</th>
                                <th>[% tp('Semester', 'Term') | html %]</th>
                                <th>Instructors</th>
                                <th>Notes</th>
                                <th class="dtr-control-col"></th>
                            </tr>
                        </thead>

                        <tbody>
                            [% FOREACH c IN courses %]
                                <tr>
                                    <td><a href="opac-course-details.pl?course_id=[% c.course_id | uri %]">[% c.course_name | html %][%- IF c.section -%]- [% c.section | html %][%- END -%]</a></td>
                                    <td>[% AuthorisedValues.GetByCode( 'DEPARTMENT', c.department, 1 ) | html %]</td>
                                    <td>[% c.course_number | html %]</td>
                                    <td>[% c.section | html %]</td>
                                    <td>[% AuthorisedValues.GetByCode( 'TERM' c.term, 1 ) | html %]</td>
                                    <td>
                                        [% FOREACH i IN c.instructors %]
                                            <div class="instructor"
                                                ><span class="inst_surname">[% i.surname | html %]</span>[% IF i.firstname %]<span class="instr_separator">, </span><span class="instr_firstname">[% i.firstname | html %]</span>[% END %]</div
                                            >
                                        [% END %]
                                    </td>
                                    <td>[% c.public_note | scrub_html type => 'note' | $raw %]</td>
                                    <td></td>
                                </tr>
                            [% END %]
                        </tbody>
                    </table>
                </div>
                <!-- / #courses -->
            </div>
            <!-- / .col -->
        </div>
        <!-- / .row -->
    </div>
    <!-- / .container-fluid -->
</main>
<!-- / .main -->
[% INCLUDE 'opac-bottom.inc' %]
[% BLOCK jsinclude %]
    [% INCLUDE 'datatables.inc' %]
    <script>
        $(document).ready(function() {
            table_settings = [% TablesSettings.GetTableSettings( 'opac', 'course_list', 'course_reserves_table', 'json' ) | $raw %]
            $("#course_reserves_table").kohaTable(
                {
                    dom: '<"top"<"table_controls"f>>rt<"clear">',
                    sorting: [[1, "asc"]],
                    asColumnDefs: [{ aTargets: [1], sType: "nsb-nse" }],
                    language: {
                        search: "_INPUT_",
                        searchPlaceholder: _("Search courses"),
                    },
                    responsive: {
                        details: { type: "column", target: -1 },
                    },
                    cColumnDefs: [
                        { className: "dtr-control", orderable: false, targets: -1 },
                    ],
                },
                table_settings
            );
        });
    </script>
[% END %]