{% extends "global/Page.html" %}
{% load otree %}



{% block title %}
    Üretim Detayları
{% endblock %}


{% block content %}
    <style>
        body {
            background-image : url("{{ static 'pexels-gabriela-palai-395198.jpg' }}")
        }
        p1 {
            font-weight : bold;
        }
    .chat-widget {
        position: fixed;
        bottom: 0px;
        left: 0px;
        max-width: 50em;
        z-index: 100;
        background-color: #eee;
        padding: 1em;
    }

    </style>
<div class="chat-widget">
    <b>Chat with your group</b>
    {{ chat }}
</div>
    <p1> Adınız Soyadınız : </p1> {{ ogrenci_ismi }}  <br>

    <p1>    Öğrenci Numaranız : </p1> {{ Player_ID }}  <br>

    <p1>    Üretim Kapasiteniz : </p1> {{ player_capacity }}  <br>

    <p1>    Tur Başlangıcındaki Paranız : </p1> ${{ player_fund }}   <br>

    <p1>    Tur Başlangıcındaki Stok Miktarınız : </p1> {{ player_inventory }}   <br>

    <br>

    <h4>  Kaç adet ürün üreteceğinizi ve kapasite artış miktarınızı giriniz. </h4> <br>

    Ekranda herhangi bir yere tıkladığınızda pop-up penceresi olarak girdiğiniz değerin tur sonundaki maliyeti belirecektir. <br>

    Üretim kapasitenizden daha fazla üretemezsiniz. <br>

     {{ for field in C.a_fields }}
        {{ formfield field }}
    {{ endfor}}
    <p1>  Not: </p1> Üretim kapasitesi artışı 2x^2 formülü ile ücretlendirilmektedir. x, kapasitedeki artış miktarını temsil eder. <br>
    <br>
    <h4>  Ürün gönderimi yapacağınız marketleri işaretleyiniz. Birden fazla marketi seçebilirsiniz. </h4>
        {{ for field in C.market_fields }}
            {{ formfield field }}
        {{ endfor}}
    <script>
            function calc() {
        let sum = parseInt(js_vars.fixed_production_cost) + parseInt(formInputs.uretim_miktari.value) * parseInt(js_vars.variable_production_cost)   ;
        let fixed = parseInt(js_vars.fixed_production_cost);
        let variable = parseInt(js_vars.variable_production_cost)

        alert(` Sabit Üretim Maliyeti : ${fixed}$
        Birim Başına Üretim Maliyeti : ${variable}$
        Toplam Üretim Maliyeti : ${sum}$`);
        }
        formInputs.uretim_miktari.onchange = calc;
                function calc_2() {
        let sum = parseInt(formInputs.uretim_kapasite_artisi.value) * parseInt(formInputs.uretim_kapasite_artisi.value) * 2   ;
        alert(`Üretim Kapasitesi Artış Maliyeti : ${sum}$`);
        }
        formInputs.uretim_kapasite_artisi.onchange = calc_2;
    </script>
        {% next_button %}


    <a href='https://www.freepik.com/vectors/background-collection'>Background collection vector created by starline - www.freepik.com</a>
    {{ include C.PAPERCUPS_TEMPLATE }}
{% endblock %}