{% extends 'base.html' %}

{% block content %}
{% include 'rapor/rapor_nawbar_bst.html' %}

<div class="container mt-4">
    <div class="d-flex justify-content-center mb-4 gap-2">
        <a href="?filtre=bugun" class="btn btn-outline-primary {% if secili_filtre == 'bugun' %}active{% endif %}">Bugün</a>
        <a href="?filtre=son7gun" class="btn btn-outline-primary {% if secili_filtre == 'son7gun' %}active{% endif %}">Son 7 Gün</a>
        <a href="?filtre=buay" class="btn btn-outline-primary {% if secili_filtre == 'buay' %}active{% endif %}">Bu Ay</a>
        <form method="get" class="row g-2 mb-4 justify-content-center">
          <input type="hidden" name="filtre" value="{{ secili_filtre }}">
          <div class="col-auto">
            <select name="musteri" class="form-select" onchange="this.form.submit()">
              <option value="">Tüm Müşteriler</option>
              {% for m in tum_musteriler %}
                <option value="{{ m }}" {% if aktif_musteri == m %}selected{% endif %}>{{ m }}</option>
              {% endfor %}
            </select>
          </div>
          <div class="col-auto">
            <select name="urun" class="form-select" onchange="this.form.submit()">
              <option value="">Tüm Ürünler</option>
              {% for u in tum_urunler %}
                <option value="{{ u }}" {% if aktif_urun == u %}selected{% endif %}>{{ u }}</option>
              {% endfor %}
            </select>
          </div>
        </form>
    </div>

    <h2 class="mb-4 text-center">Üretim Raporları</h2>
    <div class="row">
        <!-- 1. Günlük Üretim -->
        <div class="col-md-6 mb-4">
            <div class="card shadow-sm">
                <div class="card-body">
                    <h5 class="card-title text-center">1. Günlük Üretim</h5>
                    {% if gunluk_uretim|length > 0 %}
                      <canvas id="gunlukUretimChart" height="300"></canvas>
                      <p class="text-center mt-3 fw-bold text-primary">
                        Toplam Üretim: {{ toplam_uretim_miktari|floatformat:0 }} adet
                      </p>
                    {% else %}
                      <p class="text-center text-muted">Gösterilecek veri bulunamadı.</p>
                    {% endif %}
                </div>
            </div>
        </div>

        <!-- 2. Günlük Net Kâr -->
        <div class="col-md-6 mb-4">
            <div class="card shadow-sm">
                <div class="card-body">
                    <h5 class="card-title text-center">2. Günlük Net Kâr</h5>
                    {% if kar_tablosu|length > 0 %}
                      <canvas id="gunlukKarChart" height="300"></canvas>
                      <p class="text-center mt-3 fw-bold text-success">
                        Toplam Net Kâr: {{ toplam_net_kar|floatformat:2 }} €
                      </p>
                    {% else %}
                      <p class="text-center text-muted">Gösterilecek veri bulunamadı.</p>
                    {% endif %}
                </div>
            </div>
        </div>

        <!-- 3. Müşteri Bazlı Ciro -->
        <div class="col-md-6 mb-4">
            <div class="card shadow-sm">
                <div class="card-body">
                    <h5 class="card-title text-center">3. Müşteri Bazlı Ciro</h5>
                    {% if musteri_ciro_listesi|length > 0 %}
                      <canvas id="musteriCiroChart" height="300"></canvas>
                      <p class="text-center mt-3 fw-bold text-warning">
                        Toplam Ciro: {{ toplam_musteri_cirosu|floatformat:2 }} €
                      </p>
                    {% else %}
                      <p class="text-center text-muted">Gösterilecek veri bulunamadı.</p>
                    {% endif %}
                </div>
            </div>
        </div>

        <!-- 4. Müşteri Bazlı Üretim -->
        <div class="col-md-6 mb-4">
            <div class="card shadow-sm">
                <div class="card-body">
                    <h5 class="card-title text-center">4. Müşteri Bazlı Üretim</h5>
                    {% if musteri_uretim|length > 0 %}
                      <canvas id="musteriUretimChart" height="300"></canvas>
                      <p class="text-center mt-3 fw-bold text-info">
                        Toplam Müşteri Üretimi: {{ toplam_musteri_uretimi|floatformat:0 }} adet
                      </p>
                    {% else %}
                      <p class="text-center text-muted">Gösterilecek veri bulunamadı.</p>
                    {% endif %}
                </div>
            </div>
        </div>

        <!-- 5. Müşteri Bazlı Net Kâr -->
        <div class="col-md-6 mb-4">
          <div class="card shadow-sm">
            <div class="card-body">
              <h5 class="card-title text-center">5. Müşteri Bazlı Net Kâr</h5>
              {% if musteri_kar_listesi|length > 0 %}
                <canvas id="musteriKarChart" height="300"></canvas>
                <p class="text-center mt-2 text-muted" style="font-size:.9em">
                  Not: Sabit merkezi giderler dikkate alınmamıştır.
                </p>
                <p class="text-center mt-2 fw-bold text-danger">
                  Toplam Müşteri Net Kârı: {{ toplam_musteri_kari|floatformat:2 }} €
                </p>
              {% else %}
                <p class="text-center text-muted">Gösterilecek veri bulunamadı.</p>
              {% endif %}
            </div>
          </div>
        </div>
    </div>
