{% assign file = page.fileName %} {% assign lang = page.lang %} {% assign folder = page.folderName %} {% assign accessData= site.data[lang] %} {% assign filesData= accessData.display_formats %}

{%- for i in filesData -%}
{%- assign item = i | downcase -%}
    {%- assign fileData = site.data.files[accessData.filelang][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' >
                              {%- 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 -%}