{% assign file = page.fileName %}
{% assign lang = page.lang %}
{% assign folder = page.folderName %}
{% assign accessData= site.data[folder][lang][file] %}
{% assign filesData= accessData.display_formats %}
{%- for i in filesData -%}
{%- assign item = i | downcase -%}
{%- assign fileData = site.data.files[lang][item] -%}
{%- assign static = site.static_files -%}
{%- if fileData.size>0 -%}
<div class="col-12">
    <h2 class="feature-h1 text-left my-4">{{fileData.Format}}</h2>
</div>
<table class="table  table-bordered ">
    <tbody>
        {%- if fileData.ShortName -%}
        <tr>
            <th scope="row" class="pr-5">Short Name </th>
            <td>{{fileData.ShortName}}</td>
        </tr>
        {%- endif -%}
        {%- if fileData.FullName -%}
        <tr>
            <th scope="row" class="pr-5">Full Name </th>
            <td>{{fileData.FullName}}</td>
        </tr>
        {%- endif -%}
        {%- if fileData.Category -%}
        <tr>
            <th scope="row" class="pr-5">Category</th>
            <td>{{fileData.Category}}</td>
        </tr>
        {%- endif -%}
        {%- if fileData.Pros -%}
        <tr>
            <th scope="row" class="pr-5">Pros</th>
            <td>{{fileData.Pros}}</td>
        </tr>
        {%- endif -%}
        {%- if fileData.Cons -%}
        <tr>
            <th scope="row" class="pr-5">Cons</th>
            <td>{{fileData.Cons}}</td>
        </tr>
        {%- endif -%}
        {%- if fileData.BasicInformation -%}
        <tr>
            <th scope="row" class="pr-5">Basic Information</th>
            <td>{{fileData.BasicInformation}}</td>
        </tr>
        {%- endif -%}
        {%- if fileData.DetailedInformation -%}
        <tr>
            <th scope="row" class="pr-5">Detailed Information</th>
            <td>{{fileData.DetailedInformation}}</td>
        </tr>
        {%- endif -%}
        {%- if fileData.Createdby and fileData.CreatedbyLink -%}
        <tr>
            <th scope="row" class="pr-5">Created by</th>
            <td> <a class="software-name" href="{{fileData.CreatedbyLink}}"> {{fileData.Createdby}}</a></td>
        </tr>
        {%- endif -%}

        {%- if fileData.CreatedInYear -%}
        <tr>
            <th scope="row" class="pr-5">Created In Year</th>
            <td>{{fileData.CreatedInYear}}</td>
        </tr>
        {%- if fileData.Softwaresused -%}
        <tr>
            <th scope="row">Platforms Supported</th>
            <td class="d-flex  flex-wrap ">
                {%- for item in fileData.Softwaresused -%}
                <ul class="pl-0 pr-md-5">
                    <li><b>{{item.platform}}</b> </li>
                    <div class="pl-0 d-flex flex-wrap justify-content-between softwares-section flex-column ">
                        {%- for data in item.softwares -%}
                        <div class="d-flex mb-3">
                            {%- if data.image -%}
                            <img src={{data.image}} alt="software" loading='lazy' {%- if site.crossorigin -%}
                                crossorigin {%- endif -%}>
                            {%- endif -%}
                            <div>
                                <a class="d-block software-name" href="{{data.link}}">
                                    <div>{{data.name}}</div>
                                </a>
                                <div class="software-value">{{data.type}}</div>
                            </div>
                        </div>
                        {%- endfor -%}
                    </div>
                </ul>
                {%- endfor -%}
            </td>
        </tr>
        {%- endif -%}
        {%- endif -%}
    </tbody>
</table>
{%- endif -%}
{%- endfor -%}