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

{{ block content }}

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

    {{ if player.group.interactivity == "High" }}

        <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>
            You may say "help me with the budget decision" to receive help from the consultant.
        </p>


    {{ else }}

        <p>
            Managers usually gather information on the following topics before submitting a budget.
            You may use the suggested wording of questions, but you are also encouraged to ask them
            in your own words. <b>Please ask all questions at once. </b>
        </p>

          <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>

    {{ endif}}

{{ else}}

    {{ if group.interactivity == "High" }}

        <p></p>
        <p>
            Please respond to the manager’s question by copying and pasting the pre-prepared response below:

            <br><br> After evaluating historical budgets for comparable products and analyzing associated operational and market indicators, my estimated unit cost range for this production is 4–6 dimra.
This judgment reflects recurring cost patterns observed across prior projects and incorporates the relative stability and variability of key cost drivers. I considered the raw material inputs which are typically stable given dependable suppliers. Labor time per unit is usually consistent with standard production guidelines. Transportation costs generally follow regular seasonal patterns with minor adjustments. So my final recommendation is 4–6 dimra.

        </p>

        
    {{ else }}

        <p>
            Below is the prepared response that contain all the relevant information that the
            manager may ask about. Please copy and paste the response to the chat box and send it
            to the manager after receiving the questions.
        </p>

        <p>
            Response: Typical production costs are distributed within the 4–6 dimra range. These estimates are usually pretty reliable—about 8 out of 10 times, they’re on target. Occasionally, market shifts push costs outside the usual range. Raw material suppliers are generally dependable and keep things steady. Labor time per unit is typically stable and follows the usual production guidelines. Transportation costs usually follow a regular pattern throughout the year, with occasional minor seasonal adjustments.
        </p>

    {{ endif }}

{{ endif}}

{{ chat nickname=player.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 }}