{% 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[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.CreatedbyName -%}
               <tr >
                <th scope="row" class="pr-5">Created by</th>
                <td>{{fileData.CreatedbyName}}</td>
            </tr>
               {%- endif -%}
              {%- if  fileData.CreatedbyLink -%}
              <tr >
                <th scope="row" class="pr-5">Created by Link</th>
                <td>{{fileData.CreatedbyLink}}</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 -%}