[% USE raw %]
[% USE Asset %]
[% USE Koha %]
[% PROCESS 'display-library-address.inc' %]
[% USE AdditionalContents %]
[% IF library %][% SET OpacLibraryInfo = library.opac_info( lang => lang ) %][% END %]
[% SET OpacNav = AdditionalContents.get( location => "OpacNav", lang => lang, library => logged_in_user.branchcode || default_branch, blocktitle => 0 ) %]
[% SET OpacNavBottom = AdditionalContents.get( location => "OpacNavBottom", lang => lang, library => logged_in_user.branchcode || default_branch, blocktitle => 0 ) %]
[% INCLUDE 'doc-head-open.inc' %]
<title>
   [% IF ( library ) %]
        [% library.branchname | html %] &rsaquo;
    [% END %]
    Libraries
    &rsaquo;
[% IF ( LibraryNameTitle ) %]
        [% LibraryNameTitle | html %]
    [% ELSE %]
        Koha online
    [% END %] catalog
</title>
[% INCLUDE 'doc-head-close.inc' %]
[% BLOCK cssinclude %]
    <style>
        .section_library {
            margin-top: 1rem;
            margin-bottom: 1rem;
            border: 0;
            border-bottom: 1px solid rgba(0,0,0,.1);
        }
    </style>
[% END %]
</head>

[% INCLUDE 'bodytag.inc' bodyid='opac-library' bodyclass='scrollto' %]
[% INCLUDE 'masthead.inc' %]

[% BLOCK library_description %]
    <div property="description">
        [% IF OpacLibraryInfo %][% OpacLibraryInfo.content | $raw %][% END %]
    </div>
[% END %]

[% BLOCK library_info %]
    <div class="branchaddress" property="address" typeof="PostalAddress">
        [% PROCESS 'display-library-address' %]
    </div> <!-- /div property=address -->
    [% IF ( library.branchphone ) %]
        <p class="branchphone">Phone: <a href="tel:[% library.branchphone | url %]" property="telephone">[% library.branchphone | html %]</a></p>
    [% END %]
    [% IF ( library.branchfax ) %]
        <p class="branchfax">Fax: <span property="faxNumber">[% library.branchfax | html %]</span></p>
    [% END %]
    [% IF ( library.branchurl ) %]
        <p class="branchurl"><a href="[% library.branchurl | url %]" property="url">[% library.branchurl | html %]</a></p>
    [% END %]
[% END %]

<div class="main">
    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="/cgi-bin/koha/opac-main.pl">Home</a>
            </li>
            [% IF ( library ) %]
                <li class="breadcrumb-item">
                    <a href="/cgi-bin/koha/opac-library.pl">Libraries</a>
                </li>
                <li class="breadcrumb-item active">
                    <a href="#" aria-current="page">[% library.branchname | html %]</a>
                </li>
            [% ELSE %]
                <li class="breadcrumb-item active">
                    <a href="#" aria-current="page">Libraries</a>
                </li>
            [% END %]
        </ol>
    </nav> <!-- /#breadcrumbs -->

    <div class="container-fluid">
        <div class="row">
            [% IF ( OpacNav ||  OpacNavBottom ) %]
                <div class="col-lg-2">
                    <div id="navigation">
                        [% INCLUDE 'navigation.inc' %]
                    </div>
                </div>
                <div class="col-10 order-first order-md-first order-lg-2">
            [% ELSE %]
                <div class="col order-first order-md-first order-lg-2">
            [% END %]

            [% IF ( library ) %]
                <div id="library_info" class="maincontent" vocab="http://schema.org/" typeof="Library">
                    <h1 property="name">[% library.branchname | html %]</h1>
                    <div class="row">
                        <div class="col-lg-8">
                            [% PROCESS library_info %]
                            [% IF ( OpacLibraryInfo ) %]
                                <div class="library_description">
                                    <hr />
                                    [% PROCESS library_description %]
                                </div>
                            [% END %]
                        </div>
                    </div>
                </div> <!-- /#library_info -->

            [% ELSE %]
                <div id="library_info" class="maincontent">
                    <h1>Libraries</h1>
                    [% FOREACH library IN libraries %]
                        [% IF ( branchcode == library.branchcode ) %]
                            <div class="section_library" id="section_[% library.branchcode | html %]" class="current">
                        [% ELSE %]
                            <div class="section_library" id="section_[% library.branchcode | html %]" class="">
                        [% END %]
                        <h2 property="name">
                            <a href="/cgi-bin/koha/opac-library.pl?branchcode=[% library.branchcode | url %]">
                                [% library.branchname | html %]
                            </a>
                        </h2>
                        [% PROCESS library_info %]
                        </div>
                    [% END %]
                </div> <!-- /#library_info -->
            [% END # /IF library %]

            </div> <!-- /.col -->
        </div> <!-- /.row -->
    </div> <!-- /.container-fluid -->
</div> <!-- / .main -->

[% INCLUDE 'opac-bottom.inc' %]
[% BLOCK jsinclude %][% END %]