{% assign file = page.fileName %}
{% assign lang = page.lang %}
{% assign dataToShow = site.data.[page.folderName][lang][file] %}

<br>
<div class="container-fluid mx-0 article auto-gen-content">
    <div class="container">
        <div class="row mx-auto-0">
            <div class="col-md-8 mx-auto">
                <div class="pageHeading text-left mb-5">
                    <h1 class="content-heading pb-0 m-0">
                        {{dataToShow.h1}}</h1>
                    <br>
                    {%- if dataToShow.h2 -%}
                    <h2 class="mb-0" style="font-size: 1.4rem">
                        {{dataToShow.h2}}</h2>
                    {%- endif -%}
                </div>
                <div class="toc-list" id="toc_container table-of-content">
                    <!-- <h3 class="text-left">Table of contents</h3> -->
                    <div class="toc_list">
                        <span class="letter-word" style="font-size: 15px; font-weight: 600;">
                            {{dataToShow.letter | capitalize }}
                        </span>
                        <br>
                        <br>
                        <br>
                        <ul class="d-flex" style="flex-wrap:wrap; gap:10px">
                            {%- for letter in dataToShow.words-%}
                            {%- for item in letter -%}
                            <li class="tabledata list-{{forloop.index}}">
                                <a class="sameStyle" href="#{{item.word}}">
                                    {{item.word | capitalize }}
                                </a>
                            </li>
                            {%- endfor -%}
                            {%- endfor -%}
                        </ul>
                    </div>
                </div>
                <br>
                <div class="subHeading">
                    {%- if site.name == "wordswithletters" -%}
                    <h3 class="content_sub_heading">
                        Using our {{dataToShow.x}} letter words with letters , you can find following high
                        scoring words
                        using
                        {{dataToShow.letter | capitalize }}
                    </h3>
                    {%- endif -%}
                    {%- if site.name == "wordfinders" -%}
                    <h4 class="content_sub_heading">
                        Using our {{dataToShow.x}} letter Word Finder you can find the following high scoring words with
                        given letters
                        {{dataToShow.letter | capitalize }}
                    </h4>
                    {%- endif -%}
                    {%- if site.name == "wordscramblers" -%}
                    <h4 class="content_sub_heading">

                        All possible high scoring words from scrambled letters {{dataToShow.letter | capitalize }} which
                        you
                        can find
                        using our
                        unscramble {{dataToShow.x}}
                        letter tool are as following
                    </h4>
                    {%- endif -%}
                    {%- if site.name == "wordunscramblerss" -%}
                    <h4 class="content_sub_heading">
                        Following are the high scoring unscrambled words with the letters {{dataToShow.letter |
                        capitalize}}
                        which you
                        can find using
                        our {{dataToShow.x}}
                        letter word scramble
                    </h4>
                    {%- endif -%}
                </div>
                <div class="listofwords">
                    {%- for letter in dataToShow.words-%}
                    {%- for item in letter -%}
                    <div class="wordsdata" id="{{item.word}}">
                        <h3 class="word-heading">
                           
                            {{dataToShow.wordLength }}
                        </h3>
                        <p class="word-title">
                            {{item.word | capitalize }}
                        </p>
                        <ul class="word-details">
                            <li class="wordsDetails">{{item.scrabble}}</li>
                            <li class="wordsDetails">{{item.wordswithfriend}}</li>
                        </ul>
                    </div>
                    {%- endfor -%}
                    {%- endfor -%}
                    <div class="wordsdata" style="font-size: 15px;">
                       {{item.conclusion}} 
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>