JellySport/ProjectSourceCode/src/views/pages/clubs-page.hbs

<div class="container" id="club-page-body">
    <div class="container" id="club-stats-container">
        <div class="container" id="club-players-container">
            <h2>Players</h2>
            <ul id="players-list"></ul>
            <table id="players-table"  class = "table">
                    <thead>
                        <tr>
                            <th>Name</th>
                            <th>Position</th>
                            <th>DOB</th>
                            <th>Nationality</th>
       
                        </tr>
                    </thead>
                    <tbody>
                        {{#each club.squad}}
                        <tr>
                            <td>{{name}}</td>
                            <td>{{position}}</td>
                            <td>{{dateOfBirth}}</td>
                            <td>{{nationality}}</td>
                        </tr>
                        {{/each}}
                    </tbody>
                </table>
        </div>

        <!-- Container to Club Information -->
        <div class="information-container" id="club-information-container">
            <h2>Information</h2>
            <ul id="scorers-list"></ul>
            <table id="top-scorers-table" class = "table">
                <tbody>

                    <tr>
                        <td id = "club-crest">
                            <img src = {{club.crest}}>  
                        </td>
                    </tr>

                    <tr>
                        <td id = "club-area-flag-row">
                            <img id = "club-area-flag" src = {{club.area.club_flag}}>  
                        </td>
                    </tr>

                    <tr>
                        <td>
                            <span style="font-weight: bold;">Club Address:</span><br>
                            {{club.address}}
                        </td>
                    </tr>

                    <tr>
                        <td>
                            <span style="font-weight: bold;">Founded</span><br>
                            {{club.founded}}
                        </td>
                    </tr>
                    
                    <tr>
                        <td>
                            <span style="font-weight: bold;">Manager</span><br>
                            <span>Name           : {{club.coach.name}}</span><br>
                            <span>Nationality    : {{club.coach.nationality}}</span><br>
                            <span>DOB            : {{club.coach.dateOfBirth}}</span><br>
                            <span>contract start : {{club.coach.contract.start}}</span><br>
                            <span>contract end   : {{club.coach.contract.until}}</span><br>
                        </td>
                    </tr>
 
                </tbody>
            </table>

            <h2>Competitions</h2>
            <ul id="competitions-list"></ul>
            <table id="players-table"  class = "table">
                <thead>
                    <tr>
                        <th>Name</th>
                    </tr>
                </thead>
                <tbody>
                    {{#each club.runningCompetitions}}
                    <tr>
                        <td>{{name}}</td>
                    </tr>
                    {{/each}}
                </tbody>
            </table>
    </div>
</div>