<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Four Columns Page</title>
    <link rel="stylesheet" href="styles_index.css">
</head>
<body>

<div class="header" style="display: flex; justify-content: space-between; align-items: center; padding: 10px 20px;">
    <div style="text-align: left;">Longform Content Creator</div>
    <div>
        <a href="http://www.antenicenefathers.com/longform/1500" style="margin-right: 20px;">Plain Text</a>
        <a href="http://www.antenicenefathers.com/longform/1500/index_html.php">html</a>
    </div>
</div>

<div class="columns" style="display: flex;">
    <div class="first-column">
        <!-- Including content from controls.html -->
        <?php include 'templates/templates.php'; ?>
    </div>

    <div class="second-column">
        <center><img src="images/logo3.png" alt="" style="width:500px; height:500px;"></center>
    </div>

    <div class="third-column">
        <!-- Including content from display.php -->
        <?php include 'display.php'; ?>
    </div>

    <div class="fourth-column">
        <!-- Content for the new fourth column -->
        <div class="fourth-column">
    <!-- Button for Ai Check V1 -->
    <button id="aiCheckV1" type="button">Ai Check V1</button>
    
    <!-- Button for Ai Check V2 -->
    <button id="aiCheckV2" type="button">Ai Check V2</button>
    
    <!-- Field for Row ID -->
    <div>
        <label for="rowId">Row ID:</label>
        <input type="text" id="rowId" name="rowId" value="">
    </div>
</div>

    </div>
</div>

<div class="footer">
    <p>&copy; 2023 Your Company Name. All rights reserved.</p>
    <p>Address: 123 Street City Country</p>
    <p>Email: contact@yourcompany.com</p>
    <p>Phone: +123-456-7890</p>
</div>

</body>
</html>
