<div class="form form-profile aif" style='width:auto; font-family:Montserrat-Light, Open-sans, sans-serif;'>
    <h2 style="margin-top:0px;">
        Square Variations - Hide Tool
    </h2>
    
    <a href="/inventory" title="Quick Overview">Click here for a Quick Overview &raquo;</a> | 
    
    <a href="/api/webservices/shop/import_local_products_inventory" title="Import/Update">Import/Update Variations &raquo;</a>
    
    <br /><br />
    
    <table class="admintable" style="margin:10px; width:97% !important; min-width:97% !important;">
        <tr>
            
            <th width="155">PARENT</th>  
            <th width="200">VARIATION</th> 
            <th width="70">EDIT</th>
            <th width="100">@ LOCATIONS</th>        
            
            <th width="35">ID</th>
        </tr>
        <?php
        foreach ($squarevariations as $squarevariation) {
            echo "<tr>            
            
            <td style='padding:10px;'>{$squarevariation['parent_name']}<br />
                               <span style='color:#bbb; font-size:10px;'>{$squarevariation['square_item_id']}</span>
            </td>      
            <td style='padding:10px;'>{$squarevariation['name']} - <a href='?square_var&edit={$squarevariation['id']}' target='_blank'>edit</a><br />
                              <span style='color:#bbb;'>{$squarevariation['square_item_variation_id']}</span>
            </td>
            <td style='padding:10px; text-align:center;'><a href='?square_var&edit={$squarevariation['id']}' target='_blank'>edit</a></td>
            <td style='padding:10px; word-wrap: break-word; max-width:300px;'>{$squarevariation['at_locations']}</td>
            <td style='padding:10px; text-align:center;'>{$squarevariation['id']}</td>
                
            </tr>";
        }
        ?>
    </table>
    
    <div style="margin:10px;">
        <a href='?square_var&add' class='btn btn-blue'>Add New</a>
    </div>
                            
</div>