</div>

<!-- Chart.js -->
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2"></script>
<script>
const gunlukUretimData   = {{ gunluk_uretim|safe }};
const karTablosu         = {{ kar_tablosu|safe }};
const musteriCiro        = {{ musteri_ciro_listesi|safe }};
const musteriUretim      = {{ musteri_uretim|safe }};
const musteriKarListesi  = {{ musteri_kar_listesi|safe }};

function drawBarChart(id, labels, data, label, colorFn=null) {
  new Chart(document.getElementById(id), {
    type: 'bar',
    data: {
      labels: labels,
      datasets: [{
        label: label,
        data: data,
        backgroundColor: colorFn ? data.map(colorFn) : 'rgba(13,110,253,.7)'
      }]
    },
    plugins:[ChartDataLabels],
    options:{
      responsive:true,
      scales:{y:{beginAtZero:true}},
      plugins:{
        datalabels:{
          anchor:'end', align:'start',
          formatter:v=>v.toLocaleString('tr-TR',{maximumFractionDigits:2}),
          color:'#000', font:{weight:'bold',size:11}
        }
      }
    }
  });
}

/* 1. Günlük Üretim */
if (gunlukUretimData.length)
  drawBarChart('gunlukUretimChart',
    gunlukUretimData.map(x=>x.uretim_tarihi),
    gunlukUretimData.map(x=>x.toplam_miktar),
    'Günlük Üretim (adet)'
  );

/* 2. Günlük Net Kâr */
if (karTablosu.length)
  drawBarChart('gunlukKarChart',
    karTablosu.map(x => x.tarih),
    karTablosu.map(x => x.net_kar),
    'Günlük Net Kâr (€)',
    v => parseFloat(v) < 0 ? 'rgba(220,53,69,.7)' : 'rgba(13,110,253,.7)'
  );

/* 3. Müşteri Bazlı Ciro */
if (musteriCiro.length)
  drawBarChart('musteriCiroChart',
    musteriCiro.map(x=>x.musteri_adi),
    musteriCiro.map(x=>x.toplam_ciro),
    'Müşteri Bazlı Ciro (€)'
  );

/* 4. Müşteri Bazlı Üretim */
if (musteriUretim.length)
  drawBarChart('musteriUretimChart',
    musteriUretim.map(x=>x.musteri_adi),
    musteriUretim.map(x=>x.toplam_miktar),
    'Müşteri Bazlı Üretim'
  );

/* 5. Müşteri Bazlı Net Kâr */
if (musteriKarListesi.length)
  drawBarChart('musteriKarChart',
    musteriKarListesi.map(x=>x.musteri_adi),
    musteriKarListesi.map(x=>x.net_kar),
    'Müşteri Bazlı Net Kâr (€)',
    v => parseFloat(v) < 0 ? 'rgba(220,53,69,.7)' : 'rgba(13,110,253,.7)'
  );
</script>
{% endblock %}