{{#each unit}}
<div class="libraries-hours-unit">
    <div class="row library-hours__unit-row">
        <div class="row library-hours__unit-name">
            <div class="col-sm-12 library-hours__unit-name-col12">
                <div class="col-sm-6 library-hours__unit-name-col12">
                    <a href="{{weblinks}}">
                        <h4 class="library-hours__library-name-hrs">{{unit_name}}</h4>
                    </a>
                    <div class="library-hours__library-name-hrs" style="display: none;">{{display_specializations}}</div>
                </div>
                <div class="col-sm-3">
                        {{#if contact_email}}
                        <a href="mailto:{{contact_email}}"  aria-label="Email library">
                            <span class="fa fa-envelope library-hours__icon-style"></span>
                        </a>
                        {{else}}
                            <span class="fa fa-envelope library-hours__fa-blank"></span>
                        {{/if}}
                        {{#if phone_number}}
                        <a href="tel:{{phone_number}}"  aria-label="Phone library">
                            <span class="fa fa-phone-square library-hours__icon-style"></span>
                        </a>
                        {{else}}
                            <span class="fa fa-phone-square library-hours__fa-blank"></span>
                        {{/if}}
                        {{#if map_url}}
                        <a href="{{map_url}}" target="_blank"  aria-label="Map Location">
                            <span class="fa fa-map library-hours__icon-style"></span>
                        </a>
                        {{else}}
                            <span class="fa fa-map library-hours__fa-blank"></span>
                        {{/if}}
                        {{#if study_rooms}}
                        <div class="study-room-status library-hours__no-display">true false</div>
                        <a href="{{study_rooms}}" target="_blank" aria-label="Study rooms to reserve">
                            <span class="fa fa-users library-hours__icon-style"></span>
                        </a>
                        {{else}}
                            <div class="study-room-status library-hours__no-display">false</div>
                            <span class="fa fa-users library-hours__fa-blank"></span>
                        {{/if}}
                        {{#if scanner_info}}
                        <div class="scanner-status library-hours__no-display">true false</div>
                        <a href="{{scanner_info}}" target="_blank" aria-label="Scanner available ">
                            <span class="fa fa-image library-hours__icon-style"></span>
                        </a>
                        {{else}}
                            <div class="scanner-status library-hours__no-display">false</div>
                            <span class="fa fa-image library-hours__fa-blank"></span>
                        {{/if}}
                        {{#if printer_info}}
                        <div class="printer-status library-hours__no-display">true false</div>
                        <a href="{{printer_info}}" target="_blank" aria-label="Color printer available">
                            <span class="fa fa-print library-hours__icon-style"></span>
                        </a>
                        {{else}}
                        <div class="printer-status library-hours__no-display">false</div>
                            <span class="fa fa-print library-hours__fa-blank"></span>
                        {{/if}}
                        {{#if nearby_bus_stops}}
                        <a href="{{nearby_bus_stops}}" target="_blank" aria-label="MTD bus routes">
                            <span class="fa fa-bus library-hours__icon-style"></span>
                        </a>
                        {{else}}
                            <span class="fa fa-bus library-hours__fa-blank"></span>
                        {{/if}}
                        {{#if nearby_coffee}}
                        <a href="{{nearby_coffee}}" target="_blank" aria-label="Find coffee nearby">
                            <span class="fa fa-coffee library-hours__icon-style"></span>
                        </a>
                        {{else}}
                            <span class="fa fa-coffee library-hours__fa-blank"></span>
                        {{/if}}
                </div>
                <div class="col-sm-3">
                    <span class = "current-status library-hours__no-display">{{calendar.open}} false</span>
                    <span>{{calendar.nextSevenDays.0.hours.0.label}}</span>
                    <a class="library-hours__li-menu-down" data-toggle="collapse" href=#{{unit_id}} aria-expanded="false" aria-controls="collapseExample" aria-label="Library details"><i class="fa fa-angle-double-down library-hours__menu-down"></i>
                        <i class="fa fa-angle-double-up library-hours__menu-up"></i>
                    </a>
                </div>
            </div>
        </div>
        <div id = {{unit_id}} class="row collapse library-hours__collapse">
            <div class="col-sm-12">
                <div class="col-sm-4">
                    <p class="library-hours__collapse-description" style="text-align: left;">{{{description}}}</p>
                    <p style="text-align: center;">{{street_address}}</p>
                    <p style="text-align: center;">{{phone_number}}</p>
                </div>
                <div class="col-sm-4 library-hours__seven-days">
                    {{#if calendar}}
                    <p class="library-hours__center-text"> Next Seven Days </p>
                    <div id="seven-days-{{unit_id}}">
                        <div id="next-days{{unit_id}}">
                            {{#each calendar.nextSevenDays}}
                            <p class="library-hours__date-style">{{day}}:<span class="library-hours__date-hour-style">{{hours.0.label}}</span></p>
                                {{#if hours.1.label}}
                                    <p class="library-hours__date-style">&nbsp;<span class="library-hours__date-hour-style">{{hours.1.label}}</span></p>
                                {{/if}}
                            {{/each}}
                        </div>
                    </div>
                    <p class="library-hours__center-text" id="library-hours__unit-search-hours"> Search Hours </p>
                    <div class="row library-hours__hours-search">
                        <input type="date" aria-labelledby="library-hours__unit-search-hours" id="input-search-submit{{unit_id}}" required />
                        <input type="button" id="search-submit{{unit_id}}" unit_id={{unit_id}} value="Search"/>
                    </div>
                    {{/if}}
                </div>
                <div class="col-sm-4 library-hours__library-img">
                    <img class="library-hours__library-img-style" alt="{{unit_name}} Building" src= https://www.library.illinois.edu/assets/images/buildings/display/building_{{build_id}}.jpg>
                </div>
            </div>
        </div>
        <div class="child-row">
            {{#each child_units}}
            <div class="row library-hours__child-display-row">
                <div class="col-sm-12 library-hours__child-unit-row">
                    <div class="col-sm-1 library-hours__child-unit-row-col1"></div>
                    <div class="col-sm-5 library-hours__child-unit-row-col5">
                        <a href="{{weblinks}}">
                            <h5 class="library-hours__unit-name-header">{{unit_name}}</h5>
                        </a>
                    </div> <!-- col-sm-5 -->
                    <div class="col-sm-3 library-hours__child-unit-row-col3">
                        {{#if contact_email}}
                        <a href="mailto:{{contact_email}}" aria-label="Email library">
                            <span class="fa fa-envelope library-hours__icon-style"></span>
                        </a>
                        {{else}}
                            <span class="fa fa-envelope library-hours__fa-blank"></span>
                        {{/if}}
                        {{#if phone_number}}
                        <a href="tel:{{phone_number}}" aria-label="Phone library ">
                            <span class="fa fa-phone-square library-hours__icon-style"></span>
                        </a>
                        {{else}}
                            <span class="fa fa-phone-square library-hours__fa-blank"></span>
                        {{/if}}
                        {{#if map_url}}
                        <a href="{{map_url}}" target="_blank" aria-label="Map Location">
                            <span class="fa fa-map library-hours__icon-style"></span>
                        </a>
                        {{else}}
                            <span class="fa fa-map library-hours__fa-blank"></span>
                        {{/if}}
                        {{#if study_rooms}}
                        <div class="study-room-status library-hours__no-display">true false</div>
                        <a href="{{study_rooms}}" target="_blank" aria-label="Study rooms to reserve">
                            <span class="fa fa-users library-hours__icon-style"></span>
                        </a>
                        {{else}}
                            <div class="study-room-status library-hours__no-display">false</div>
                            <span class="fa fa-users library-hours__fa-blank"></span>
                        {{/if}}
                        {{#if scanner_info}}
                        <div class="scanner-status library-hours__no-display">true false</div>
                        <a href="{{scanner_info}}" target="_blank" aria-label="Scanner available">
                            <span class="fa fa-image library-hours__icon-style"></span>
                        </a>
                        {{else}}
                            <div class="scanner-status library-hours__no-display">false</div>
                            <span class="fa fa-image library-hours__fa-blank"></span>
                        {{/if}}
                        {{#if printer_info}}
                        <div class="printer-status library-hours__no-display">true false</div>
                        <a href="{{printer_info}}" target="_blank" aria-label="Color printer available">
                            <span class="fa fa-print library-hours__icon-style"></span>
                        </a>
                        {{else}}
                        <div class="printer-status library-hours__no-display">false</div>
                            <span class="fa fa-print library-hours__fa-blank"></span>
                        {{/if}}
                        {{#if nearby_bus_stops}}
                        <a href="{{nearby_bus_stops}}" target="_blank" aria-label="MTD bus routes">
                            <span class="fa fa-bus library-hours__icon-style"></span>
                        </a>
                        {{else}}
                            <span class="fa fa-bus library-hours__fa-blank"></span>
                        {{/if}}
                        {{#if nearby_coffee}}
                        <a href="{{nearby_coffee}}" target="_blank" aria-label="Find coffee nearby">
                            <span class="fa fa-coffee library-hours__icon-style"></span>
                        </a>
                        {{else}}
                            <span class="fa fa-coffee library-hours__fa-blank"></span>
                        {{/if}}
                </div>
                <div class="col-sm-3 library-hours__child-unit-row-col3">
                    <span class = "current-status library-hours__no-display">{{calendar.open}} false</span>
                    <span>{{calendar.nextSevenDays.0.hours.0.label}}</span>
                </div>
                </div>
            </div>
            {{/each}}
        </div>
    </div>
</div>
{{/each}}