{{ extends 'global/Page.html' }}
{{ block title }}Chat{{ endblock }}

{{ block content }}

{{ if player.role == C.MANAGER_ROLE}}

        <style>
    /* Optional: Disable text selection via CSS */
    body {
        user-select: none; /* Prevents text highlighting */
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }
        </style>

<script>
    // Disable right-click context menu
    document.addEventListener('contextmenu', function (e) {
        e.preventDefault();
        alert("Right-click is disabled on this page.");
    });

    // Disable copy
    document.addEventListener('copy', function (e) {
        e.preventDefault();
        alert("Copying is disabled on this page.");
    });

    // Disable paste
    document.addEventListener('paste', function (e) {
        e.preventDefault();
        alert("Pasting is disabled on this page.");
    });

    // Disable cut
    document.addEventListener('cut', function (e) {
        e.preventDefault();
        alert("Cutting is disabled on this page.");
    });
</script>

        <p>
            Managers usually learn more about <u><strong>all</strong></u> of the following topics before submitting a budget. The following questions are based on recent data from budgets prepared for similar products. 
            <br> <br>  Please type your question in this textbox based on the suggested questions. Please type one question at a time.
        </p>
 <br> 
  <ul>
    <li><strong>Typical Cost Range</strong>
      <ul>
        <li>What’s the usual cost per unit?</li>
      </ul>
    </li>

    <li><strong>Reliability of Estimates</strong>
      <ul>
        <li>How have actual production costs compared with estimates?</li>
      </ul>
    </li>


    <li><strong>Market Volatility</strong>
      <ul>
        <li>How would market conditions affect these costs?</li>
      </ul>
    </li>

        <li><strong>Raw Material Suppliers</strong>
      <ul>
        <li> How reliable are the raw material suppliers?</li>
      </ul>
    </li>

        <li><strong>Labor Cost</strong>
      <ul>
        <li> How is the labor cost?</li>
      </ul>
    </li>
          <li><strong>Transportation Cost</strong>
      <ul>
        <li> How is the transportation cost?</li>
      </ul>
    </li>
  </ul>

   

{{ else}}

   

        <p></p>
        <p>
            Below are the prepared responses for the six topics that the manager may ask about.
            Please copy and paste the corresponding response to the chat box and send it to the
            manager after receiving each question. <br><br> Please stay on the page until the manager finishes asking questions, you will receive a notification when the chat ends. 
        </p>

        <ul>
            <li><strong>Typical Cost Range</strong> (What’s the usual cost per unit?)
                <ul>
                    Response: Typical production costs are distributed within the 40–60 dimra range. For the current period, it is likely to be 50 dimra. 
                </ul>
            </li>

            <li><strong>Reliability of Estimates</strong> (How have actual production costs compared with estimates?)
                <ul>
                    <li>
                        Response: These estimates are usually pretty reliable— About 8 out of 10 times, they’re on target.
                    </li>
                </ul>
            </li>

            <li><strong>Market Volatility</strong> (Could market conditions affect these costs?)
                <ul>
                    <li>Response: Occasionally, market shifts push costs outside the usual range.</li>
                </ul>
            </li>

            <li><strong>Raw Material Suppliers</strong> (How reliable are the raw material suppliers?)
                <ul>
                    <li>
                        Response: Suppliers are generally dependable and keep things steady.
                    </li>
                </ul>
            </li>

            <li><strong>Labor Cost </strong> (How is the labor cost?)
                <ul>
                    <li>Response: Labor time per unit is typically stable and follows the usual production guidelines.</li>
                </ul>
            </li>
            <li><strong>Transportation Cost  </strong> (How is the transportation cost?)
                <ul>
                    <li>Response: Transportation costs usually follow a regular pattern throughout the year, with occasional minor seasonal adjustments.</li>
                </ul>
            </li>
        </ul>

    
{{ endif}}

{{ chat nickname=player.participant.assigned_role }}

<button id="end-btn">End Chat</button>

{{ endblock }}

{{ block styles }}
{{ endblock }}

{{ block scripts }}

<script>
    window.liveRecv = function(data) {
        if (data.type === "partner_ended") {
            const box = document.querySelector(".otree-chat__messages") || document.body;
            box.insertAdjacentHTML(
                "beforeend",
                `<div style="color:gray;margin-top:0.5em;">${data.text}</div>`
            );
        }
    };

    document.getElementById("end-btn").onclick = function() {
        // disable button locally
        this.disabled = true;
        this.textContent = "Submitting...";

        // notify partner
        liveSend({ type: "end" });

        // submit page immediately
        const form = document.getElementById("form");
        if (form) form.submit();
    };
</script>
{{ endblock }}