templates/admin/sales/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.     {% trans %}
  5.         sales
  6.     {% endtrans %}
  7. {% endblock %}
  9. {% block head %}
  10.     <style>
  11.         /* Keep all form elements at 12px on this page */
  12.         select, textarea, button { font-size: 12px !important; }
  13.         .form-control, .custom-select { font-size: 12px !important; }
  14.         /* Select2 text sizes */
  15.         .select2-container .select2-selection__rendered,
  16.         .select2-results__option,
  17.         .select2-container .select2-search__field { font-size: 12px !important; }
  18.         #adder-allocated-quantity,
  19.         #adder-quantity-unit {
  20.             vertical-align: middle;
  21.         }
  23.         .product-select-cell {
  24.             max-width: 250px;
  25.             /* Hücrenin alabileceği maksimum genişlik. İstediğiniz gibi ayarlayın. */
  26.             white-space: nowrap;
  27.             overflow: hidden;
  28.             text-overflow: ellipsis;
  29.         }
  31.         /* Ekleme Satırı Stilleri */
  32.         #adder-row {
  33.             background-color: #f8f9fa;
  34.             /* Hafif gri arkaplan */
  35.         }
  37.         #adder-row td {
  38.             vertical-align: middle;
  39.             padding: 0.25rem; /* Boşluk azaltıldı */
  40.             border-top: 2px dashed #e3e6f0;
  41.         }
  43.         /* Adder satırında hücreler arası yatay boşluğu minimuma indir */
  44.         #adder-row .input-group { margin-right: 4px; }
  45.         #adder-row .btn-icon, #adder-row .btn { margin-right: 4px; }
  47.         /* Yeni Card Header Stili */
  48.         .bg-light-blue {
  49.             background-color: #f0f3ff !important;
  50.             /* Hafif mavi arkaplan */
  51.         }
  53.         #product-list-table-tbody input {
  54.             /*border: none;*/
  55.             /*padding: 0;*/
  56.             /*margin: 0;*/
  57.             background-color: white;
  58.         }
  60.         .info-span {
  61.             color: red;
  62.             font-weight: bold;
  63.         }
  65.         .cost-detail-button {
  66.             color: blue;
  67.             font-width: bold;
  68.             border: none;
  69.             background-color: transparent;
  70.         }
  72.         .attention-icon {
  73.             display: inline-block;
  74.             vertical-align: middle;
  75.             margin-left: 5px;
  76.             font-size: 16px;
  77.             color: red;
  78.             font-weight: bold;
  79.         }
  81.         .quantity-input-added {
  82.             width: 60px;
  83.         }
  85.         .select2-container {
  86.             width: 100% !important;
  87.             /* Genişlik uyumluluğu için */
  88.         }
  90.         /* En kritik CSS düzeltmesi olmasa da, z-index çakışmalarına karşı bir güvencedir.
  91.            Asıl çözüm JavaScript'tedir. */
  92.         .select2-container--open {
  93.             z-index: 1056 !important;
  94.         }
  96.         .select2-container {
  97.             width: 100% !important;
  98.         }
  100.         .select2-container--open {
  101.             z-index: 1056 !important;
  102.         }
  104.         .select2-container--bootstrap4 .select2-selection--single
  105.         {
  106.             padding: .50rem !important;
  107.         }
  109.         .select2-container .select2-selection--single {
  110.             height: 28px !important;
  111.         }
  113.         /* === SEÇİM KARTLARI İÇİN CSS === */
  115.         .selection-card-label {
  116.             display: block;
  117.             cursor: pointer;
  118.             width: 100%;
  119.         }
  121.         .selection-card {
  122.             border: 2px solid #e3e6f0;
  123.             border-radius: 0.5rem;
  124.             padding: 0.50rem;
  125.             transition: all 0.2s ease-in-out;
  126.             display: flex;
  127.             justify-content: center;
  128.             align-items: center;
  129.             width: 100%;
  130.         }
  132.         /* Kartın üzerine gelindiğinde (hover) */
  133.         .selection-card:hover {
  134.             border-color: #4e73df;
  135.             transform: translateY(-2px);
  136.             /* Hafif yukarı kalkma efekti */
  137.             box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  138.         }
  140.         /* Kart içindeki başlık (Fatura, Proforma) */
  141.         .selection-title {
  142.             font-size: 1.1rem;
  143.             font-weight: 500;
  144.             color: #5a5c69;
  145.             transition: color 0.2s ease-in-out;
  146.         }
  148.         /* Onay işareti (başlangıçta gizli) */
  149.         .checkmark {
  150.             font-size: 1.25rem;
  151.             color: #4e73df;
  152.             opacity: 0;
  153.             transform: scale(0.5);
  154.             transition: all 0.2s ease-out;
  155.             margin-left: 0.75rem;
  156.         }
  158.         /* SEÇİM YAPILDIĞINDAKİ STİLLER */
  160.         /* CSS :has() seçicisi ile, içindeki radio input seçili olan etiketin kartını stillendiriyoruz. */
  161.         .selection-card-label:has(input[type="radio"]:checked) .selection-card {
  162.             border-color: #4e73df;
  163.             background-color: #f0f3ff;
  164.         }
  166.         /* Seçili kartın başlık rengini değiştir */
  167.         .selection-card-label:has(input[type="radio"]:checked) .selection-title {
  168.             color: #4e73df;
  169.             font-weight: 600;
  170.         }
  172.         /* Seçili kartın onay işaretini görünür yap */
  173.         .selection-card-label:has(input[type="radio"]:checked) .checkmark {
  174.             opacity: 1;
  175.             transform: scale(1);
  176.         }
  178.         /* Bilgi satırı için stil */
  179.         #info-details-content {
  180.             background-color: #f1faff;
  181.             /* Hafif mavi arka plan */
  182.             border-bottom: 2px dashed #e3e6f0;
  183.             /* Altına kesikli çizgi ekler */
  184.         }
  185.         .info-details-content-class {
  186.             background-color: #f1faff;
  187.             /* Hafif mavi arka plan */
  188.             border-bottom: 2px dashed #e3e6f0;
  189.             /* Altına kesikli çizgi ekler */
  190.         }
  191.         /* Make product table full-width and remove right gaps */
  192.         .card-body > .table-responsive { padding-right: 0; }
  193.         #product-list-table { width: 100% !important; table-layout: fixed; }
  194.         #product-list-table th, #product-list-table td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  195.         #product-list-table .product-select-cell select { width: 100%; }
  196.         /* Adjust specific column widths to fit viewport */
  197.         .summary-row td {
  198.             border-top: none;
  199.             background-color: #f8f9fc;
  200.             padding: 0;
  201.         }
  203.         .sale-summary-row {
  204.             display: flex;
  205.             justify-content: flex-end;
  206.             align-items: center;
  207.             gap: 12px;
  208.             padding: 0.35rem 0.75rem;
  209.             border-radius: 0.35rem;
  210.             margin-right: 1.5rem;
  211.         }
  213.         .sale-summary-row .summary-label {
  214.             font-weight: 600;
  215.             color: #4b5563;
  216.             white-space: nowrap;
  217.         }
  219.         .sale-summary-row .summary-value {
  220.             font-weight: 700;
  221.             color: #111827;
  222.             text-align: right;
  223.             min-width: 120px;
  224.             white-space: nowrap;
  225.         }
  227.         .sale-summary-row.summary-tax .summary-label,
  228.         .sale-summary-row.summary-tax .summary-value {
  229.             display: flex;
  230.             flex-direction: column;
  231.             align-items: flex-end;
  232.             gap: 4px;
  233.         }
  235.         .sale-summary-row.summary-tax .summary-label div,
  236.         .sale-summary-row.summary-tax .summary-value div {
  237.             white-space: nowrap;
  238.         }
  240.         .sale-summary-row.summary-total .summary-value {
  241.             font-size: 1.25rem;
  242.         }
  244.         #product-list-table th:nth-child(1), #product-list-table td:nth-child(1) { width: 5%; }
  245.         #product-list-table th:nth-child(2), #product-list-table td:nth-child(2) { width: 25%; }
  246.         #product-list-table th:nth-child(3), #product-list-table td:nth-child(3) { width: 10%; }
  247.         #product-list-table th:nth-child(4), #product-list-table td:nth-child(4) { width: 10%; }
  248.         #product-list-table th:nth-child(5), #product-list-table td:nth-child(5) { width: 10%; }
  249.         #product-list-table th:nth-child(6), #product-list-table td:nth-child(6) { width: 8%; }
  250.         #product-list-table th:nth-child(7), #product-list-table td:nth-child(7) { width: 8%; }
  251.         #product-list-table th:nth-child(8), #product-list-table td:nth-child(8) { width: 15%; }
  252.         #product-list-table th:nth-child(9), #product-list-table td:nth-child(9) { width: 9%; }
  253.     </style>
  254. {% endblock %}
  256. {% block body %}
  257.     <div class="container-fluid m-0 p-0">
  258.         <div class="card shadow mb-4">
  259.             <div class="card-header py-3 d-flex justify-content-between align-items-center">
  260.                 <div class="btn-group" role="group">
  262.                     <div class="d-md-none">
  263.                         <div class="dropdown">
  264.                             <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  265.                                 {% trans %} actions {% endtrans %}
  266.                             </button>
  267.                             <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  268.                                 <button type="button" class="dropdown-item" data-toggle="modal" data-target="#payments-modal">
  269.                                     <i class="fas fa-money-check-alt mr-1"></i>
  270.                                     {% trans %}payments{% endtrans %}
  271.                                 </button>
  272.                                 <button type="button" data-toggle="modal" data-target="#add-customer-modal" class="dropdown-item">
  273.                                     <i class="fas fa-user-plus mr-1"></i>
  274.                                     {% trans %}addCustomer{% endtrans %}
  275.                                 </button>
  276.                                 <button type="button" class="dropdown-item js-edit-customer">
  277.                                     <i class="fas fa-user-edit mr-1"></i>
  278.                                     {% trans %}editCustomer{% endtrans %}
  279.                                 </button>
  280.                                 <button type="button" class="dropdown-item" id="btn-gift-voucher-mobile">
  281.                                     <i class="fas fa-gift mr-1"></i>
  282.                                     {{ 'giftVoucher'|trans }}
  283.                                 </button>
  284.                             </div>
  285.                         </div>
  286.                     </div>
  288.                     <div class="d-none d-md-block">
  289.                         <div class="btn-group" role="group">
  290.                             <button type="button" class="btn btn-outline-secondary" data-toggle="modal" data-target="#payments-modal">
  291.                                 <i class="fas fa-money-check-alt mr-1"></i>
  292.                                 {% trans %}payments{% endtrans %}
  293.                             </button>
  294.                             <button type="button" data-toggle="modal" data-target="#add-customer-modal" class="btn btn-outline-secondary">
  295.                                 <i class="fas fa-user-plus mr-1"></i>
  296.                                 {% trans %}addCustomer{% endtrans %}
  297.                             </button>
  298.                             <button type="button" class="btn btn-outline-secondary js-edit-customer">
  299.                                 {% trans %}editCustomer{% endtrans %}
  300.                             </button>
  301.                             <button type="button" class="btn btn-outline-secondary" id="btn-gift-voucher" title="{{ 'useGiftVoucher'|trans }}">
  302.                                 <i class="fas fa-gift mr-1"></i>
  303.                                 {{ 'giftVoucher'|trans }}
  304.                             </button>
  305.                         </div>
  306.                     </div>
  308.                 </div>
  310.                 <button type="button" id="submitbtn" class="btn btn-success">
  311.                     <i class="fas fa-save mr-1"></i>
  312.                     {% trans %}
  313.                         save
  314.                     {% endtrans %}
  315.                 </button>
  316.             </div>
  317.             <div class="card-body">
  318.                 {# FATURA VE PROFORMA SEÇENEKLERİ #}
  319.                 <div class="form-group">
  320.                     <label class="form-label font-weight-bold">{{ 'salesType'|trans }}</label>
  321.                     <div class="row">
  322.                         {# Fatura Seçeneği #}
  323.                         <div class="col-md-6">
  324.                             <label class="selection-card-label">
  325.                                 <input type="radio" name="salesType" class="d-none" value="invoice">
  326.                                 <div class="selection-card">
  327.                                     <span class="selection-title">{% trans %}invoice{% endtrans %}</span>
  328.                                     <i class="fas fa-check-circle checkmark"></i>
  329.                                 </div>
  330.                             </label>
  331.                         </div>
  333.                         {# Proforma Seçeneği #}
  334.                         <div class="col-md-6">
  335.                             <label class="selection-card-label">
  336.                                 <input type="radio" name="salesType" class="d-none" value="proforma" checked>
  337.                                 <div class="selection-card">
  338.                                     <span class="selection-title">{% trans %}proforma{% endtrans %}</span>
  339.                                     <i class="fas fa-check-circle checkmark"></i>
  340.                                 </div>
  341.                             </label>
  342.                         </div>
  343.                     </div>
  344.                 </div>
  345.                 <div style="margin-bottom: 10px">
  346.                     {# SATIŞ FORMU başlangıç #}
  347.                     {{ form_start(form) }}
  348.                     <div class="">
  349.                         <div class="row">
  350.                             <div class="col-lg-6 col-md-12">
  351.                                 {{ form_row(form.totalPurchasePrice) }}
  352.                                 {{ form_row(form.status) }}
  353.                             </div>
  354.                             <div class="col-lg-6 col-md-12">
  355.                                 {{ form_row(form.customer) }}
  356.                                 {{ form_row(form.seller) }}
  357.                             </div>
  358.                         </div>
  359.                         <div class="row">
  360.                             <div class="col-lg-3 col-md-6">{{ form_row(form.salesDate) }}</div>
  361.                             <div class="col-lg-3 col-md-6">{{ form_row(form.deliveryDate) }}</div>
  362.                             <div class="col-lg-3 col-md-6">{{ form_row(form.dueDate) }}</div>
  363.                             <div class="col-lg-3 col-md-6">{{ form_row(form.validDate) }}</div>
  364.                         </div>
  365.                     </div>
  366.                     {# SATIŞ FORMU bitiş #}
  368.                     {# Ödemeler Tablosu modal #}
  369.                     <div class="modal fade" id="payments-modal" role="dialog" aria-labelledby="paymentsModalLabel" aria-hidden="true">
  370.                         <div class="modal-dialog modal-xl" role="document">
  371.                             <div class="modal-content">
  372.                                 <div class="modal-header">
  373.                                     <h5 class="modal-title" id="paymentsModalLabel">{% trans %}payments{% endtrans %}</h5>
  374.                                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  375.                                         <span aria-hidden="true">&times;</span>
  376.                                     </button>
  377.                                 </div>
  378.                                 <div class="modal-body">
  379.                                     <div class="card mb-1">
  380.                                         <div class="card-header d-flex align-items-center justify-content-between">
  381.                                             <div>
  382.                                                 <h5 class="mb-0">{% trans %}payments{% endtrans %}</h5>
  383.                                                 <div style="float: left; width: 250px">
  384.                                                     {% trans %}total{% endtrans %}:
  385.                                                     <span id="total-amount-span"></span>
  386.                                                     {% trans %}remainingAmount{% endtrans %}:
  387.                                                     <span id="remainder-amount-span"></span>
  388.                                                 </div>
  389.                                             </div>
  390.                                             <button class="btn btn-primary" type="button" id="btn-addPayment" data-toggle="modal" data-target="#add-payment-modal">
  391.                                                 {% trans %}addPayment{% endtrans %}
  392.                                             </button>
  393.                                         </div>
  394.                                         <div class="card-body">
  395.                                             <div>
  396.                                                 <table class="table" id="payment-list-table">
  397.                                                     <thead>
  398.                                                     <tr>
  399.                                                         <th>{% trans %}amount{% endtrans %}</th>
  400.                                                         <th>{% trans %}status{% endtrans %}</th>
  401.                                                         <th>{% trans %}paymentDate{% endtrans %}</th>
  402.                                                         <th>{% trans %}dueDate{% endtrans %}</th>
  403.                                                         <th>{% trans %}paymentMethod{% endtrans %}</th>
  404.                                                         <th>{% trans %}description{% endtrans %}</th>
  405.                                                         <th>&nbsp;</th>
  406.                                                     </tr>
  407.                                                     </thead>
  408.                                                     <tbody id="payment-list-table-tbody"></tbody>
  409.                                                 </table>
  410.                                             </div>
  411.                                         </div>
  412.                                     </div>
  413.                                 </div>
  414.                             </div>
  415.                         </div>
  416.                     </div>
  418.                     <div class="card border-0 shadow-sm">
  419.                         <div class="card-header bg-light-blue border-0 py-3">
  420.                             <div class="row align-items-center">
  421.                                 <div class="col-md-4">
  422.                                     <label for="warehouse-select" class="font-weight-bold mb-1">{% trans %}warehouse{% endtrans %}</label>
  423.                                     <select id="warehouseselect" class="form-control">
  424.                                         <option value="">{% trans %}selectwarehouse{% endtrans %}</option>
  425.                                         {% for warehouse in warehouses %}
  426.                                             <option value="{{ warehouse.id }}">{{ warehouse.name }}</option>
  427.                                         {% endfor %}
  428.                                     </select>
  429.                                 </div>
  430.                                 <div class="col-md-5"></div>
  431.                                 <div id="product-info-box" class="col-md-3" style="display: none;">
  432.                                     <div class="info-box-content">
  433.                                         <div>
  434.                                             {% trans %}stockQuantity{% endtrans %}:
  435.                                             <strong id="info-stock"></strong>
  436.                                         </div>
  437.                                         <div>
  438.                                             {% trans %}averageCost{% endtrans %}:
  439.                                             <strong id="info-cost"></strong>
  440.                                         </div>
  441.                                     </div>
  442.                                 </div>
  443.                             </div>
  444.                         </div>
  446.                         <div class="card-body" style="padding: 0">
  447.                             <div class="table-responsive">
  448.                                 <table class="table modern-table" id="product-list-table" style="width: 100%;">
  449.                                     <thead>
  450.                                     <tr>
  451.                                         <th style="width: 5%;">{% trans %}info{% endtrans %}</th>
  452.                                         <th style="width: 20%;">{% trans %}product{% endtrans %}</th>
  453.                                         <th style="width: 20%;">{% trans %}quantity{% endtrans %}</th>
  454.                                         <th style="width: 15%;">{% trans %}unitPrice{% endtrans %}</th>
  455.                                         <th style="width: 10%;">{% trans %}discount{% endtrans %} (%)</th>
  456.                                         <th style="width: 10%;">TVA (%)</th>
  457.                                         <th style="width: 15%; text-align: left !important;" class="text-right">{% trans %}total{% endtrans %}</th>
  458.                                         <th style="width: 15%;" class="text-center">{% trans %}action{% endtrans %}</th>
  459.                                     </tr>
  460.                                     </thead>
  461.                                     <tbody id="product-list-table-tbody">
  463.                                     </tbody>
  464.                                     <tbody id="adder-body">
  465.                                     <tr id="adder-row">
  466.                                         <td>
  467.                                             <button type="button" id="show-info-btn"
  468.                                                     class="btn btn-sm btn-info btn-icon" title="{{ 'productInfo'|trans }}">
  469.                                                 <i class="fas fa-info-circle"></i>
  470.                                             </button>
  471.                                         </td>
  472.                                         <td class="product-select-cell">
  473.                                             <select id="productselect" class="form form-control">
  474.                                                 <option value="">{{ 'selectWarehouseFirst'|trans }}</option>
  475.                                             </select>
  476.                                         </td>
  477.                                         <td>
  478.                                             <div class="input-group input-group-sm" style="max-width: 220px;">
  479.                                                 <input type="text" id="adder-allocated-quantity" class="form-control" value="0" min="0">
  480.                                                 <div class="input-group-append">
  481.                                                     <select id="adder-quantity-unit-select" class="custom-select custom-select-sm">
  482.                                                         <option value="">-</option>
  483.                                                     </select>
  484.                                                 </div>
  485.                                             </div>
  486.                                         </td>
  487.                                         <td><input type="text" id="adder-price" value="0" min="0"
  488.                                                    class="form-control form-control-sm price-mask" placeholder="Fiyat">
  489.                                         </td>
  490.                                         <td>
  491.                                             <select name="adder-discount-select" id="adder-discount-select"
  492.                                                     class="form-control form-control-sm">
  493.                                                 <option value="0">% 0</option>
  494.                                                 <option value="1">% 1</option>
  495.                                                 <option value="2">% 2</option>
  496.                                                 <option value="3">% 3</option>
  497.                                                 <option value="4">% 4</option>
  498.                                                 <option value="5">% 5</option>
  499.                                                 <option value="20">% 20</option>
  500.                                                 <option value="30">% 30</option>
  501.                                                 <option value="100">% 100</option>
  502.                                             </select>
  503.                                         </td>
  504.                                         <td>
  505.                                             <select name="adder-tva-select" id="adder-tva-select"
  506.                                                     class="form-control form-control-sm">
  507.                                                 <option value="0" disabled>% 0</option>
  508.                                                 <option value="10">% 10</option>
  509.                                                 <option value="20">% 20</option>
  510.                                             </select>
  511.                                         </td>
  512.                                         <td class="text-right font-weight-bold small">
  513.                                             <input name="adder-total" id="adder-total" type="number"
  514.                                                    class="form-control form-control-sm"
  515.                                                    placeholder="{% trans %} total {% endtrans %}"/>
  516.                                         </td>
  517.                                         <td class="text-center">
  518.                                             <div class="btn-group" role="group">
  520.                                                 <button type="button" id="open-unallocated-modal" class="btn btn-outline-secondary btn-sm" title="{% trans %}unAllocatedQuantity{% endtrans %}">
  521.                                                     <i class="fas fa-box-open"></i>
  522.                                                     <span id="unalloc-display" class="badge badge-light ml-1">0</span>
  523.                                                 </button>
  524.                                                 <button type="button" id="add-product-row-btn"
  525.                                                         class="btn btn-sm btn-success btn-icon">
  526.                                                     <i class="fas fa-plus"></i>
  527.                                                 </button>
  528.                                             </div>
  529.                                             <input type="number" id="adder-unallocated-quantity" class="form-control d-none" value="0" min="0">
  530.                                             <select id="adder-unallocated-quantity-unit-select" class="custom-select custom-select-sm d-none">
  531.                                                 <option value="">-</option>
  532.                                             </select>
  533.                                         </td>
  534.                                     </tr>
  535.                                     <tr id="info-details-row">
  536.                                         <td colspan="8" style="padding: 0; border-top: none;">
  537.                                             <div id="info-details-content" class="p-3" style="display: none;">
  538.                                             </div>
  539.                                         </td>
  540.                                     </tr>
  541.                                     </tbody>
  542.                                     <tfoot>
  543.                                         <!-- Rows will be injected by updateTotalAmounts() -->
  544.                                         <tr class="summary-row-placeholder">
  545.                                             <td colspan="8"></td>
  546.                                         </tr>
  547.                                     </tfoot>
  548.                                 </table>
  549.                             </div>
  550.                         </div>
  551.                     </div>
  553.                     {{ form_end(form) }}
  554.                 </div>
  555.             </div>
  556.         </div>
  557.     </div>
  559.     <div class="modal fade" id="add-customer-modal" role="dialog" aria-labelledby="customerModalLabel" aria-hidden="true">
  560.         <div class="modal-dialog" role="document">
  561.             <div class="modal-content">
  562.                 <div class="modal-header">
  563.                     <h5 class="modal-title" id="customerModalLabel">{% trans %}addCustomer{% endtrans %}</h5>
  564.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  565.                         <span aria-hidden="true">&times;</span>
  566.                     </button>
  567.                 </div>
  568.                 {{ form_start(customerForm) }}
  569.                 <div class="modal-body">
  570.                     {{ form_widget(customerForm) }}
  571.                 </div>
  572.                 <div class="modal-footer">
  573.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">{% trans %}cancel{% endtrans %}</button>
  574.                     <button type="submit" id="btn-customer-save" class="btn btn-primary">{% trans %}save{% endtrans %}</button>
  575.                 </div>
  576.                 {{ form_end(customerForm) }}
  577.             </div>
  578.         </div>
  579.     </div>
  581.     <div class="modal fade" id="unallocatedModal" tabindex="-1" role="dialog" aria-labelledby="unallocatedModalLabel" aria-hidden="true">
  582.         <div class="modal-dialog" role="document">
  583.             <div class="modal-content">
  584.                 <div class="modal-header">
  585.                     <h5 class="modal-title" id="unallocatedModalLabel">{% trans %}unAllocatedQuantity{% endtrans %}</h5>
  586.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  587.                         <span aria-hidden="true">&times;</span>
  588.                     </button>
  589.                 </div>
  590.                 <div class="modal-body">
  591.                     <div class="form-group">
  592.                         <label for="modal-unallocated-quantity">{% trans %}quantity{% endtrans %}</label>
  593.                         <input type="text" id="modal-unallocated-quantity" class="form-control mask-money" value="0">
  594.                     </div>
  595.                     <div class="form-group">
  596.                         <label for="modal-unallocated-unit">{% trans %}unit{% endtrans %}</label>
  597.                         <select id="modal-unallocated-unit" class="custom-select">
  598.                             <option value="">-</option>
  599.                         </select>
  600.                     </div>
  601.                 </div>
  602.                 <div class="modal-footer">
  603.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">{% trans %}close{% endtrans %}</button>
  604.                     <button type="button" id="save-unallocated-btn" class="btn btn-primary">{% trans %}save{% endtrans %}</button>
  605.                 </div>
  606.             </div>
  607.         </div>
  608.     </div>
  610.     <div class="modal fade" id="add-payment-modal" role="dialog" aria-labelledby="paymentModalLabel" aria-hidden="true">
  611.         <div class="modal-dialog" role="document">
  612.             <div class="modal-content">
  613.                 <div class="modal-header">
  614.                     <h5 class="modal-title" id="paymentModalLabel">{% trans %}addPayment{% endtrans %}</h5>
  615.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  616.                         <span aria-hidden="true">&times;</span>
  617.                     </button>
  618.                 </div>
  619.                 <div class="modal-body">
  620.                     {{ form_widget(paymentForm) }}
  621.                     {{ form_start(paymentForm) }}
  622.                     {{ form_end(paymentForm) }}
  623.                 </div>
  624.                 <div class="modal-footer">
  625.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">{% trans %}cancel{% endtrans %}</button>
  626.                     <button type="button" id="save-payment-btn" class="btn btn-primary">{% trans %}save{% endtrans %}</button>
  627.                 </div>
  628.             </div>
  629.         </div>
  630.     </div>
  632.     <div class="modal fade" id="updateCustomerModal" tabindex="-1" role="dialog" aria-labelledby="updateModalLabel" aria-hidden="true">
  633.         <div class="modal-dialog" role="document">
  634.             <div class="modal-content">
  635.                 <div class="modal-header">
  636.                     <h5 class="modal-title" id="updateModalLabel">{% trans %}updateCustomerInfoMessage{% endtrans %}</h5>
  637.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  638.                         <span aria-hidden="true">&times;</span>
  639.                     </button>
  640.                 </div>
  641.                 <form id="updateCustomerForm">
  642.                     <div class="modal-body">
  643.                         <input type="hidden" id="update_customer_id">
  644.                         <div class="form-group">
  645.                             <label for="update_customer_fullName">{% trans %}fullName{% endtrans %}</label>
  646.                             <input type="text" class="form-control" id="update_customer_fullName" required>
  647.                         </div>
  648.                         <div class="form-group">
  649.                             <label for="update_customer_email">{% trans %}email{% endtrans %}</label>
  650.                             <input type="email" class="form-control" id="update_customer_email">
  651.                         </div>
  652.                         <div class="form-group">
  653.                             <label for="update_customer_phone">{% trans %}phone{% endtrans %}</label>
  654.                             <input type="text" class="form-control" id="update_customer_phone">
  655.                         </div>
  656.                         <div class="form-group">
  657.                             <label for="update_customer_address">{% trans %}address{% endtrans %}</label>
  658.                             <textarea class="form-control" id="update_customer_address" rows="3"></textarea>
  659.                         </div>
  660.                     </div>
  661.                     <div class="modal-footer">
  662.                         <button type="button" class="btn btn-secondary" data-dismiss="modal">{% trans %}close{% endtrans %}</button>
  663.                         <button type="submit" class="btn btn-primary">{% trans %}save{% endtrans %}</button>
  664.                     </div>
  665.                 </form>
  666.             </div>
  667.         </div>
  668.     </div>
  671.     <div class="modal fade" id="updateServiceModal" tabindex="-1" role="dialog" aria-labelledby="updateServiceModalLabel" aria-hidden="true">
  672.         <div class="modal-dialog" role="document">
  673.             <div class="modal-content">
  674.                 <div class="modal-header">
  675.                     <h5 class="modal-title" id="updateServiceModalLabel">{% trans %}updateServiceInfoMessage{% endtrans %}</h5>
  676.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  677.                         <span aria-hidden="true">&times;</span>
  678.                     </button>
  679.                 </div>
  680.                 <form id="updateServiceForm" onsubmit="return false;">
  681.                     <div class="modal-body">
  682.                         <input type="hidden" id="update_service_id">
  683.                         <div class="form-group">
  684.                             <label for="update_service_name">{% trans %}serviceName{% endtrans %}</label>
  685.                             <input type="text" class="form-control" id="update_service_name">
  686.                         </div>
  687.                         <div class="form-group">
  688.                             <label for="update_service_cost">{% trans %}cost{% endtrans %}</label>
  689.                             <input type="text" value="0.00" class="form-control mask-money" id="update_service_cost" required>
  690.                         </div>
  692.                         <div class="form-group">
  693.                             <label for="update_service_description">{% trans %}description{% endtrans %}</label>
  694.                             <input type="text" class="form-control" id="update_service_description">
  695.                         </div>
  696.                     </div>
  697.                     <div class="modal-footer">
  698.                         <button type="button" class="btn btn-secondary" data-dismiss="modal">{% trans %}close{% endtrans %}</button>
  699.                         <button type="button" class="btn btn-primary" id="service_modal_save_changes_btn">{% trans %}save{% endtrans %}</button>
  700.                     </div>
  701.                 </form>
  702.             </div>
  703.         </div>
  704.     </div>
  706.     <div class="modal fade" id="autoPaymentModal" tabindex="-1" role="dialog" aria-labelledby="autoPaymentModalLabel" aria-hidden="true">
  707.         <div class="modal-dialog modal-dialog-centered" role="document">
  708.             <div class="modal-content">
  709.                 <div class="modal-header">
  710.                     <h5 class="modal-title" id="autoPaymentModalLabel">{{ 'autoPaymentConfirmation'|trans }}</h5>
  711.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  712.                         <span aria-hidden="true">&times;</span>
  713.                     </button>
  714.                 </div>
  715.                 <div class="modal-body">
  716.                     <p id="auto-payment-message" class="mb-3"></p>
  717.                     <div class="border rounded px-3 py-2 bg-light">
  718.                         <div class="d-flex justify-content-between"><span>{{ 'salesTotal'|trans }}</span><span id="auto-payment-sale-total">0,00 {{ 'currency.symbol'|trans }}</span></div>
  719.                         <div class="d-flex justify-content-between"><span>{{ 'currentPayments'|trans }}</span><span id="auto-payment-current-payments">0,00 {{ 'currency.symbol'|trans }}</span></div>
  720.                         <div class="d-flex justify-content-between font-weight-bold"><span>{{ 'paymentToAdd'|trans }}</span><span id="auto-payment-amount">0,00 {{ 'currency.symbol'|trans }}</span></div>
  721.                         <hr>
  722.                         <div class="small">
  723.                             <div><strong>{{ 'paymentStatusLabel'|trans }}:</strong> <span id="auto-payment-status"></span></div>
  724.                             <div><strong>{{ 'paymentTypeLabel'|trans }}:</strong> <span id="auto-payment-method"></span></div>
  725.                             <div><strong>{{ 'description'|trans }}:</strong> <span id="auto-payment-description"></span></div>
  726.                         </div>
  727.                     </div>
  728.                 </div>
  729.                 <div class="modal-footer">
  730.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ 'cancel'|trans }}</button>
  731.                     <button type="button" class="btn btn-primary" id="confirm-auto-payment">{{ 'confirmAction'|trans }}</button>
  732.                 </div>
  733.             </div>
  734.         </div>
  735.     </div>
  737.     <!-- Hediye Çeki Kullanım Modalı -->
  738.     <div class="modal fade" id="gift-voucher-usage-modal" tabindex="-1" role="dialog" aria-labelledby="giftVoucherUsageModalLabel" aria-hidden="true">
  739.         <div class="modal-dialog modal-dialog-centered" role="document">
  740.             <div class="modal-content">
  741.                 <div class="modal-header">
  742.                     <h5 class="modal-title" id="giftVoucherUsageModalLabel">{{ 'giftVoucherUsage'|trans }}</h5>
  743.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  744.                         <span aria-hidden="true">&times;</span>
  745.                     </button>
  746.                 </div>
  747.                 <div class="modal-body">
  748.                     <div class="alert alert-info">
  749.                         <strong><span id="voucher-customer-name"></span></strong>{{ 'voucherBalanceInfoSuffix'|trans }}: <strong id="voucher-total-balance">0.00 TL</strong>
  750.                     </div>
  751.                     <div class="form-group">
  752.                         <label for="voucher-use-amount">{{ 'amountToUse'|trans }}</label>
  753.                         <input type="number" id="voucher-use-amount" class="form-control" placeholder="0.00" min="0" step="0.01">
  754.                         <small class="form-text text-muted">{{ 'enterAmountToUse'|trans }}</small>
  755.                     </div>
  756.                 </div>
  757.                 <div class="modal-footer">
  758.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ 'cancel'|trans }}</button>
  759.                     <button type="button" class="btn btn-primary" id="btn-confirm-voucher-usage">{{ 'confirmAndAdd'|trans }}</button>
  760.                 </div>
  761.             </div>
  762.         </div>
  763.     </div>
  765. {% endblock %}
  767. {% block javascript %}
  768. <script src="{{ asset('/decimal.js') }}"></script>
  769.     <script>
  770.         document.addEventListener('DOMContentLoaded', () => {
  771.             const saleDateInput = document.getElementById('sales_form_salesDate');
  772.             if (saleDateInput && !saleDateInput.value) {
  773.                 const now = new Date();
  774.                 const localDate = new Date(now.getTime() - now.getTimezoneOffset() * 60000).toISOString().split('T')[0];
  775.                 saleDateInput.value = localDate;
  776.                 saleDateInput.dispatchEvent(new Event('change', { bubbles: true }));
  777.             }
  778.         });
  780.         $(document).ready(function() {
  781.             applyMasks();
  783.             const isDuplicatedProforma = {{ sales is defined and sales.id is not null ? 'true' : 'false' }};
  785.             const duplicatedSoldItems = (function(){
  786.                 if(!isDuplicatedProforma){ return []; }
  787.                 const items = [];
  788.                 {% if sales is defined and sales.productsSolds is defined %}
  789.                     {% for ps in sales.productsSolds %}
  790.                         items.push({
  791.                             productid: {{ ps.product ? ps.product.id : 0 }},
  792.                             productName: '{{ ps.productName|default(ps.product ? ps.product.name : '')|e('js') }}',
  793.                             code: '{{ ps.product ? ps.product.code|e('js') : '' }}',
  794.                             measurement: '{{ ps.measurement is not null ? ps.measurement|e('js') : (ps.product and ps.product.measurement ? ps.product.measurement.name|e('js') : '') }}',
  795.                             quantity: {{ ps.quantity is not null ? ps.quantity|number_format(2, '.', '') : '0' }},
  796.                             unAllocatedQuantity: {{ ps.unAllocatedQuantity is not null ? ps.unAllocatedQuantity|number_format(2, '.', '') : '0' }},
  797.                             unitPrice: {{ ps.totalUnitPurchasePrice is not null ? ps.totalUnitPurchasePrice|number_format(2, '.', '') : '0' }},
  798.                             tax: {{ ps.tax is not null ? ps.tax|number_format(2, '.', '') : '0' }},
  799.                             discount: {{ ps.discount is not null ? ps.discount|number_format(2, '.', '') : '0' }},
  800.                             totalPurchasePrice: {{ ps.totalPuchasePrice is not null ? ps.totalPuchasePrice|number_format(2, '.', '') : (ps.totalPuchasePrice is not null ? ps.totalPuchasePrice|number_format(2, '.', '') : (ps.totalPrice is not null ? ps.totalPrice|number_format(2, '.', '') : '0')) }},
  801.                             totalPrice: {{ ps.totalPrice }},
  802.                             warehouse: {{ sales.warehouse ? sales.warehouse.id : 0 }},
  803.                             thickness: 0,
  804.                             width: 0,
  805.                             height: 0,
  806.                             cost: 0,
  807.                             productType: '{{ ps.product and ps.product.productTypeEnum ? ps.product.productTypeEnum.name|e('js') : '' }}',
  808.                             selectedUnitId: {{ ps.selectedUnit ? ps.selectedUnit.id : 'null' }}
  809.                         });
  810.                     {% endfor %}
  811.                 {% endif %}
  812.                 return items;
  813.             })();
  814.             // TODO: Duplicated items
  815.             async function importDuplicatedSoldItemsIfNeeded(){
  816.                 await getProductsFromWarehouse();
  817.                 if(!isDuplicatedProforma || duplicatedSoldItems.length === 0){
  818.                     return;
  819.                 }
  820.                 const targetWarehouseId = {{ sales is defined and sales.warehouse ? sales.warehouse.id : 0 }};
  822.                 if(targetWarehouseId){
  823.                     $('#warehouseselect').val(String(targetWarehouseId));
  824.                     $('#warehouseselect').trigger('change');
  825.                 }
  827.                 const start = Date.now();
  828.                 const timeoutMs = 15000;
  829.                 const timer = setInterval(function(){
  830.                     if(Array.isArray(products) && products.length > 0){
  831.                         clearInterval(timer);
  832.                         try{
  833.                             duplicatedSoldItems.forEach(function(item){
  834.                                 const p = products.find(function(prod){ return prod.productid === item.productid; });
  835.                                 if(p){
  836.                                     selectProduct(p.productid);
  837.                                 }
  838.                                 addProductToSoldList(
  839.                                     item.productid,
  840.                                     item.productName,
  841.                                     item.code,
  842.                                     item.measurement,
  843.                                     item.quantity,
  844.                                     item.unitPrice,
  845.                                     item.tax,
  846.                                     item.discount,
  847.                                     item.totalPurchasePrice,
  848.                                     item.warehouse,
  849.                                     item.unAllocatedQuantity,
  850.                                     item.thickness,
  851.                                     item.width,
  852.                                     item.height,
  853.                                     item.cost,
  854.                                     item.productType,
  855.                                     item.selectedUnitId
  856.                                 );
  857.                             });
  858.                             fetchSoldListRows();
  859.                             updateTotalAmounts();
  860.                             $('#sales_form_totalPurchasePrice').val(addCommas(getTotalSoldAmount()));
  861.                             fetchPaymentForm();
  862.                             fetchStocks();
  863.                         }catch(e){
  864.                             console.error('Duplicate import error', e);
  865.                         }
  866.                     }else if(Date.now() - start > timeoutMs){
  867.                         clearInterval(timer);
  868.                         console.warn('Timed out waiting for products to load');
  869.                     }
  870.                 }, 200);
  871.             }
  872.             if(isDuplicatedProforma){
  873.                 importDuplicatedSoldItemsIfNeeded();
  874.             }
  878.             // =============================================================================
  879.             // INITIALIZATION & GLOBAL VARIABLES
  880.             // =============================================================================
  882.             // Collapse sidebar only on this page
  883.             $('body').addClass('sidebar-toggled');
  884.             $('#accordionSidebar').addClass('toggled');
  886.             // Product data structure
  887.             let product = {
  888.                 code: "",
  889.                 id: 0,
  890.                 length: 0,
  891.                 measurement: "",
  892.                 name: "",
  893.                 priceFob: 0,
  894.                 priceNavlun: 0,
  895.                 productid: 0,
  896.                 purchaseTotalAmount: 0,
  897.                 quantity: 0,
  898.                 thickness: 0,
  899.                 totalQuantity: 0,
  900.                 totalUnitPrice: 0,
  901.                 width: 0,
  902.                 cost: 0,
  903.                 measurementUnit: "",
  904.                 stock: 0,
  905.                 warehouseid: 0,
  906.                 selected: false,
  907.             }
  908.             let products = [];
  910.             // Sold product data structure
  911.             let soldProduct = {
  912.                 productid: 0,
  913.                 productName: "",
  914.                 code: "",
  915.                 measurement: "",
  916.                 quantity: 0,
  917.                 baseUnitQuantity: 0,
  918.                 unAllocatedQuantity: 0,
  919.                 unitPrice: 0,
  920.                 tax: 0,
  921.                 discount: 0,
  922.                 totalPurchasePrice: 0,
  923.                 warehouse: 0,
  924.             }
  926.             let soldList = [];
  927.             const MONEY_ROUNDING_MODE = Decimal.ROUND_HALF_UP;
  928.             // Payment data structure
  929.             let payment = {
  930.                 uuid: 0,
  931.                 id: 0,
  932.                 amount: 0,
  933.                 status: 0,
  934.                 paymentDate: new Date(),
  935.                 paymentDueDate: new Date(),
  936.                 paymentMethod: 0,
  937.                 description: 0,
  938.             }
  939.             let payments = []
  941.             // =============================================================================
  942.             // UTILITY FUNCTIONS
  943.             // =============================================================================
  944.             
  945.              function formatCurrency(amount) {
  946.                 if (amount instanceof Decimal) {
  947.                     amount = amount.toNumber();
  948.                 }
  949.                 return addCommas(amount.toFixed(2)) + ' {{ 'currency.symbol'|trans }}';
  950.             }
  952.             // Convert entered quantity in selected unit to product base unit quantity
  953.             function computeBaseUnitQuantity(productId, selectedUnitId, quantity, onDone){
  954.                 try{
  955.                     const product = products.find(p => p.productid === productId);
  956.                     if(!product){ onDone(quantity); return; }
  957.                     // If unit not selected or already base unit, fallback to same quantity
  958.                     if(!selectedUnitId || String(selectedUnitId) === '' || String(selectedUnitId) === String(product.measurementUnitId)){
  959.                         onDone(quantity);
  960.                         return;
  961.                     }
  962.                     $.ajax({
  963.                         url: '/admin/measurement/convert-to-product-unit',
  964.                         method: 'POST',
  965.                         dataType: 'json',
  966.                         data: {
  967.                             productId: productId,
  968.                             fromUnitId: selectedUnitId,
  969.                             quantity: quantity
  970.                         },
  971.                         success: function(resp){
  972.                             if(resp && resp.success){
  973.                                 onDone(parseFloat(resp.result));
  974.                             } else {
  975.                                 onDone(quantity);
  976.                             }
  977.                         },
  978.                         error: function(){ onDone(quantity); }
  979.                     });
  980.                 }catch(e){ onDone(quantity); }
  981.             }
  983.             // Check if product already exists in sold list with same parameters
  984.             function issetInSoldList(productid, quantity, unitPrice, tax, discount, totalPurchasePrice) {
  985.                 const foundProduct = soldList.find(product =>
  986.                     product.productid === productid &&
  987.                     product.quantity === quantity &&
  988.                     product.unitPrice === unitPrice &&
  989.                     product.tax === tax &&
  990.                     product.discount === discount &&
  991.                     product.totalPurchasePrice === totalPurchasePrice
  992.                 );
  993.                 return !!foundProduct;
  994.             }
  996.             function applyMasks() {
  997.                 $('.mask-money').mask("##0.00", { reverse: true });
  998.             }
  1000.             // Convert various input types to Decimal for precise calculations
  1001.             function convertToDecimal(value) {
  1002.                 try {
  1003.                     if (value instanceof Decimal) {
  1004.                         return value;
  1005.                     }
  1006.                     if (value === undefined || value === null) {
  1007.                         return new Decimal(0);
  1008.                     }
  1009.                     if (typeof value === 'number') {
  1010.                         if (!isFinite(value) || isNaN(value)) {
  1011.                             return new Decimal(0);
  1012.                         }
  1013.                         return new Decimal(value);
  1014.                     }
  1015.                     if (typeof value === 'string') {
  1016.                         var sanitized = value.replace(/[^0-9.,-]/g, '').replace(/,/g, '').trim();
  1017.                         if (sanitized === '' || sanitized === '-' || sanitized === '.' || sanitized === '-.') {
  1018.                             return new Decimal(0);
  1019.                         }
  1020.                         return new Decimal(sanitized);
  1021.                     }
  1022.                     return new Decimal(0);
  1023.                 } catch (e) {
  1024.                     return new Decimal(0);
  1025.                 }
  1026.             }
  1028.             // Round value to specified decimal places (default 2)
  1029.             function roundToDecimal(value, decimalPlaces = 2) {
  1030.                 const decimalValue = new Decimal(value);
  1031.                 const roundedValue = decimalValue.toDecimalPlaces(decimalPlaces, Decimal.ROUND_UP);
  1032.                 return roundedValue.toNumber();
  1033.             }
  1035.             // Round stock values down to prevent overselling
  1036.             function roundStockToDecimal(value, decimalPlaces = 2) {
  1037.                 const decimalValue = new Decimal(value);
  1038.                 const roundedValue = decimalValue.toDecimalPlaces(decimalPlaces, Decimal.ROUND_DOWN);
  1039.                 return roundedValue.toNumber();
  1040.             }
  1042.             // Round to nearest cent for currency calculations
  1043.             function roundToNearestCent(amount) {
  1044.                 return Math.round(amount * 100) / 100;
  1045.             }
  1047.             // Round to two decimal places
  1048.             function roundToTwoDecimals(number) {
  1049.                 var factor = Math.pow(10, 2);
  1050.                 return (Math.round(number * factor) / factor).toFixed(2);
  1051.             }
  1053.             // Validate numeric input
  1054.             function validate(s) {
  1055.                 var rgx = /^[0-9]*\.?[0-9]*$/;
  1056.                 return s.match(rgx);
  1057.             }
  1059.             // Convert string to float, handling commas
  1060.             function convertToFloat(value) {
  1061.                 if (typeof value === "string") {
  1062.                     value = value.replace(',', '');
  1063.                 }
  1064.                 return parseFloat(value);
  1065.             }
  1067.             // Add thousand separators to numbers
  1068.             function addCommas(number) {
  1069.                 let decimals = 2;
  1070.                 number = (number + '').replace(/[^0-9+\-Ee.]/g, '');
  1071.                 var n = !isFinite(+number) ? 0 : +number;
  1072.                 var prec = !isFinite(+decimals) ? 0 : Math.abs(decimals);
  1073.                 var sep = ',';
  1074.                 var dec = '.';
  1075.                 var s = '';
  1076.                 var toFixedFix = function(n, prec) {
  1077.                     var k = Math.pow(10, prec);
  1078.                     return '' + (Math.round(n * k) / k).toFixed(prec);
  1079.                 };
  1080.                 s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.');
  1081.                 if (s[0].length > 3) {
  1082.                     s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep);
  1083.                 }
  1084.                 if ((s[1] || '').length < prec) {
  1085.                     s[1] = s[1] || '';
  1086.                     s[1] += new Array(prec - s[1].length + 1).join('0');
  1087.                 }
  1088.                 return s.join(dec);
  1089.             }
  1091.             // Create popup window with specified dimensions
  1092.             function createPopup(url, window_name = 'example-popup') {
  1093.                 var width = 1100;
  1094.                 var height = 700;
  1095.                 var screen_width = window.screen.width;
  1096.                 var screen_height = window.screen.height;
  1097.                 var popup_left = (screen_width - width) / 2;
  1098.                 var popup_top = (screen_height - height) / 2;
  1099.                 var popup_window = window.open(url, window_name, 'width=' + width + ',height=' + height + ',left=' + popup_left + ',top=' + popup_top);
  1100.             }
  1102.             // Show error alert using SweetAlert
  1103.             function showErrorAlert(message) {
  1104.                 Swal.fire({
  1105.                     icon: 'error',
  1106.                     title: 'Oops...',
  1107.                     text: '' + message,
  1108.                     background: 'white',
  1109.                 });
  1110.             }
  1112.             // Show success alert using SweetAlert
  1113.             function showSuccessAlert(message) {
  1114.                 Swal.fire({
  1115.                     icon: 'success',
  1116.                     title: 'Başarılı',
  1117.                     text: '' + message,
  1118.                     background: 'white',
  1119.                 });
  1120.             }
  1122.             // =============================================================================
  1123.             // PRODUCT MANAGEMENT FUNCTIONS
  1124.             // =============================================================================
  1126.             // Add product to sold list with validation
  1127.             function addProductToSoldList(
  1128.                 productid,
  1129.                 productName,
  1130.                 code,
  1131.                 measurement,
  1132.                 quantity,
  1133.                 unitPrice,
  1134.                 tax,
  1135.                 discount,
  1136.                 totalPurchasePrice,
  1137.                 warehouseid,
  1138.                 unAllocatedQuantity,
  1139.                 thickness,
  1140.                 width,
  1141.                 height,
  1142.                 cost,
  1143.                 productType,
  1144.                 selectedUnitId = null
  1145.                 ) {
  1146.                 var newQuantity = convertToDecimal(quantity).toNumber();
  1147.                 var newUnAllocatedQuantity = convertToDecimal(unAllocatedQuantity).toNumber();
  1148.                 var newPrice = convertToDecimal(unitPrice).toNumber();
  1149.                 var newTax = convertToDecimal(tax).toNumber();
  1150.                 var newDiscount = convertToDecimal(discount).toNumber();
  1151.                 var newTotalPurchasePrice = convertToDecimal(totalPurchasePrice).toNumber();
  1153.                 if (!issetInSoldList(productid, newQuantity, newPrice, newTax, newDiscount, newTotalPurchasePrice)) {
  1154.                     let productSold = {
  1155.                         uuid: crypto.randomUUID(),
  1156.                         productid: productid,
  1157.                         productName: productName,
  1158.                         code: code,
  1159.                         measurement: measurement,
  1160.                         quantity: newQuantity,
  1161.                         baseUnitQuantity: newQuantity,
  1162.                         unAllocatedQuantity: newUnAllocatedQuantity,
  1163.                         unitPrice: newPrice,
  1164.                         tax: newTax,
  1165.                         discount: newDiscount,
  1166.                         totalPurchasePrice: newTotalPurchasePrice,
  1167.                         warehouse: warehouseid,
  1168.                         thickness: thickness,
  1169.                         width: width,
  1170.                         height: height,
  1171.                         cost: cost,
  1172.                         productType: productType,
  1173.                         selectedUnitId: selectedUnitId,
  1174.                     }
  1175.                     soldList.push(productSold);
  1176.                     // compute base unit quantity asynchronously and update the item
  1177.                     computeBaseUnitQuantity(productid, selectedUnitId, newQuantity, function(baseQty){
  1178.                         const item = soldList.find(i => i.uuid === productSold.uuid);
  1179.                         if(item){ item.baseUnitQuantity = convertToDecimal(baseQty || newQuantity).toNumber(); }
  1180.                     });
  1181.                     fetchStocks();
  1182.                     fetchSoldListRows();
  1183.                     fetchPaymentForm();
  1184.                     $('#sales_form_totalPurchasePrice').val(addCommas(getTotalSoldAmount()));
  1185.                     return productSold;
  1186.                 } else {
  1187.                     console.log("List + ")
  1188.                     console.log(soldList)
  1189.                     throw new Error("Ürün zaten listede mevcut !")
  1190.                 }
  1191.             }
  1193.             // Remove product from sold list by UUID
  1194.             function deleteProductInSoldList(uuid) {
  1195.                 soldList = soldList.filter(product =>
  1196.                     product.uuid !== uuid
  1197.                 );
  1198.                 fetchSoldListRows();
  1199.             }
  1201.             // Mark product as selected and unselect others
  1202.             function selectProduct(productId) {
  1203.                 products.forEach(product => product.selected = false);
  1204.                 let product = products.find(product => product.productid === productId);
  1205.                 if (product) {
  1206.                     product.selected = true;
  1207.                 }
  1208.                 return products;
  1209.             }
  1211.             // Get currently selected product
  1212.             function getSelectedProduct() {
  1213.                 return products.find(product => product.selected === true);
  1214.             }
  1216.             // Update product dropdown with available products
  1217.             function updateProductSelect() {
  1218.                 $('#productselect').empty();
  1219.                 $('#productselect').append('<option value="0" data-image="image-not-found.webp">Ürün Seçin</option>');
  1220.                 $.each(products, function(index, value) {
  1221.                     var image = value.image;
  1222.                     var option = '<option value="' + value.id + '" data-image="' + image + '" class="stockoption">' + value.name + ' - ' + value.code + ' - ' + value.measurement + ' - ' + value.quantity + '</option>';
  1223.                     $('#productselect').append(option);
  1224.                 });
  1225.                 $('#productselect').attr('disabled', false);
  1226.             }
  1228.             // Load products from selected warehouse
  1229.             function getProductsFromWarehouse() {
  1231.                 var id = $('#warehouseselect option:selected').val();
  1232.                 if (!id) {
  1233.                     return;
  1234.                 }
  1235.                 $.ajax({
  1236.                     url: "/warehouse-stocks/" + id,
  1237.                     dataType: 'JSON',
  1238.                     method: 'GET',
  1239.                     success: function(response) {
  1240.                         if (response.length > 0) {
  1241.                             if (soldList.length <= 0) {
  1242.                                 products = [];
  1243.                                 $.each(response, function(index, product) {
  1244.                                     let productObj = {
  1245.                                         code: product.code,
  1246.                                         id: product.id,
  1247.                                         image: product.image,
  1248.                                         length: 0,
  1249.                                         measurement: product.measurement,
  1250.                                         name: product.name,
  1251.                                         priceFob: 0,
  1252.                                         priceNavlun: 0,
  1253.                                         productid: product.productid,
  1254.                                         purchaseTotalAmount: 0,
  1255.                                         quantity: product.totalQuantity,
  1256.                                         unAllocatedQuantity: 0,
  1257.                                         thickness: 0,
  1258.                                         totalQuantity: product.totalQuantity,
  1259.                                         totalUnitPrice: 0,
  1260.                                         width: 0,
  1261.                                         cost: 0,
  1262.                                         measurementUnit: product.measurementUnit,
  1263.                                         measurementUnitId: product.measurementUnitId,
  1264.                                         stock: 0,
  1265.                                         warehouseid: $('#warehouseselect option:selected').val(),
  1266.                                         convertibleUnits: [],
  1267.                                         productType: product.productTypeEnum,
  1268.                                     };
  1270.                                     products.push(productObj);
  1271.                                 });
  1272.                                 updateProductSelect();
  1273.                             }
  1274.                         } else {
  1275.                             showErrorAlert('Seçmiş olduğunuz depoda hiç ürün stoğu bulunmamaktadır.');
  1276.                         }
  1277.                     },
  1278.                     error: function(error) {
  1279.                         showErrorAlert('Bilinmeyen bir sistem hatası oluştu lütfen tekrar deneyin.');
  1280.                     }
  1281.                 });
  1282.             }
  1284.             // Update stock quantities based on sold items
  1285.             function fetchStocks() {
  1286.                 // const groupedSoldList = soldList.reduce((acc, soldProduct) => {
  1287.                 //     if (!acc[soldProduct.productid]) {
  1288.                 //         acc[soldProduct.productid] = 0;
  1289.                 //     }
  1290.                 //     acc[soldProduct.productid] += convertToDecimal(soldProduct.quantity).toNumber();
  1291.                 //     return acc;
  1292.                 // }, {});
  1293.                 const groupedSoldList = soldList.reduce((acc, soldProduct) => {
  1294.                     const serviceTypes = ["INSTALLATION_SERVICE", "MAINTENANCE_SERVICE", "CONSULTATION_SERVICE", "TREE"];
  1296.                     const productTypeKey = soldProduct.productType ? (soldProduct.productType.key || soldProduct.productType.name) : null;
  1298.                     const isService = productTypeKey ? serviceTypes.includes(productTypeKey) : false;
  1300.                     if (isService) {
  1301.                         return acc;
  1302.                     }
  1304.                     if (!acc[soldProduct.productid]) {
  1305.                         acc[soldProduct.productid] = 0;
  1306.                     }
  1308.                     const quantityToDeduct = soldProduct.baseUnitQuantity || soldProduct.quantity;
  1309.                     acc[soldProduct.productid] += convertToDecimal(quantityToDeduct).toNumber();
  1311.                     return acc;
  1312.                 }, {});
  1314.                 products.forEach(product => {
  1315.                     if (groupedSoldList[product.productid]) {
  1316.                         const totalSoldQuantity = groupedSoldList[product.productid];
  1317.                         product.quantity = roundStockToDecimal(convertToDecimal(product.totalQuantity - totalSoldQuantity).toNumber());
  1318.                     } else {
  1319.                         product.quantity = roundStockToDecimal(convertToDecimal(product.totalQuantity).toNumber());
  1320.                     }
  1321.                 });
  1322.                 calculateAndWriteDiffBetweenPaymentAndSolds();
  1323.             }
  1325.             // Validate stock quantity before adding to sold list
  1326.             // function checkStockQuantity(quantity) {
  1327.             //     let product = products.find(p => p.productid === parseInt(productId, 10));
  1328.             //     const productType = product.productType.key;
  1329.             //     if(productType === "INSTALLATION_SERVICE" || productType === "MAINTENANCE_SERVICE" || productType === "CONSULTATION_SERVICE" || productType === 'TREE'){
  1330.             //
  1331.             //         $('#updateServiceModal').modal('show');
  1332.             //
  1333.             //     }else{
  1334.             //      if (convertToFloat(quantity) > product.quantity) {
  1335.             //         throw new Error('Yetersiz stok. Ekeleyebileceğiniz maksimum stok: ' + product.quantity);
  1336.             //         resetAddProductForm();
  1337.             //      }
  1338.             //     }
  1339.             //
  1340.             // }
  1342.             function checkStockQuantity() {
  1343.                 return new Promise((resolve, reject) => {
  1344.                     const selectedProduct = getSelectedProduct();
  1345.                     if (!selectedProduct) {
  1346.                         return reject(new Error('Lütfen bir ürün seçin.'));
  1347.                     }
  1349.                     const productType = selectedProduct.productType.key;
  1350.                     const isService = ["INSTALLATION_SERVICE", "MAINTENANCE_SERVICE", "CONSULTATION_SERVICE", "TREE"].includes(productType);
  1352.                     if (isService) {
  1353.                         // Eğer ürün bir hizmet ise, stok kontrolü yapma, işlemi onayla.
  1354.                         return resolve();
  1355.                     }
  1357.                     const quantityStr = $('#adder-allocated-quantity').val();
  1358.                     const fromUnitId = $('#adder-quantity-unit-select').val();
  1359.                     const requestedQuantity = convertToDecimal(quantityStr).toNumber();
  1361.                     // Eğer birim seçilmemişse veya miktar 0 ise, miktar kadarını stokla karşılaştır.
  1362.                     if (!fromUnitId || fromUnitId === '') {
  1363.                         if (requestedQuantity > selectedProduct.quantity) {
  1364.                             return reject(new Error(`Yetersiz stok. Eklenebilecek maksimum miktar: ${selectedProduct.quantity} ${selectedProduct.measurementUnit}`));
  1365.                         }
  1366.                         return resolve(requestedQuantity); // Temel birimdeki miktarı döndür
  1367.                     }
  1369.                     // Seçilen birimdeki miktarı, ürünün temel birimine çevir.
  1370.                     $.ajax({
  1371.                         url: '/admin/measurement/convert-to-product-unit',
  1372.                         method: 'POST',
  1373.                         dataType: 'json',
  1374.                         data: {
  1375.                             productId: selectedProduct.productid,
  1376.                             fromUnitId: fromUnitId,
  1377.                             quantity: requestedQuantity
  1378.                         },
  1379.                         success: function(resp) {
  1380.                             if (resp && resp.success) {
  1381.                                 const requestedBaseQuantity = convertToDecimal(resp.result).toNumber();
  1383.                                 // Temel birimdeki talep edilen miktar, stoktan büyük mü diye kontrol et.
  1384.                                 if (requestedBaseQuantity > selectedProduct.quantity) {
  1385.                                     reject(new Error(`Yetersiz stok. Talep edilen miktar (${quantityStr} ${$('#adder-quantity-unit-select option:selected').text()}), stoktaki ${selectedProduct.quantity} ${selectedProduct.measurementUnit}'den fazla.`));
  1386.                                 } else {
  1387.                                     resolve(requestedBaseQuantity); // Kontrol başarılı, temel birimdeki miktarı döndür.
  1388.                                 }
  1389.                             } else {
  1390.                                 reject(new Error('Birim dönüştürme sırasında bir hata oluştu. Stok kontrol edilemedi.'));
  1391.                             }
  1392.                         },
  1393.                         error: function() {
  1394.                             reject(new Error('Stok kontrolü sırasında sunucuya ulaşılamadı.'));
  1395.                         }
  1396.                     });
  1397.                 });
  1398.             }
  1400.             // Get product cost information from server
  1401.             function getProductCost(pid) {
  1402.                 const url = '/product-cost/' + pid + '/' + getSelectedProduct().warehouseid;
  1404.                 $.ajax({
  1405.                     url: "/product-cost-detail/" + pid + '?warehouse=' + getSelectedProduct().warehouseid,
  1406.                     method: "POST",
  1407.                     dataType: "JSON",
  1408.                     success: function(data) {
  1409.                         var product = getSelectedProduct();
  1410.                         product.cost = data.cost;
  1411.                         product.measurementUnit = data.measurement;
  1412.                         $('.stock-info-span').html(data.stock.toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + " " + data.measurement);
  1413.                         $('.cost-info-span').html(data.cost.toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + " €");
  1414.                         $('.measurement-unit-info-span').html(data.measurement);
  1415.                         $('#hidden-cost-input').val(data.cost);
  1417.                         const detailsHtml = `
  1418.                             <div class="row align-items-center">
  1419.                                 <div class="col-md-3">${product.name}</div>
  1420.                                 <div class="col-md-3">
  1421.                                     <strong>
  1422.                                         <button type="button" class="btn btn-link btn-sm p-0 cost-popup-btn" data-url="${url}">Maliyet: ${data.cost.toFixed(2)} €</button>
  1423.                                     </strong>
  1424.                                 </div>
  1425.                                 <div class="col-md-3"><strong>Stok:</strong> ${data.stock.toFixed(2)} ${data.measurement}</div>
  1426.                                 <div class="col-md-3"><strong>Birim:</strong> ${data.measurement}</div>
  1427.                             </div>
  1428.                         `;
  1429.                         $('#info-details-content').html(detailsHtml);
  1431.                         return data;
  1432.                     },
  1433.                     error: function(data) {
  1434.                         $('#info-details-content').html('<div class="text-danger">Ürün maliyet bilgileri yüklenemedi.</div>');
  1435.                     }
  1436.                 });
  1437.             }
  1440.             // Generate HTML for a product row (Standard or AVOIR)
  1441.             function generateProductRowHtml(value, options = {}) {
  1442.                 const isAvoir = options.isAvoir || false;
  1443.                 const readonly = isAvoir ? 'readonly disabled' : '';
  1444.                 const inputReadonly = isAvoir ? 'readonly' : ''; // For inputs we might want just readonly, not disabled
  1445.                 const rowClass = isAvoir ? 'bg-light text-danger' : '';
  1446.                 const uuid = value.uuid;
  1448.                 // Render Service Button (only for standard rows)
  1449.                 const serviceBtnHtml = !isAvoir ? renderServiceEditBtn(value) : '';
  1450.                 
  1451.                 // Actions
  1452.                 let actionButtonsHtml = '';
  1453.                 if (!isAvoir) {
  1454.                     actionButtonsHtml = `
  1455.                         <div class="btn-group" role="group">
  1456.                             ${serviceBtnHtml}
  1457.                             <button type="button" class="btn btn-outline-secondary btn-sm open-unallocated-modal-row"
  1458.                                     data-uuid="${uuid}" title="{% trans %}unAllocatedQuantity{% endtrans %}">
  1459.                                 <i class="fas fa-box-open"></i>
  1460.                                 <span class="badge badge-light ml-1 unalloc-display">${value.unAllocatedQuantity.toFixed(2)}</span>
  1461.                             </button>
  1462.                             <button type="button" class="btn btn-danger btn-sm delete-row-button"
  1463.                                     data-uuid="${uuid}" title="Sil">
  1464.                                 <i class="fas fa-trash"></i>
  1465.                             </button>
  1466.                         </div>
  1467.                     `;
  1468.                 } else {
  1469.                      // Empty for AVOIR
  1470.                      actionButtonsHtml = '';
  1471.                 }
  1473.                 // Info Button
  1474.                 let infoButtonHtml = '';
  1475.                 if (!isAvoir) {
  1476.                      infoButtonHtml = `
  1477.                         <button type="button" class="btn btn-sm btn-info btn-icon show-row-info-btn"
  1478.                                 data-uuid="${uuid}" title="Ürün Bilgileri">
  1479.                             <i class="fas fa-info-circle"></i>
  1480.                         </button>
  1481.                      `;
  1482.                 }
  1484.                 // Product Select / Name
  1485.                 let productSelectHtml = '';
  1486.                 if (isAvoir) {
  1487.                     // For AVOIR, we just show a static input or disabled select mimicking the look
  1488.                     productSelectHtml = `
  1489.                         <input type="text" class="form-control text-danger font-weight-bold" value="AVOIR" readonly>
  1490.                     `;
  1491.                 } else {
  1492.                      let productOptions = '';
  1493.                      const serviceTypes = ['INSTALLATION_SERVICE','MAINTENANCE_SERVICE','CONSULTATION_SERVICE','TREE'];
  1494.                      const isServiceRow = (function(pt){
  1495.                         try {
  1496.                             if (!pt) return false;
  1497.                             if (typeof pt === 'string') return serviceTypes.includes(pt);
  1498.                             const key = pt.key || pt.name;
  1499.                             return serviceTypes.includes(key);
  1500.                         } catch(e) { return false; }
  1501.                      })(value.productType);
  1503.                      products.forEach(function(product) {
  1504.                         const isSelected = product.productid === value.productid ? 'selected' : '';
  1505.                         const displayName = (isSelected && isServiceRow && value.productName) ? value.productName : product.name;
  1506.                         productOptions += `<option value="${product.productid}" ${isSelected}>${displayName} - ${product.measurement} - ${product.quantity} - ${product.code}</option>`;
  1507.                      });
  1509.                      productSelectHtml = `
  1510.                         <select name="productId[]" class="form-control product-select-row" data-uuid="${uuid}">
  1511.                              ${productOptions}
  1512.                         </select>
  1513.                      `;
  1514.                 }
  1515.                 
  1516.                 // Unallocated Hidden Inputs
  1517.                 const unAllocatedHidens = !isAvoir ? `
  1518.                     <input type="hidden" name="warehouseid[]" value="${value.warehouse}">
  1519.                     <input type="hidden" name="length[]" value="${value.length || ''}">
  1520.                     <input type="hidden" name="width[]" value="${value.width || ''}">
  1521.                     <input type="hidden" name="thickness[]" value="${value.thickness || ''}">
  1522.                     <input type="hidden" name="cost[]" value="${value.cost || ''}">
  1523.                     <input type="hidden" name="unAllocatedQuantity[]" class="unallocated-quantity-hidden" value="${value.unAllocatedQuantity}" data-uuid="${uuid}">
  1524.                     <input type="hidden" name="unAllocatedQuantityUnit[]" class="unallocated-unit-hidden" value="" data-uuid="${uuid}">
  1525.                 ` : '';
  1528.                 // Quantity Unit Select
  1529.                 let quantityUnitSelectHtml = '';
  1530.                 if(isAvoir){
  1531.                      quantityUnitSelectHtml = `
  1532.                         <select class="custom-select custom-select-sm" disabled>
  1533.                             <option>-</option>
  1534.                         </select>
  1535.                      `;
  1536.                 } else {
  1537.                     quantityUnitSelectHtml = `
  1538.                         <select class="custom-select custom-select-sm quantity-unit-select"
  1539.                                 name="quantityUnit[]" data-uuid="${uuid}">
  1540.                             <option value="">-</option>
  1541.                         </select>
  1542.                     `;
  1543.                 }
  1545.                 // Discount Options
  1546.                 let discountOptionsHtml = '';
  1547.                 const discounts = [0, 1, 2, 3, 4, 5, 20, 30, 100];
  1548.                 discounts.forEach(function(d){
  1549.                     discountOptionsHtml += `<option value="${d}" ${value.discount === d ? 'selected' : ''}>% ${d}</option>`;
  1550.                 });
  1551.                 
  1552.                 // Tax Options
  1553.                 let taxOptionsHtml = '';
  1554.                 const taxes = [0, 10, 20];
  1555.                 taxes.forEach(function(t){
  1556.                     const disabledAttr = t === 0 ? 'disabled' : '';
  1557.                     taxOptionsHtml += `<option value="${t}" ${value.tax === t ? 'selected' : ''} ${disabledAttr}>% ${t}</option>`;
  1558.                 });
  1560.                 const quantityVal = value.quantity !== undefined ? value.quantity.toFixed(2) : '1.00';
  1561.                 const unitPriceVal = value.unitPrice !== undefined ? value.unitPrice.toFixed(2) : '0.00';
  1562.                 const totalPriceVal = value.totalPurchasePrice !== undefined ? value.totalPurchasePrice.toFixed(2) : '0.00';
  1564.                 // Only standard rows get the name="..." attributes to be submitted
  1565.                 const nameAttr = isAvoir ? '' : 'name=';
  1567.                 return `
  1568.                     <tr id="${uuid}" data-product-id="${value.productid || ''}" class="${rowClass}">
  1569.                         <td>${infoButtonHtml}</td>
  1570.                         <td class="product-select-cell">
  1571.                             ${productSelectHtml}
  1572.                             ${unAllocatedHidens}
  1573.                         </td>
  1574.                         <td>
  1575.                             <div class="input-group input-group-sm" style="max-width: 220px;">
  1576.                                 <input type="number" ${!isAvoir ? 'name="quantity[]"' : ''}
  1577.                                        class="form-control quantity-input-row mask-money ${isAvoir ? 'text-danger' : ''}"
  1578.                                        value="${quantityVal}"
  1579.                                        min="0" step="0.01" data-uuid="${uuid}" ${inputReadonly}>
  1580.                                 <div class="input-group-append">
  1581.                                     ${quantityUnitSelectHtml}
  1582.                                 </div>
  1583.                             </div>
  1584.                         </td>
  1585.                         <td>
  1586.                             <input type="text" ${!isAvoir ? 'name="unitPrice[]"' : ''}
  1587.                                    class="form-control form-control-sm price-input-row mask-money ${isAvoir ? 'text-danger' : ''}"
  1588.                                    value="${unitPriceVal}"
  1589.                                    min="0" step="0.01" data-uuid="${uuid}"
  1590.                                    placeholder="Birim Fiyat" ${inputReadonly}>
  1591.                         </td>
  1592.                         <td>
  1593.                             <select ${!isAvoir ? 'name="discount[]"' : ''} class="form-control form-control-sm discount-select-row"
  1594.                                     data-uuid="${uuid}" ${readonly}>
  1595.                                 ${discountOptionsHtml}
  1596.                             </select>
  1597.                         </td>
  1598.                         <td>
  1599.                             <select ${!isAvoir ? 'name="tax[]"' : ''} class="form-control form-control-sm tax-select-row"
  1600.                                     data-uuid="${uuid}" ${readonly}>
  1601.                                 ${taxOptionsHtml}
  1602.                             </select>
  1603.                         </td>
  1604.                         <td class="text-right">
  1605.                             <input ${!isAvoir ? 'name="totalPrice[]"' : ''} type="text"
  1606.                                    class="form-control form-control-sm total-input-row mask-money ${isAvoir ? 'text-danger font-weight-bold' : ''}"
  1607.                                    value="${totalPriceVal}"
  1608.                                    data-uuid="${uuid}"
  1609.                                    placeholder="Toplam" ${inputReadonly}/>
  1610.                         </td>
  1611.                         <td class="text-center">
  1612.                             ${actionButtonsHtml}
  1613.                         </td>
  1614.                     </tr>
  1615.                     ${!isAvoir ? `
  1616.                     <tr class="info-details-row-class" data-uuid="${uuid}" style="display: none;">
  1617.                         <td colspan="8" style="padding: 0; border-top: none;">
  1618.                             <div class="info-details-content-class p-3" style="display: none;">
  1619.                                 <div class="row">
  1620.                                     <div class="col-md-3"><strong>Ürün Adı:</strong> ${value.productName}</div>
  1621.                                     <div class="col-md-3"><strong>Kod:</strong> ${value.code}</div>
  1622.                                     <div class="col-md-3"><strong>Ölçü:</strong> ${value.measurement}</div>
  1623.                                     <div class="col-md-3"><strong>Uzunluk:</strong> ${value.length || '-'}</div>
  1624.                                 </div>
  1625.                                 <div class="row mt-2">
  1626.                                     <div class="col-md-3"><strong>Genişlik:</strong> ${value.width || '-'}</div>
  1627.                                     <div class="col-md-3"><strong>Kalınlık:</strong> ${value.thickness || '-'}</div>
  1628.                                     <div class="col-md-3"><strong>Maliyet:</strong> ${(value.cost || 0).toFixed(2)} €</div>
  1629.                                     <div class="col-md-3"><strong>Depo:</strong> ${value.warehouse}</div>
  1630.                                 </div>
  1631.                             </div>
  1632.                         </td>
  1633.                     </tr>` : ''}
  1634.                 `;
  1635.             }
  1637.             // Render sold products table rows with complete editing capabilities
  1638.             // TODO: Seçilen ürün eğer hizmet ise dropdown da hizmet adını kaydedildiği şekilde göster
  1639.             function fetchSoldListRows() {
  1640.                 $('#product-list-table-tbody').empty();
  1642.                 soldList.forEach(function(value, index) {
  1643.                     const rowHtml = generateProductRowHtml(value, { isAvoir: false });
  1644.                     $('#product-list-table-tbody').append(rowHtml);
  1646.                     $(`.product-select-row[data-uuid="${value.uuid}"]`).select2({
  1647.                         theme: 'bootstrap4',
  1648.                         dropdownCssClass: 'custom-select-dropdown',
  1649.                         placeholder: 'Ürün Seçin',
  1650.                         allowClear: true
  1651.                     });
  1653.                     applyMasks();
  1655.                     // Load measurement units for each product row with default unit
  1656.                     const product = products.find(p => p.productid === value.productid);
  1657.                     const defaultUnitId = product ? product.measurementUnitId : null;
  1658.                     const preferredUnitId = (value.selectedUnitId !== undefined && value.selectedUnitId !== null && value.selectedUnitId !== '') ? value.selectedUnitId : defaultUnitId;
  1659.                     loadMeasurementUnitsForRow(value.productid, value.uuid, preferredUnitId);
  1660.                 });
  1662.                 // Check for Gift Voucher amount and add AVOIR row using reusable component
  1663.                 const totalVoucherAmount = calculateTotalGiftVoucherAmount();
  1664.                 if (!totalVoucherAmount.isZero()) {
  1665.                      const avoirItem = {
  1666.                         uuid: 'avoir-row',
  1667.                         productid: null,
  1668.                         productName: 'AVOIR',
  1669.                         quantity: 1,
  1670.                         unAllocatedQuantity: 0,
  1671.                         unitPrice: totalVoucherAmount.times(-1).toNumber(), // Negative unit price
  1672.                         totalPurchasePrice: totalVoucherAmount.times(-1).toNumber(), // Negative total
  1673.                         discount: 0,
  1674.                         tax: 0
  1675.                      };
  1676.                      
  1677.                      // We override the visual display of the price to be positive in the input if desired, 
  1678.                      // OR we keep it negative to indicate deduction. 
  1679.                      // The user request screenshot showed "AVOIR" in red. 
  1680.                      // Standard AVOIR usually implies negative context but let's stick to the styling.
  1681.                      // IMPORTANT: The screenshot usually shows the total as negative, so unit price should likely be negative too.
  1682.                      // Wait, if Quantity is 1 and Total is -Amount, Unit Price must be -Amount.
  1683.                      
  1684.                      const avoirRowHtml = generateProductRowHtml(avoirItem, { isAvoir: true });
  1685.                      $('#product-list-table-tbody').append(avoirRowHtml);
  1686.                 }
  1688.                 fetchStocks();
  1689.                 updateProductSelect();
  1690.                 updateTotalAmounts();
  1691.                 $('#warehouseselect').attr('disabled', soldList.length > 0);
  1692.             }
  1694.             // --- GIFT VOUCHER INTEGRATION ---
  1695.             // Set default ID to 0 or a value that won't match if not found.
  1696.             // Using Twig to find the ID.
  1697.             const PAYMENT_METHOD_GIFT_VOUCHER_ID = (function() {
  1698.                 {% for pm in paymentMethods %}
  1699.                     {% if pm.name == 'Hediye Çeki' or pm.name == 'Gift Voucher' %}
  1700.                         return "{{ pm.id }}";
  1701.                     {% endif %}
  1702.                 {% endfor %}
  1703.                 return null;
  1704.             })();
  1706.             function calculateTotalGiftVoucherAmount() {
  1707.                 let totalVoucher = new Decimal(0);
  1708.                 if (!PAYMENT_METHOD_GIFT_VOUCHER_ID) return totalVoucher;
  1710.                 payments.forEach(function(p) {
  1711.                     if (String(p.paymentMethod) === String(PAYMENT_METHOD_GIFT_VOUCHER_ID)) {
  1712.                         totalVoucher = totalVoucher.plus(convertToDecimal(p.amount));
  1713.                     }
  1714.                 });
  1715.                 return totalVoucher;
  1716.             }
  1717.             // ---------------------------------
  1720.             function renderServiceEditBtn(value){
  1721.               const product = products.find(p => p.productid === value.productid);
  1722.               if (isProductService(product.productid)) {
  1723.                 return `
  1724.                   <button type="button"
  1725.                           class="btn btn-warning btn-sm edit-service-button"
  1726.                           data-uuid="${value.uuid}"
  1727.                           title="Servisi Güncelle">
  1728.                     <i class="fas fa-edit"></i>
  1729.                   </button>
  1730.                 `;
  1731.               }
  1732.               return ''; // değilse hiç ekleme
  1733.             }
  1736.             function calculateRowFinancials(source) {
  1737.                 const quantity = convertToDecimal(source.quantity || 0);
  1738.                 const unAllocatedQuantity = convertToDecimal(source.unAllocatedQuantity || 0);
  1739.                 const unitPrice = convertToDecimal(source.unitPrice || 0);
  1740.                 const discountPercentage = convertToDecimal(source.discount || 0);
  1741.                 const taxPercentage = convertToDecimal(source.tax || 0);
  1743.                 const totalQuantity = quantity.plus(unAllocatedQuantity);
  1744.                 if (totalQuantity.isZero()) {
  1745.                     return {
  1746.                         subtotal: new Decimal(0),
  1747.                         discountAmount: new Decimal(0),
  1748.                         afterDiscount: new Decimal(0),
  1749.                         taxAmount: new Decimal(0),
  1750.                         total: new Decimal(0),
  1751.                         totalRounded: new Decimal(0),
  1752.                         taxPercentage
  1753.                     };
  1754.                 }
  1756.                 const subtotal = totalQuantity.mul(unitPrice);
  1757.                 const discountAmount = subtotal.mul(discountPercentage.div(100));
  1758.                 const afterDiscount = subtotal.minus(discountAmount);
  1759.                 const taxAmount = afterDiscount.mul(taxPercentage.div(100));
  1760.                 const total = afterDiscount.plus(taxAmount);
  1762.                 return {
  1763.                     subtotal,
  1764.                     discountAmount,
  1765.                     afterDiscount,
  1766.                     taxAmount,
  1767.                     total,
  1768.                     totalRounded: total.toDecimalPlaces(2, MONEY_ROUNDING_MODE),
  1769.                     taxPercentage
  1770.                 };
  1771.             }
  1773.             function aggregateSoldTotals() {
  1774.                 const aggregation = {
  1775.                     grossTotal: new Decimal(0),
  1776.                     totalDiscount: new Decimal(0),
  1777.                     subtotal: new Decimal(0),
  1778.                     tax: new Decimal(0),
  1779.                     grandTotal: new Decimal(0),
  1780.                     byTaxRate: {}
  1781.                 };
  1783.                 soldList.forEach(function(item) {
  1784.                     // item.totalPurchasePrice'ı kullan (manuel veya otomatik hesaplanmış)
  1785.                     const itemTotal = convertToDecimal(item.totalPurchasePrice || 0);
  1787.                     // Toplam üzerinden geriye doğru hesaplama
  1788.                     // Formül: total = subtotal × (1 - discount%) × (1 + tax%)
  1789.                     // Ters formül: afterDiscount = total / (1 + tax%)
  1790.                     //              subtotal = afterDiscount / (1 - discount%)
  1792.                     const taxPercentage = convertToDecimal(item.tax || 0);
  1793.                     const discountPercentage = convertToDecimal(item.discount || 0);
  1794.                     const taxMultiplier = new Decimal(1).plus(taxPercentage.div(100));
  1796.                     // Adım 1: KDV'yi çıkar → İndirim sonrası tutarı bul
  1797.                     // afterDiscount = total / (1 + tax%)
  1798.                     const afterDiscount = itemTotal.div(taxMultiplier);
  1800.                     // Adım 2: KDV tutarını hesapla
  1801.                     // taxAmount = afterDiscount × tax%
  1802.                     const taxAmount = afterDiscount.mul(taxPercentage.div(100));
  1804.                     // NOT: "Ara Toplam" (subtotal) = afterDiscount (indirim uygulanmış tutar)
  1805.                     // Çünkü görüntülenen "Ara Toplam" indirim sonrası, KDV öncesi tutar
  1807.                     // Calculate Gross (before discount)
  1808.                     const quantity = convertToDecimal(item.quantity).plus(convertToDecimal(item.unAllocatedQuantity));
  1809.                     const unitPrice = convertToDecimal(item.unitPrice); 
  1810.                     const grossLine = quantity.mul(unitPrice);
  1811.                     
  1812.                     // Calculate Discount derived from Gross vs Net
  1813.                     const discountAmount = grossLine.minus(afterDiscount);
  1815.                     aggregation.grossTotal = aggregation.grossTotal.plus(grossLine);
  1816.                     aggregation.totalDiscount = aggregation.totalDiscount.plus(discountAmount);
  1817.                     aggregation.subtotal = aggregation.subtotal.plus(afterDiscount);
  1818.                     aggregation.tax = aggregation.tax.plus(taxAmount);
  1819.                     aggregation.grandTotal = aggregation.grandTotal.plus(itemTotal);
  1821.                     const rateKey = taxPercentage.toFixed(4);
  1822.                     if (!aggregation.byTaxRate[rateKey]) {
  1823.                         aggregation.byTaxRate[rateKey] = {
  1824.                             rate: taxPercentage,
  1825.                             amount: new Decimal(0)
  1826.                         };
  1827.                     }
  1828.                     aggregation.byTaxRate[rateKey].amount = aggregation.byTaxRate[rateKey].amount.plus(taxAmount);
  1829.                 });
  1831.                 aggregation.subtotalRounded = aggregation.subtotal.toDecimalPlaces(2, MONEY_ROUNDING_MODE);
  1832.                 aggregation.taxRounded = aggregation.tax.toDecimalPlaces(2, MONEY_ROUNDING_MODE);
  1833.                 aggregation.grandTotalRounded = aggregation.grandTotal.toDecimalPlaces(2, MONEY_ROUNDING_MODE);
  1834.                 return aggregation;
  1835.             }
  1837.             // Track which row is being updated to prevent circular updates
  1838.             let rowUpdatingFromTotal = {};
  1839.             let rowUpdatingFromUnitPrice = {};
  1840.             // Track rows where total was manually entered (should not recalculate total)
  1841.             let rowHasManualTotal = {};
  1843.             function updateSoldProductFromRow(uuid) {
  1844.                 const itemIndex = soldList.findIndex(item => item.uuid === uuid);
  1845.                 if (itemIndex === -1) {
  1846.                     return;
  1847.                 }
  1849.                 // Eğer bu satır toplam tarafından güncelleniyorsa, tekrar toplam güncelleme
  1850.                 if(rowUpdatingFromTotal[uuid]) {
  1851.                     return;
  1852.                 }
  1854.                 rowUpdatingFromUnitPrice[uuid] = true;
  1856.                 const $row = $(`#${uuid}`);
  1857.                 const quantity = convertToDecimal($row.find('.quantity-input-row').val()).toNumber();
  1858.                 const unitPrice = convertToDecimal($row.find('.price-input-row').val()).toNumber();
  1859.                 const discount = convertToDecimal($row.find('.discount-select-row').val()).toNumber();
  1860.                 const tax = convertToDecimal($row.find('.tax-select-row').val()).toNumber();
  1862.                 soldList[itemIndex].quantity = quantity;
  1863.                 soldList[itemIndex].unitPrice = unitPrice;
  1864.                 soldList[itemIndex].discount = discount;
  1865.                 soldList[itemIndex].tax = tax;
  1867.                 const selectedUnitId = $row.find('.quantity-unit-select').val();
  1868.                 computeBaseUnitQuantity(soldList[itemIndex].productid, selectedUnitId, quantity, function(baseQty){
  1869.                     soldList[itemIndex].baseUnitQuantity = convertToDecimal(baseQty || quantity).toNumber();
  1870.                 });
  1872.                 // Eğer bu satırda manuel toplam girildiyse, toplam sabit kalmalı, sadece birim fiyat güncellensin
  1873.                 if (rowHasManualTotal[uuid]) {
  1874.                     // Manuel toplam korunuyor, birim fiyatı tersine hesapla
  1875.                     const manualTotal = convertToDecimal(soldList[itemIndex].totalPurchasePrice);
  1876.                     const totalQuantity = convertToDecimal(quantity).plus(convertToDecimal(soldList[itemIndex].unAllocatedQuantity || 0));
  1878.                     if (!totalQuantity.isZero()) {
  1879.                         const discountMultiplier = new Decimal(1).minus(convertToDecimal(discount).div(100));
  1880.                         const taxMultiplier = new Decimal(1).plus(convertToDecimal(tax).div(100));
  1882.                         if (discountMultiplier.isZero()) {
  1883.                             soldList[itemIndex].unitPrice = 0;
  1884.                             $row.find('.price-input-row').val('0.00');
  1885.                         } else if (!taxMultiplier.isZero()) {
  1886.                             const calculatedUnitPrice = manualTotal
  1887.                                 .div(taxMultiplier)
  1888.                                 .div(discountMultiplier)
  1889.                                 .div(totalQuantity)
  1890.                                 .toDecimalPlaces(6, MONEY_ROUNDING_MODE);
  1892.                             soldList[itemIndex].unitPrice = calculatedUnitPrice.toNumber();
  1893.                             $row.find('.price-input-row').val(calculatedUnitPrice.toDecimalPlaces(2, MONEY_ROUNDING_MODE).toFixed(2));
  1894.                         }
  1895.                     }
  1896.                     // Toplam input'u DEĞİŞTİRME - manuel değer korunuyor
  1897.                 } else {
  1898.                     // Normal hesaplama - toplam otomatik hesaplansın
  1899.                     const rowTotals = calculateRowFinancials(soldList[itemIndex]);
  1900.                     soldList[itemIndex].totalPurchasePrice = rowTotals.totalRounded.toNumber();
  1901.                     $row.find('.total-input-row').val(rowTotals.totalRounded.toFixed(2));
  1902.                 }
  1904.                 updateTotalAmounts();
  1905.                 fetchStocks();
  1906.                 fetchPaymentForm();
  1908.                 setTimeout(function(){ delete rowUpdatingFromUnitPrice[uuid]; }, 0);
  1909.             }
  1911.             // Toplam tutar değiştirildiğinde birim fiyatı tersine hesaplar
  1912.             function updateUnitPriceFromTotal(uuid) {
  1913.                 const itemIndex = soldList.findIndex(item => item.uuid === uuid);
  1914.                 if (itemIndex === -1) {
  1915.                     return;
  1916.                 }
  1918.                 // Eğer bu satır birim fiyat tarafından güncelleniyorsa, döngüyü engelle
  1919.                 if(rowUpdatingFromUnitPrice[uuid]) {
  1920.                     return;
  1921.                 }
  1923.                 rowUpdatingFromTotal[uuid] = true;
  1925.                 // ÖNEMLİ: Toplam manuel girildi, bu satırı işaretle
  1926.                 rowHasManualTotal[uuid] = true;
  1928.                 const $row = $(`#${uuid}`);
  1929.                 const totalValue = convertToDecimal($row.find('.total-input-row').val());
  1930.                 const item = soldList[itemIndex];
  1931.                 const totalQuantity = convertToDecimal(item.quantity || 0).plus(convertToDecimal(item.unAllocatedQuantity || 0));
  1933.                 if (totalQuantity.isZero()) {
  1934.                     setTimeout(function(){ delete rowUpdatingFromTotal[uuid]; }, 0);
  1935.                     return;
  1936.                 }
  1938.                 // Manuel girilen toplam değerini kaydet
  1939.                 soldList[itemIndex].totalPurchasePrice = totalValue.toNumber();
  1941.                 // Eğer toplam 0 ise, birim fiyat da 0 olmalı
  1942.                 if (totalValue.isZero()) {
  1943.                     $row.find('.price-input-row').val('0.00');
  1944.                     soldList[itemIndex].unitPrice = 0;
  1946.                     updateTotalAmounts();
  1947.                     fetchStocks();
  1948.                     fetchPaymentForm();
  1950.                     setTimeout(function(){ delete rowUpdatingFromTotal[uuid]; }, 0);
  1951.                     return;
  1952.                 }
  1954.                 const discountMultiplier = new Decimal(1).minus(convertToDecimal(item.discount || 0).div(100));
  1955.                 const taxMultiplier = new Decimal(1).plus(convertToDecimal(item.tax || 0).div(100));
  1957.                 // %100 indirimde discountMultiplier = 0 olur, bu durumda birim fiyat 0 olmalı
  1958.                 if (discountMultiplier.isZero()) {
  1959.                     $row.find('.price-input-row').val('0.00');
  1960.                     soldList[itemIndex].unitPrice = 0;
  1962.                     updateTotalAmounts();
  1963.                     fetchStocks();
  1964.                     fetchPaymentForm();
  1966.                     setTimeout(function(){ delete rowUpdatingFromTotal[uuid]; }, 0);
  1967.                     return;
  1968.                 }
  1970.                 if (taxMultiplier.isZero()) {
  1971.                     setTimeout(function(){ delete rowUpdatingFromTotal[uuid]; }, 0);
  1972.                     return;
  1973.                 }
  1975.                 // Formül: unitPrice = total / ((1 + tax%) * (1 - discount%) * quantity)
  1976.                 const unitPrice = totalValue
  1977.                     .div(taxMultiplier)
  1978.                     .div(discountMultiplier)
  1979.                     .div(totalQuantity)
  1980.                     .toDecimalPlaces(6, MONEY_ROUNDING_MODE);
  1982.                 $row.find('.price-input-row').val(unitPrice.toDecimalPlaces(2, MONEY_ROUNDING_MODE).toFixed(2));
  1983.                 soldList[itemIndex].unitPrice = unitPrice.toNumber();
  1985.                 // Sadece stok ve genel toplamları güncelle, satır toplamını değiştirme
  1986.                 updateTotalAmounts();
  1987.                 fetchStocks();
  1988.                 fetchPaymentForm();
  1990.                 setTimeout(function(){ delete rowUpdatingFromTotal[uuid]; }, 0);
  1991.             }
  1996.             // =============================================================================
  1997.             // WAREHOUSE SELECTION EVENT HANDLER
  1998.             // =============================================================================
  2000.             // Handle warehouse selection change
  2001.             $('#warehouseselect').on('change', function() {
  2002.                 getProductsFromWarehouse();
  2003.             });
  2005.             // Auto-select warehouse if there is only one
  2006.             var $warehouseSelect = $('#warehouseselect');
  2007.             if ($warehouseSelect.find('option').length === 2 && $warehouseSelect.val() === "") {
  2008.                  var firstWarehouseVal = $warehouseSelect.find('option').eq(1).val();
  2009.                  $warehouseSelect.val(firstWarehouseVal).trigger('change');
  2010.             }
  2012.             // Load measurement units for a specific product row (with caching)
  2013.             let measurementUnitsCache = {};
  2015.             function loadMeasurementUnitsForRow(productId, uuid, defaultUnitId = null) {
  2016.                 // Check cache first
  2017.                 if (measurementUnitsCache[productId]) {
  2018.                     populateUnitSelectForRow(uuid, measurementUnitsCache[productId], defaultUnitId);
  2019.                     return;
  2020.                 }
  2022.                 // Load from server if not cached
  2023.                 $.get('/product/' + productId + '/measurement-units', function(units) {
  2024.                     // Cache the units
  2025.                     measurementUnitsCache[productId] = units || [];
  2026.                     populateUnitSelectForRow(uuid, units, defaultUnitId);
  2027.                 }).fail(function() {
  2028.                     console.log('Failed to load measurement units for product:', productId);
  2029.                     measurementUnitsCache[productId] = []; // Cache empty array to prevent repeated requests
  2030.                 });
  2031.             }
  2033.             // Populate unit select dropdown for a specific row
  2034.             function populateUnitSelectForRow(uuid, units, defaultUnitId = null) {
  2035.                 const $select = $(`.quantity-unit-select[data-uuid="${uuid}"]`);
  2036.                 $select.empty();
  2038.                 if (Array.isArray(units) && units.length > 0) {
  2039.                     units.forEach(function(unit) {
  2040.                         const isSelected = defaultUnitId !== null && defaultUnitId !== undefined && defaultUnitId !== '' && String(unit.id) === String(defaultUnitId);
  2041.                         const selectedAttr = isSelected ? ' selected' : '';
  2042.                         $select.append('<option value="' + unit.id + '"' + selectedAttr + '>' + unit.symbol + '</option>');
  2043.                     });
  2044.                     if (units.length === 1) {
  2045.                         $select.prop('disabled', true);
  2046.                     } else {
  2047.                         $select.prop('disabled', false);
  2048.                     }
  2049.                 } else {
  2050.                     $select.append('<option value="">-</option>');
  2051.                     $select.prop('disabled', false);
  2052.                 }
  2053.             }
  2055.             // Update total amounts in footer
  2056.             function updateTotalAmounts() {
  2057.                 const taxLabelPrefix = "TVA";
  2058.                 const taxTotalLabel = "{{ 'total'|trans|e('js') }}";
  2059.                 const formatTaxRate = function(rateDecimal) {
  2060.                     const rateNumber = convertToDecimal(rateDecimal || 0).toNumber();
  2061.                     if (!isFinite(rateNumber)) {
  2062.                         return "0";
  2063.                     }
  2064.                     if (Math.abs(rateNumber % 1) < 1e-6) {
  2065.                         return rateNumber.toFixed(0);
  2066.                     }
  2067.                     return rateNumber.toFixed(2).replace(/\.?0+$/, "");
  2068.                 };
  2070.                 const totals = aggregateSoldTotals();
  2071.                 const $tfoot = $("#product-list-table tfoot");
  2072.                 $tfoot.empty();
  2074.                 // Helper to create row
  2075.                 const addRow = (label, value, isBold=false, colorClass='') => {
  2076.                     const row = $(`<tr class="summary-row ${isBold ? 'font-weight-bold' : ''} ${colorClass}">
  2077.                         <td colspan="8">
  2078.                             <div class="sale-summary-row">
  2079.                                 <span class="summary-label">${label}</span>
  2080.                                 <span class="summary-value">${formatCurrency(value)}</span>
  2081.                             </div>
  2082.                         </td>
  2083.                     </tr>`);
  2084.                     $tfoot.append(row);
  2085.                 };
  2087.                 // 1. Total H.T. (Gross)
  2088.                 addRow('Total H.T.:', totals.grossTotal, true);
  2090.                 // 2. Remise
  2091.                 if (!totals.totalDiscount.isZero() && totals.totalDiscount.toNumber() > 0.005) {
  2092.                      const $row = $(`<tr class="summary-row">
  2093.                         <td colspan="8">
  2094.                             <div class="sale-summary-row">
  2095.                                 <span class="summary-label">Remise:</span>
  2096.                                 <span class="summary-value">${formatCurrency(totals.totalDiscount.negated())}</span>
  2097.                             </div>
  2098.                         </td>
  2099.                     </tr>`);
  2100.                     $tfoot.append($row);
  2101.                 }
  2103.                 // 3. Total H.T. (Net)
  2104.                 addRow('Total H.T.:', totals.subtotal, true);
  2106.                 // 4. AVOIR
  2107.                 const totalVoucherAmount = calculateTotalGiftVoucherAmount();
  2108.                 let finalTotal = totals.grandTotalRounded; // Assuming totals.grandTotalRounded is available in result? Yes
  2109.                 // Wait, aggregateSoldTotals returns grandTotalRounded.
  2110.                 // But calculateSaleSummary in edit.html.twig returned summary.roundedTotal.
  2111.                 
  2112.                 if (!totalVoucherAmount.isZero()) {
  2113.                     const $avoirRow = $(`<tr class="summary-row text-danger font-weight-bold">
  2114.                         <td colspan="8">
  2115.                             <div class="sale-summary-row">
  2116.                                 <span class="summary-label">AVOIR:</span>
  2117.                                 <span class="summary-value">-${formatCurrency(totalVoucherAmount)}</span>
  2118.                             </div>
  2119.                         </td>
  2120.                     </tr>`);
  2121.                     $tfoot.append($avoirRow);
  2122.                     
  2123.                     finalTotal = finalTotal.minus(totalVoucherAmount);
  2124.                 }
  2126.                 // 5. TVA
  2127.                 const taxEntries = Object.values(totals.byTaxRate)
  2128.                     .filter(function(entry) { return !entry.amount.isZero(); })
  2129.                     .sort(function(a, b) { return a.rate.toNumber() - b.rate.toNumber(); });
  2131.                 if (taxEntries.length) {
  2132.                     taxEntries.forEach(function(entry) {
  2133.                          addRow(taxLabelPrefix + " (" + formatTaxRate(entry.rate) + "%):", entry.amount);
  2134.                     });
  2135.                 } else {
  2136.                      addRow(taxLabelPrefix + " (0%):", 0);
  2137.                 }
  2139.                 // 6. TOTAL
  2140.                 const $totalRow = $(`<tr class="total-row summary-row font-weight-bold">
  2141.                     <td colspan="8">
  2142.                         <div class="sale-summary-row summary-total">
  2143.                             <span class="summary-label">TOTAL À PAYER (EUR):</span>
  2144.                             <span class="summary-value display-5">${formatCurrency(finalTotal)}</span>
  2145.                         </div>
  2146.                     </td>
  2147.                 </tr>`);
  2148.                 $tfoot.append($totalRow);
  2150.                 calculateAndWriteDiffBetweenPaymentAndSolds();
  2151.             }
  2153.             // Update sold list item by UUID
  2154.             function updateSoldListItem(uuid, field, value) {
  2155.                 const itemIndex = soldList.findIndex(item => item.uuid === uuid);
  2156.                 if (itemIndex === -1) {
  2157.                     return;
  2158.                 }
  2160.                 soldList[itemIndex][field] = convertToDecimal(value).toNumber();
  2161.                 updateSoldProductFromRow(uuid);
  2162.             }
  2164.             // Satıştaki miktarları listeden düşme Un Allocated HARİÇ tutulur
  2165.             function fetchStocks() {
  2166.                 // soldList'i productid'e göre grupla
  2167.                 const groupedSoldList = soldList.reduce((acc, soldProduct) => {
  2168.                     if (!acc[soldProduct.productid]) {
  2169.                         acc[soldProduct.productid] = 0;
  2170.                     }
  2171.                     acc[soldProduct.productid] += convertToDecimal(soldProduct.baseUnitQuantity).toNumber();
  2172.                     return acc;
  2173.                 }, {});
  2175.                 // products listesindeki totalQuantity'yi güncelle
  2176.                 products.forEach(product => {
  2177.                     if (groupedSoldList[product.productid]) {
  2178.                         const totalSoldQuantity = groupedSoldList[product.productid];
  2179.                         product.quantity = roundStockToDecimal(convertToDecimal(product.totalQuantity - totalSoldQuantity).toNumber());
  2180.                     } else {
  2181.                         // Eğer soldList'te bu ürün yoksa, quantity aynı kalır
  2182.                         product.quantity = roundStockToDecimal(convertToDecimal(product.totalQuantity).toNumber());
  2183.                     }
  2184.                 });
  2185.                 calculateAndWriteDiffBetweenPaymentAndSolds();
  2186.             }
  2188.             function getTotalSoldAmount() {
  2189.                 return aggregateSoldTotals().grandTotalRounded.toNumber();
  2190.             }
  2192.             $(document).on('blur', '#payment-list-table-tbody .payment-amount-input', function() {
  2193.                 // Buraya kod eklenebilir
  2194.             });
  2196.             // Gelen değeri decimale çevirme
  2197.             function convertToDecimal(value) {
  2198.                 try {
  2199.                     if (value instanceof Decimal) {
  2200.                         return value;
  2201.                     }
  2202.                     if (value === undefined || value === null) {
  2203.                         return new Decimal(0);
  2204.                     }
  2205.                     if (typeof value === 'number') {
  2206.                         if (!isFinite(value) || isNaN(value)) {
  2207.                             return new Decimal(0);
  2208.                         }
  2209.                         return new Decimal(value);
  2210.                     }
  2211.                     if (typeof value === 'string') {
  2212.                         // Keep digits, minus, dot and comma; strip others
  2213.                         var sanitized = value.replace(/[^0-9.,-]/g, '').replace(/,/g, '').trim();
  2214.                         if (sanitized === '' || sanitized === '-' || sanitized === '.' || sanitized === '-.') {
  2215.                             return new Decimal(0);
  2216.                         }
  2217.                         return new Decimal(sanitized);
  2218.                     }
  2219.                     return new Decimal(0);
  2220.                 } catch (e) {
  2221.                     return new Decimal(0);
  2222.                 }
  2223.             }
  2226.             // Seçilen ürünün birimini dropdown'da gösterme (handled by main product select handler)
  2227.             function clearUnitSelects(){
  2228.                 $('#adder-quantity-unit-select').empty().append('<option value="">-</option>');
  2229.                 $('#adder-unallocated-quantity-unit-select').empty().append('<option value="">-</option>');
  2230.                 $('#modal-unallocated-unit').empty().append('<option value="">-</option>');
  2231.             }
  2233.             // Select içine çevrilebilir birimleri koyuyor
  2234.             function populateSelectWithUnits($select, units) {
  2235.                 $select.empty();
  2236.                 if (Array.isArray(units) && units.length > 0) {
  2237.                     units.forEach(function(unit) {
  2238.                         $select.append('<option value="' + unit.id + '">' + unit.symbol + '</option>');
  2239.                     });
  2240.                     if (units.length === 1) {
  2241.                         $select.prop('disabled', true);
  2242.                     } else {
  2243.                         $select.prop('disabled', false);
  2244.                     }
  2245.                 } else {
  2246.                     $select.append('<option value="">-</option>');
  2247.                     $select.prop('disabled', false);
  2248.                 }
  2249.             }
  2251.             // Ürünün çevrilebilir birimlerini select içine koyuyoruz.
  2252.             function refreshUnitSelectsForProduct(product) {
  2253.                 if (!product || !product.convertibleUnits) {
  2254.                     clearUnitSelects();
  2255.                     return;
  2256.                 }
  2257.                 populateSelectWithUnits($('#adder-quantity-unit-select'), product.convertibleUnits);
  2258.                 populateSelectWithUnits($('#adder-unallocated-quantity-unit-select'), product.convertibleUnits);
  2259.                 populateSelectWithUnits($('#modal-unallocated-unit'), product.convertibleUnits);
  2260.             }
  2262.             // TODO:  Birimler doldurulurken ilgili birimin karşılığındaki miktar yazılacak
  2263.             function fillUnitSelects(product){
  2264.                 // Check cache first
  2265.                 if (measurementUnitsCache[product.productid]) {
  2266.                     product.convertibleUnits = measurementUnitsCache[product.productid];
  2267.                     refreshUnitSelectsForProduct(product);
  2268.                     computeAndShowBaseUnitEquivalent();
  2269.                     return;
  2270.                 }
  2274.                 $.get('/product/' + product.productid + '/measurement-units', function(units) {
  2275.                     // Cache the units
  2276.                     measurementUnitsCache[product.productid] = units || [];
  2277.                     // Store in product object
  2278.                     product.convertibleUnits = units || [];
  2279.                     // Update selects
  2280.                     refreshUnitSelectsForProduct(product);
  2281.                     // Set default unit as selected
  2282.                     if (product.measurementUnitId) {
  2283.                         $('#adder-quantity-unit-select').val(product.measurementUnitId);
  2284.                         $('#adder-unallocated-quantity-unit-select').val(product.measurementUnitId);
  2285.                         $('#modal-unallocated-unit').val(product.measurementUnitId);
  2286.                     }
  2287.                     computeAndShowBaseUnitEquivalent();
  2288.                 });
  2289.             }
  2291.             // Seçilen birimde girilen miktarın, ürünün KENDİ birimindeki karşılığını hesaplar ve inputun altına küçük yazıyla gösterir
  2292.             function computeAndShowBaseUnitEquivalent() {
  2293.                 try {
  2294.                     const selectedProduct = getSelectedProduct();
  2295.                     if (!selectedProduct || !selectedProduct.productid) {
  2296.                         updateAllocatedQuantityHint('');
  2297.                         return;
  2298.                     }
  2300.                     const fromUnitId = $('#adder-quantity-unit-select').val();
  2301.                     const qtyStr = $('#adder-allocated-quantity').val();
  2303.                     // If base unit is selected, do not show duplicate label
  2304.                     if (fromUnitId && String(fromUnitId) === String(selectedProduct.measurementUnitId)) {
  2305.                         updateAllocatedQuantityHint('');
  2306.                         return;
  2307.                     }
  2309.                     if (!fromUnitId || fromUnitId === '' || qtyStr === '' || qtyStr === null) {
  2310.                         updateAllocatedQuantityHint('');
  2311.                         return;
  2312.                     }
  2314.                     const quantity = convertToDecimal(qtyStr).toNumber();
  2315.                     if (isNaN(quantity)) {
  2316.                         updateAllocatedQuantityHint('');
  2317.                         return;
  2318.                     }
  2320.                     $.ajax({
  2321.                         url: '/admin/measurement/convert-to-product-unit',
  2322.                         method: 'POST',
  2323.                         dataType: 'json',
  2324.                         data: {
  2325.                             productId: selectedProduct.productid,
  2326.                             fromUnitId: fromUnitId,
  2327.                             quantity: quantity
  2328.                         },
  2329.                         success: function(resp) {
  2330.                             if (resp && resp.success) {
  2331.                                 const unitText = selectedProduct.measurementUnit ? (' ' + selectedProduct.measurementUnit) : '';
  2332.                                 updateAllocatedQuantityHint((Number(resp.result).toFixed(2)) + unitText);
  2333.                             } else {
  2334.                                 updateAllocatedQuantityHint('');
  2335.                             }
  2336.                         },
  2337.                         error: function() {
  2338.                             updateAllocatedQuantityHint('');
  2339.                         }
  2340.                     });
  2341.                 } catch (e) {
  2342.                     updateAllocatedQuantityHint('');
  2343.                 }
  2344.             }
  2346.             // Base unit tipinden miktar.
  2347.             function updateAllocatedQuantityHint(text) {
  2348.                 const $group = $('#adder-allocated-quantity').closest('.input-group');
  2349.                 if ($('#allocated-quantity-converted-hint').length === 0) {
  2350.                     $('<small id="allocated-quantity-converted-hint" class="form-text text-muted"></small>').insertAfter('#adder-quantity-unit-select');
  2351.                 }
  2352.                 $('#allocated-quantity-converted-hint').text(text || '');
  2353.             }
  2359.             function roundToDecimal(value, decimalPlaces = 2) {
  2360.                 const decimalValue = new Decimal(value);
  2361.                 const roundedValue = decimalValue.toDecimalPlaces(decimalPlaces, Decimal.ROUND_UP);
  2362.                 return roundedValue.toNumber();
  2363.             }
  2365.             function roundStockToDecimal(value, decimalPlaces = 2) {
  2366.                 const decimalValue = new Decimal(value);
  2367.                 const roundedValue = decimalValue.toDecimalPlaces(decimalPlaces, Decimal.ROUND_DOWN);
  2368.                 return roundedValue.toNumber();
  2369.             }
  2371.             function selectProduct(productId) {
  2372.                 products.forEach(product => product.selected = false);
  2373.                 let product = products.find(product => product.productid === productId);
  2374.                 if (product) {
  2375.                     product.selected = true;
  2376.                 }
  2377.                 return products;
  2378.             }
  2380.             function getSelectedProduct() {
  2381.                 return products.find(product => product.selected === true);
  2382.             }
  2385.             // Ürün seçme selectini yeniden güncelleme.
  2386.             function updateProductSelect() {
  2387.                 $('#productselect').empty();
  2388.                 $('#productselect').append('<option value="0" data-image="image-not-found.webp">Ürün Seçin</option>');
  2389.                 $.each(products, function(index, value) {
  2390.                     var image = value.image;
  2391.                     var option = '<option value="' + value.id + '" data-image="' + image + '" class="stockoption">' + value.name + ' - ' + value.code + ' - ' + value.measurement + ' - ' + value.quantity + '</option>';
  2392.                     $('#productselect').append(option);
  2393.                 });
  2394.                 $('#productselect').attr('disabled', false);
  2395.             }
  2397.             $('#products_sold_quantity').mask("##0.00", {
  2398.                 reverse: true
  2399.             });
  2400.             $('#adder-allocated-quantity').mask("##0.00", {
  2401.                 reverse: true
  2402.             });
  2403.             $('#adder-unallocated-quantity').mask("##0.00", {
  2404.                 reverse: true
  2405.             });
  2406.             $('#adder-price').mask("##0.00", {
  2407.                 reverse: true
  2408.             });
  2409.             $('#adder-total').mask("##0.00", {
  2410.                 reverse: true
  2411.             });
  2412.             $('#products_sold_unitPriceFob').mask("#,##0.00", {
  2413.                 reverse: true
  2414.             });
  2415.             $('#products_sold_unitPriceNavlun').mask("#,##0.00", {
  2416.                 reverse: true
  2417.             });
  2418.             $('#products_sold_totalUnitPrice').mask("#,##0.00", {
  2419.                 reverse: true
  2420.             });
  2423.             $('#products_sold_totalUnitPurchasePrice').mask("#,##0.00", {
  2424.                 reverse: true
  2425.             });
  2426.             $('#products_sold_totalPrice').mask("#,##0.00", {
  2427.                 reverse: true
  2428.             });
  2429.             $('#products_sold_totalPuchasePrice').mask("#,##0.00", {
  2430.                 reverse: true
  2431.             });
  2432.             $('#sales_form_totalPurchasePrice').mask("#,##0.00", {
  2433.                 reverse: true
  2434.             });
  2436.             $('#sales_form_totalPurchasePrice').attr('readonly', 'readonly');
  2437.             var totalQuantity = 0;
  2438.             var productId = 0;
  2439.             var productname = $('#products_sold_productName');
  2440.             var productmeasurement = $('#products_sold_measurement');
  2441.             var unitPriceFob = $('#products_sold_unitPriceFob');
  2442.             var unitPricenavlun = $('#products_sold_unitPriceNavlun');
  2443.             var totalUnitPrice = $('#products_sold_totalUnitPrice');
  2445.             // ÖDEME FORMU LİSTEYE EKLEME
  2446.             $('#save-payment-btn').on('click', function() {
  2447.                 let amount = roundToDecimal(convertToDecimal($('#payment_amount').val()));
  2448.                 let payment_paymentStatus = $('#payment_paymentStatus').val();
  2449.                 let payment_paymentDate = $('#payment_paymentDate').val();
  2450.                 let payment_dueDate = $('#payment_dueDate').val();
  2451.                 let payment_paymentMethod = $('#payment_paymentMethod').val();
  2452.                 let payment_description = $('#payment_description').val();
  2454.                 if (amount <= 0 || !payment_paymentStatus || !payment_paymentDate || !payment_dueDate || !payment_paymentMethod || !payment_description) {
  2455.                     throw new Error("Formdaki eksikleri tamamlayın lütfen")
  2456.                 }
  2458.                 payment = {
  2459.                     uuid: crypto.randomUUID(),
  2460.                     amount: amount,
  2461.                     status: payment_paymentStatus,
  2462.                     paymentDate: payment_paymentDate,
  2463.                     paymentDueDate: payment_dueDate,
  2464.                     paymentMethod: payment_paymentMethod,
  2465.                     description: payment_description,
  2466.                     voucherCode: $('#payment_voucherCode').val()
  2467.                 }
  2468.                 payments.push(payment);
  2469.                 fetchPaymentForm();
  2470.                 // Trigger update to show AVOIR if needed
  2471.                 fetchSoldListRows();
  2472.             });
  2474.             // Ödeme satırını silme işlemi
  2475.             $(document).on('click', '.delete-payment', function() {
  2476.                 $row = $(this).closest('tr');
  2477.                 let id = $row.attr("id");
  2478.                 payments = payments.filter(payment => payment.uuid !== id);
  2479.                 fetchPaymentForm();
  2480.                 // Trigger update to remove AVOIR if needed
  2481.                 fetchSoldListRows();
  2482.             });
  2484.             // Ödeme formunu güncelleme
  2485.             function fetchPaymentForm() {
  2486.                 $('#payment-list-table-tbody').empty();
  2487.                 payments.forEach(function(val) {
  2488.                     var newRow = `<tr id="${val.uuid}">
  2489.                         <td><input type="text" class="form-control payment-amount payment-amount-input" value="${addCommas(val.amount) || ''}" name="paymentAmount[]" placeholder="Miktar"></td>
  2490.                         <td>
  2491.                             <select class="form-control" name="paymentStatus[]">
  2492.                                 <option value="0" ${val.status === "0" ? 'selected' : ''}>{% trans %} payment_status.paid {% endtrans %}</option>
  2493.                                 <option value="1" ${val.status === "1" ? 'selected' : ''}>{% trans %} payment_status.not_paid {% endtrans %}</option>
  2494.                                 <option value="2" ${val.status === "2" ? 'selected' : ''}>{% trans %} payment_status.term_sale {% endtrans %}</option>
  2495.                             </select>
  2496.                         </td>
  2497.                         <td><input name="paymentDate[]" type="date" class="form-control" value="${val.paymentDate || ''}" required></td>
  2498.                         <td><input name="paymentDueDate[]" type="date" class="form-control" value="${val.paymentDueDate || ''}" required></td>
  2499.                         <td>
  2500.                             <select class="form-control" name="paymentMethod[]">
  2501.                                 <option value="0">Ödeme Yöntemi Seçin</option>
  2502.                                 {% for paymentMethod in paymentMethods %}
  2503.                                 <option value="{{ paymentMethod.id }}" ${val.paymentMethod === '{{ paymentMethod.id }}' ? 'selected' : ''}>
  2504.                                     {{ paymentMethod.name }}
  2505.                                 </option>
  2506.                                 {% endfor %}
  2507.                             </select>
  2508.                         </td>
  2509.                         <td><input type="text" class="form-control" value="${val.description || ''}" name="description[]">
  2510.                             <input type="hidden" name="voucherCode[]" value="${val.voucherCode || ''}">
  2511.                         </td>
  2512.                         <td><button type="button" class="btn btn-primary btn-sm save-payment-row">{% trans %} save {% endtrans %}</button></td>
  2513.                         <td><button type="button" class="btn btn-danger btn-sm delete-payment">{% trans %} delete {% endtrans %}</button></td>
  2514.                     </tr>`;
  2516.                     // Yeni satırı tabloya ekle
  2517.                     $('#payment-list-table-tbody').append(newRow);
  2518.                     $('#add-payment-modal').modal("hide");
  2519.                     resetPaymentForm();
  2520.                 });
  2521.                 calculateAndWriteDiffBetweenPaymentAndSolds();
  2522.             }
  2524.             function updatePaymentByUUID(uuid, updatedData) {
  2525.                 const paymentIndex = payments.findIndex(payment => payment.uuid === uuid);
  2526.                 if (paymentIndex === -1) {
  2527.                     console.error(`Payment with UUID ${uuid} not found!`);
  2528.                     return false;
  2529.                 }
  2530.                 payments[paymentIndex] = {
  2531.                     ...payments[paymentIndex], // Mevcut veriler
  2532.                     ...updatedData // Yeni veriler
  2533.                 };
  2534.                 fetchPaymentForm();
  2535.                 return true;
  2536.             }
  2538.             function calculateAndWriteDiffBetweenPaymentAndSolds(existingTotals = null) {
  2539.                 const totals = existingTotals || aggregateSoldTotals();
  2540.                 const saleTotalRounded = totals.grandTotalRounded;
  2541.                 const paymentTotal = convertToDecimal(calculateTotalPaymentAmount());
  2542.                 const diff = totals.grandTotal.minus(paymentTotal);
  2543.                 const diffRounded = diff.toDecimalPlaces(2, MONEY_ROUNDING_MODE);
  2545.                 $('#total-amount-span').html(addCommas(saleTotalRounded.toFixed(2)));
  2546.                 $('#remainder-amount-span').html(addCommas(diffRounded.toFixed(2)));
  2547.             }
  2549.             function resetPaymentForm() {
  2550.                 $('#payment_amount').val('');
  2551.                 $('#payment_description').val('');
  2552.                 $('#payment_voucherCode').val('');
  2553.                 $('#payment_voucherCode').closest('.form-group').hide(); // Reset visibility
  2554.             }
  2556.             $(document).on('click', '.save-payment-row', function() {
  2557.                 const $row = $(this).closest('tr');
  2558.                 const uuid = $row.attr('id');
  2559.                 const updatedData = {
  2560.                     amount: convertToDecimal($row.find('input[name="paymentAmount[]"]').val().replace(',', '')).toNumber(),
  2561.                     status: $row.find('select[name="paymentStatus[]"]').val(),
  2562.                     paymentDate: $row.find('input[name="paymentDate[]"]').val(),
  2563.                     paymentDueDate: $row.find('input[name="paymentDueDate[]"]').val(),
  2564.                     paymentMethod: $row.find('select[name="paymentMethod[]"]').val(),
  2565.                     description: $row.find('input[name="description[]"]').val(),
  2566.                     voucherCode: $row.find('input[name="voucherCode[]"]').val()
  2567.                 };
  2568.                 const result = updatePaymentByUUID(uuid, updatedData);
  2569.                 if (result) {
  2570.                     showSuccessAlert("Ödeme satırı güncellendi :", updatedData);
  2571.                 } else {
  2572.                     console.log("Failed to update payment.");
  2573.                 }
  2574.             });
  2576.             function resetAddProductForm() {
  2577.                 $('#products_sold_quantity').val(0);
  2578.                 $('#products_sold_totalUnitPurchasePrice').val(0);
  2579.                 $('#products_sold_unAllocatedQuantity').val(0);
  2580.                 $('#products_sold_totalPuchasePrice').val(0);
  2581.             }
  2585.             function calculatePrice() {
  2586.                 var quantityP = convertToFloat($('#products_sold_quantity').val());
  2587.                 var unAllocatedQuantityP = convertToFloat($('#products_sold_unAllocatedQuantity').val());
  2588.                 var totalUnitPurchasePriceP = convertToFloat($('#products_sold_totalUnitPurchasePrice').val());
  2589.                 var taxP = convertToFloat($('#products_sold_tax').val());
  2590.                 var discountP = convertToFloat($('#products_sold_discount').val());
  2591.                 var totalAmount = (quantityP + unAllocatedQuantityP) * totalUnitPurchasePriceP;
  2592.                 var discountedAmount = totalAmount - (totalAmount * (discountP / 100));
  2593.                 var finalAmount = discountedAmount + (discountedAmount * (taxP / 100));
  2594.                 finalAmount = roundToTwoDecimals(finalAmount);
  2595.                 $('#products_sold_totalPuchasePrice').val(finalAmount);
  2596.             }
  2598.             $(document).on('change', '#products_sold_tax', calculatePrice);
  2599.             $(document).on('change', '#products_sold_discount', calculatePrice);
  2600.             $(document).on('change', '#products_sold_quantity', calculatePrice);
  2601.             $(document).on('change', '#products_sold_totalUnitPurchasePrice', calculatePrice);
  2603.             function roundToTwoDecimals(number) {
  2604.                 var factor = Math.pow(10, 2);
  2605.                 return (Math.round(number * factor) / factor).toFixed(2);
  2606.             }
  2608.             function validate(s) {
  2609.                 var rgx = /^[0-9]*\.?[0-9]*$/;
  2610.                 return s.match(rgx);
  2611.             }
  2613.             function convertToFloat(value) {
  2614.                 if (typeof value === "string") {
  2615.                     value = value.replace(',', '');
  2616.                 }
  2617.                 return parseFloat(value);
  2618.             }
  2620.             $(document).on('change', 'input[name="totalUnitPurchasePrice[]"]', function() {
  2621.                 var unitPrice = $(this).val();
  2622.             });
  2626.             var productCode = 0;
  2628.             $('#productselect').on('change', function() {
  2629.                 $.ajax({
  2630.                     url: "/stock-detail/" + $('#productselect option:selected').val(),
  2631.                     dataType: 'JSON',
  2632.                     method: 'GET',
  2633.                     success: function(response) {
  2634.                         var productid = response.productid;
  2635.                         var product = products.find(function(item) {
  2636.                             return item.productid === productid;
  2637.                         });
  2640.                         product.length = response.length;
  2641.                         product.priceFob = response.priceFob;
  2642.                         product.priceNavlun = response.priceNavlun;
  2643.                         product.totalQuantity = response.totalQuantity;
  2644.                         product.quantity = response.quantity;
  2645.                         product.unAllocatedQuantity = response.unAllocatedQuantity;
  2646.                         product.thickness = response.thickness;
  2647.                         product.totalUnitPrice = response.totalUnitPrice;
  2648.                         product.width = response.width;
  2649.                         selectProduct(product.productid);
  2650.                         getProductCost(product.productid);
  2651.                         fetchStocks();
  2652.                         productname.val(product.name);
  2653.                         productmeasurement.val(product.measurement);
  2654.                         productCode = product.code;
  2655.                         unitPriceFob.val(addCommas(product.priceFob));
  2656.                         unitPricenavlun.val(addCommas(product.priceNavlun));
  2657.                         totalUnitPrice.val(addCommas(product.priceNavlun + response.priceFob));
  2658.                         totalQuantity = product.totalQuantity;
  2659.                         productId = product.productid;
  2660.                         // Seçilen ürün için birimleri yükle ve ana birimi seç
  2661.                         fillUnitSelects(product);
  2662.                         computeAndShowBaseUnitEquivalent();
  2663.                     },
  2664.                     error: function(error) {
  2665.                         // Hata yönetimi
  2666.                     }
  2667.                 });
  2668.             });
  2670.             function isProductService(productId){
  2671.                 const product = products.find(product => product.productid === productId);
  2672.                 const productType = product.productType.key;
  2673.                 if(productType === "INSTALLATION_SERVICE" || productType === "MAINTENANCE_SERVICE" || productType === "CONSULTATION_SERVICE" || productType === 'TREE'){
  2674.                     return true;
  2675.                 }
  2676.                 return false;
  2677.             }
  2679.             // TODO
  2680.             $('#add-product-row-btn').on('click', function() {
  2681.                 var productId = $('#productselect').val();
  2682.                 if (!productId || productId <= 0) {
  2683.                     showErrorAlert("Ürün seçimi yapın");
  2684.                     return;
  2685.                 }
  2687.                 let product = getSelectedProduct();
  2688.                 const productType = product.productType.key;
  2690.                 var quantity = $('#adder-allocated-quantity').val();
  2691.                 var unAllocatedQuantity = $('#adder-unallocated-quantity').val();
  2692.                 var unitPrice = $('#adder-price').val();
  2693.                 var tax = $('#adder-tva-select').val();
  2694.                 var discount = $('#adder-discount-select').val();
  2695.                 var totalPurchasePrice = $('#adder-total').val();
  2697.                 quantity = convertToDecimal(quantity);
  2698.                 unAllocatedQuantity = convertToDecimal(unAllocatedQuantity);
  2699.                 unitPrice = convertToDecimal(unitPrice);
  2700.                 tax = convertToDecimal(tax);
  2701.                 discount = convertToDecimal(discount);
  2702.                 totalPurchasePrice = convertToDecimal(totalPurchasePrice);
  2705.                 if(productType === 'TREE') {
  2707.                 }
  2710.                 checkStockQuantity(quantity);
  2713.                 const selectedUnitId = $('#adder-quantity-unit-select').val();
  2714.                 if (!selectedUnitId || String(selectedUnitId) === '') {
  2715.                     showErrorAlert('Lütfen birim seçiniz.');
  2716.                     return;
  2717.                 }
  2719.                 const item =  addProductToSoldList(
  2720.                                     product.productid,
  2721.                                     product.name,
  2722.                                     product.code,
  2723.                                     product.measurement,
  2724.                                     quantity,
  2725.                                     unitPrice,
  2726.                                     tax,
  2727.                                     discount,
  2728.                                     totalPurchasePrice,
  2729.                                     product.warehouseid,
  2730.                                     unAllocatedQuantity,
  2731.                                     product.thickness,
  2732.                                     product.width,
  2733.                                     product.length,
  2734.                                     product.cost,
  2735.                                     product.productType,
  2736.                                     selectedUnitId,
  2737.                                 );
  2738.                 if(isProductService(product.productid)){
  2739.                     $('#update_service_id').val(item.uuid);
  2740.                     $('#updateServiceModal').modal('show');
  2741.                 }else{
  2742.                   if(quantity.toNumber() === 0 && unAllocatedQuantity.toNumber() === 0) {
  2743.                     showErrorAlert("Miktar veya tahsis edilmemiş miktar 0 olamaz");
  2744.                     return;
  2745.                   }
  2746.                 }
  2747.                 fetchSoldListRows();
  2748.                 resetAdderRow();
  2749.             });
  2751.             $('#service_modal_save_changes_btn').on('click', function() {
  2752.                 const uuid = $('#update_service_id').val();
  2753.                 const soldProduct = soldList.find(soldProduct => soldProduct.uuid === uuid);
  2754.                 const product  = products.find(product => product.productid === soldProduct.productid);
  2755.                 const productType = product.productType.key;
  2757.                 // Modal değerlerini geri alıp objeye yazıyoruz
  2758.                 soldProduct.productName = $('#update_service_name').val();
  2759.                 soldProduct.cost = parseFloat($('#update_service_cost').val());
  2760.                 soldProduct.description = $('#update_service_description').val();
  2762.                 const tr = $('#' + uuid);
  2764.                 console.log("Servis güncellendi:", soldProduct);
  2766.                 $('#updateServiceModal').modal('hide');
  2768.                 // Rows'ları yeniden render et ki service adı dropdown'da görünsün
  2769.                 fetchSoldListRows();
  2770.                 updateTotalAmounts();
  2772.                 if(isProductService(product.productid)){
  2773.                     addServiceEditButtonIfNeeded(uuid);
  2774.                 }
  2775.             });
  2778.             $(document).on('click', '.edit-service-button', function () {
  2779.                 const uuid = $(this).data('uuid');
  2780.                 const soldProduct = soldList.find(sp => sp.uuid === uuid);
  2782.                 $('#update_service_id').val(uuid);
  2783.                 $('#update_service_name').val(soldProduct?.productName || "");
  2784.                 $('#update_service_cost').val(soldProduct?.cost || "0.00");
  2785.                 $('#update_service_description').val(soldProduct?.description || "");
  2787.                 $('#updateServiceModal').modal('show');
  2788.             });
  2791.             // TODO:
  2792.             function addServiceEditButtonIfNeeded(uuid) {
  2793.                 const soldProduct = soldList.find(sp => sp.uuid === uuid);
  2794.                 const product = products.find(p => p.productid === soldProduct.productid);
  2796.                 const productType = product.productType.key;
  2798.                 // Sadece ürün service ise buton ekle
  2799.                 if (product && isProductService(product.productid)) {
  2800.                     const tr = $('#' + uuid);
  2802.                     // Eğer daha önce eklenmediyse ekle
  2803.                     if (tr.find('.edit-service-button').length === 0) {
  2804.                         const btn = `
  2805.                             <button type="button"
  2806.                                     class="btn btn-warning btn-sm edit-service-button"
  2807.                                     data-uuid="${uuid}"
  2808.                                     title="Servisi Güncelle">
  2809.                                 <i class="fas fa-edit"></i>
  2810.                             </button>`;
  2812.                         // örnek: sil butonunun yanına ekleyelim
  2813.                         tr.find('.btn-group').prepend(btn);
  2814.                     }
  2815.                 }
  2816.             }
  2819.             // Reset adder row form after adding product
  2820.             function resetAdderRow() {
  2821.                 $('#productselect').val('').trigger('change');
  2822.                 $('#adder-allocated-quantity').val('0');
  2823.                 $('#adder-unallocated-quantity').val('0');
  2824.                 $('#adder-price').val('0');
  2825.                 $('#adder-discount-select').val('0');
  2826.                 $('#adder-tva-select').val('0');
  2827.                 $('#adder-total').val('0');
  2828.                 $('#unalloc-display').text('0');
  2829.                 clearUnitSelects();
  2830.                 $('#info-details-content').hide();
  2831.                 $('#show-info-btn i').removeClass('fa-chevron-up').addClass('fa-info-circle');
  2832.             }
  2836.             // =============================================================================
  2837.             // EVENT HANDLERS FOR SALES LIST EDITING
  2838.             // =============================================================================
  2840.             // Show/hide product info details
  2841.             $(document).on('click', '.show-row-info-btn', function() {
  2842.                 const $infoContent = $(this).closest('tr').next('.info-details-row-class').find('.info-details-content-class');
  2843.                 const $icon = $(this).find('i');
  2844.                 if ($infoContent.is(':visible')) {
  2845.                     $infoContent.hide();
  2846.                     $icon.removeClass('fa-chevron-up').addClass('fa-info-circle');
  2847.                     $(this).closest('tr').next('.info-details-row-class').hide();
  2848.                 } else {
  2849.                     $infoContent.show();
  2850.                     $icon.removeClass('fa-info-circle').addClass('fa-chevron-up');
  2851.                     $(this).closest('tr').next('.info-details-row-class').show();
  2852.                 }
  2853.             });
  2855.             $(document).on('change', '.product-select-row', function() {
  2856.                 const uuid = $(this).data('uuid');
  2857.                 const newProductId = parseInt($(this).val());
  2859.                 const soldItemIndex = soldList.findIndex(item => item.uuid === uuid);
  2861.                 if (soldItemIndex > -1) {
  2862.                     const newProduct = products.find(p => p.productid === newProductId);
  2864.                     if (newProduct) {
  2865.                         soldList[soldItemIndex].productid = newProduct.productid;
  2866.                         soldList[soldItemIndex].productName = newProduct.name;
  2867.                         soldList[soldItemIndex].code = newProduct.code;
  2868.                         soldList[soldItemIndex].measurement = newProduct.measurement;
  2869.                         soldList[soldItemIndex].cost = newProduct.cost;
  2870.                     }
  2872.                     fetchSoldListRows();
  2873.                     updateTotalAmounts();
  2874.                 }
  2875.                 console.table(soldList);
  2876.             });
  2879.             // Handle unit price changes in sold list rows
  2880.             $(document).on('input change', '.price-input-row', function() {
  2881.                 const uuid = $(this).data('uuid');
  2882.                 const value = $(this).val();
  2883.                 // Birim fiyat manuel değiştirildi, artık otomatik hesaplama yapılmalı
  2884.                 delete rowHasManualTotal[uuid];
  2885.                 updateSoldListItem(uuid, 'unitPrice', value);
  2886.             });
  2888.             // Handle discount changes in sold list rows
  2889.             $(document).on('change', '.discount-select-row', function() {
  2890.                 const uuid = $(this).data('uuid');
  2891.                 const value = $(this).val();
  2892.                 // İndirim değiştirildi, artık otomatik hesaplama yapılmalı
  2893.                 delete rowHasManualTotal[uuid];
  2894.                 updateSoldListItem(uuid, 'discount', value);
  2895.             });
  2897.             // Handle tax changes in sold list rows
  2898.             $(document).on('change', '.tax-select-row', function() {
  2899.                 const uuid = $(this).data('uuid');
  2900.                 const value = $(this).val();
  2901.                 // KDV değiştirildi, artık otomatik hesaplama yapılmalı
  2902.                 delete rowHasManualTotal[uuid];
  2903.                 updateSoldListItem(uuid, 'tax', value);
  2904.             });
  2906.             // Handle unit selection changes in sold list rows
  2907.             $(document).on('change', '.quantity-unit-select', function() {
  2908.                 const uuid = $(this).data('uuid');
  2909.                 const unitId = $(this).val();
  2910.                 const $quantityInput = $(`.quantity-input-row[data-uuid="${uuid}"]`);
  2911.                 const currentQuantity = parseFloat($quantityInput.val()) || 0;
  2913.                 // Update the selected unit in sold list
  2914.                 const itemIndex = soldList.findIndex(item => item.uuid === uuid);
  2915.                 if (itemIndex !== -1) {
  2916.                     const item = soldList[itemIndex];
  2917.                     const oldUnitId = item.selectedUnitId;
  2918.                     item.selectedUnitId = unitId;
  2920.                     // Show unit conversion equivalent
  2921.                     showUnitConversionForRow(uuid, item.productid, currentQuantity, unitId);
  2923.                     // If changing from one unit to another, convert the quantity
  2924.                     if (oldUnitId && oldUnitId !== unitId && unitId && currentQuantity > 0) {
  2925.                         convertQuantityBetweenUnits(item.productid, currentQuantity, oldUnitId, unitId, function(convertedQuantity) {
  2926.                             if (convertedQuantity !== null) {
  2927.                                 $quantityInput.val(convertedQuantity.toFixed(2));
  2928.                                 updateSoldListItem(uuid, 'quantity', convertedQuantity);
  2929.                                 // Update conversion display with new quantity
  2930.                                 showUnitConversionForRow(uuid, item.productid, convertedQuantity, unitId);
  2931.                             }
  2932.                         });
  2933.                     }
  2935.                     // Recompute and store base unit quantity for the row
  2936.                     computeBaseUnitQuantity(item.productid, unitId, parseFloat($quantityInput.val()) || 0, function(baseQty){
  2937.                         const idx = soldList.findIndex(sp => sp.uuid === uuid);
  2938.                         if(idx !== -1){ soldList[idx].baseUnitQuantity = convertToDecimal(baseQty || 0).toNumber(); }
  2939.                     });
  2940.                 }
  2941.             });
  2943.             // Handle quantity changes in sold list rows to update conversion display
  2944.             $(document).on('input change', '.quantity-input-row', function() {
  2945.                 const uuid = $(this).data('uuid');
  2946.                 const value = $(this).val();
  2947.                 const item = soldList.find(item => item.uuid === uuid);
  2949.                 if (item && item.selectedUnitId) {
  2950.                     showUnitConversionForRow(uuid, item.productid, parseFloat(value) || 0, item.selectedUnitId);
  2951.                 }
  2953.                 // Miktar manuel değiştirildi, artık otomatik hesaplama yapılmalı
  2954.                 delete rowHasManualTotal[uuid];
  2955.                 updateSoldListItem(uuid, 'quantity', value);
  2956.                 // Also refresh baseUnitQuantity on quantity change
  2957.                 if (item) {
  2958.                     computeBaseUnitQuantity(item.productid, item.selectedUnitId, parseFloat(value) || 0, function(baseQty){
  2959.                         const idx = soldList.findIndex(sp => sp.uuid === uuid);
  2960.                         if(idx !== -1){ soldList[idx].baseUnitQuantity = convertToDecimal(baseQty || 0).toNumber(); }
  2961.                     });
  2962.                 }
  2963.             });
  2965.             // Show unit conversion equivalent for a specific row
  2966.             function showUnitConversionForRow(uuid, productId, quantity, fromUnitId) {
  2967.                 if (!fromUnitId || !quantity || quantity <= 0) {
  2968.                     updateRowQuantityHint(uuid, '');
  2969.                     return;
  2970.                 }
  2972.                 const product = products.find(p => p.productid === productId);
  2973.                 if (!product || !product.measurementUnitId) {
  2974.                     updateRowQuantityHint(uuid, '');
  2975.                     return;
  2976.                 }
  2978.                 // If already in product's main unit, no conversion needed
  2979.                 if (fromUnitId == product.measurementUnitId) {
  2980.                     updateRowQuantityHint(uuid, '');
  2981.                     return;
  2982.                 }
  2984.                 $.ajax({
  2985.                     url: '/admin/measurement/convert-to-product-unit',
  2986.                     method: 'POST',
  2987.                     dataType: 'json',
  2988.                     data: {
  2989.                         productId: productId,
  2990.                         fromUnitId: fromUnitId,
  2991.                         quantity: quantity
  2992.                     },
  2993.                     success: function(resp) {
  2994.                         if (resp && resp.success) {
  2995.                             const unitText = product.measurementUnit ? (' ' + product.measurementUnit) : '';
  2996.                             updateRowQuantityHint(uuid, (Number(resp.result).toFixed(2)) + unitText);
  2997.                 } else {
  2998.                             updateRowQuantityHint(uuid, '');
  2999.                         }
  3000.                     },
  3001.                     error: function() {
  3002.                         updateRowQuantityHint(uuid, '');
  3003.                     }
  3004.                 });
  3005.             }
  3007.             // Update quantity hint for a specific row
  3008.             function updateRowQuantityHint(uuid, text) {
  3009.                 let $hint = $(`.quantity-conversion-hint[data-uuid="${uuid}"]`);
  3010.                 if ($hint.length === 0) {
  3011.                     const $quantityCell = $(`.quantity-input-row[data-uuid="${uuid}"]`).closest('td');
  3012.                     $quantityCell.append(`<small class="form-text text-muted quantity-conversion-hint" data-uuid="${uuid}"></small>`);
  3013.                     $hint = $(`.quantity-conversion-hint[data-uuid="${uuid}"]`);
  3014.                 }
  3015.                 $hint.text(text || '');
  3016.             }
  3018.             // Convert quantity between different measurement units
  3019.             function convertQuantityBetweenUnits(productId, quantity, fromUnitId, toUnitId, callback) {
  3020.                 if (!fromUnitId || !toUnitId || fromUnitId === toUnitId) {
  3021.                     callback(quantity);
  3022.                     return;
  3023.                 }
  3025.                 $.ajax({
  3026.                     url: '/admin/measurement/convert-between-units',
  3027.                     method: 'POST',
  3028.                     dataType: 'json',
  3029.                     data: {
  3030.                         productId: productId,
  3031.                         fromUnitId: fromUnitId,
  3032.                         toUnitId: toUnitId,
  3033.                         quantity: quantity
  3034.                     },
  3035.                     success: function(resp) {
  3036.                         if (resp && resp.success) {
  3037.                             callback(parseFloat(resp.result));
  3038.                 } else {
  3039.                             console.error('Unit conversion failed:', resp);
  3040.                             callback(null);
  3041.                         }
  3042.                     },
  3043.                     error: function() {
  3044.                         console.error('Unit conversion request failed');
  3045.                         callback(null);
  3046.                     }
  3047.                 });
  3048.             }
  3050.             // Handle total price changes (reverse calculation to unit price)
  3051.             $(document).on('change blur', '.total-input-row', function() {
  3052.                 updateUnitPriceFromTotal($(this).data('uuid'));
  3053.             });
  3055.             // Handle delete row button clicks
  3057.             const currencySymbol = "{{ 'currency.symbol'|trans|e('js') }}";
  3058.             const PAYMENT_TOLERANCE = 0.01;
  3059.             const AUTO_PAYMENT_DESCRIPTION = 'Sistem tarafından ödeme otomatik oluşturuldu';
  3060.             const AUTO_PAYMENT_STATUS_TEXT = 'Ödendi';
  3061.             let autoPaymentModalState = null;
  3062.             let cachedCashPaymentMethod = null;
  3064.             function detectCashPaymentMethod() {
  3065.                 const $options = $('#payment_paymentMethod option');
  3066.                 let fallback = null;
  3067.                 let cashCandidate = null;
  3069.                 $options.each(function() {
  3070.                     const $option = $(this);
  3071.                     const value = ($option.val() || '').trim();
  3072.                     if (!value) {
  3073.                         return;
  3074.                     }
  3075.                     if (!fallback) {
  3076.                         fallback = { id: value, label: ($option.text() || '').trim() };
  3077.                     }
  3078.                     const label = ($option.text() || '').toLowerCase();
  3079.                     if (label.includes('cash') || label.includes('nakit')) {
  3080.                         cashCandidate = { id: value, label: ($option.text() || '').trim() };
  3081.                         return false;
  3082.                     }
  3083.                 });
  3085.                 if (cashCandidate) {
  3086.                     return cashCandidate;
  3087.                 }
  3088.                 if (fallback) {
  3089.                     return fallback;
  3090.                 }
  3091.                 return { id: '1', label: 'Cash' };
  3092.             }
  3094.             function ensureCashPaymentMethod() {
  3095.                 if (!cachedCashPaymentMethod) {
  3096.                     cachedCashPaymentMethod = detectCashPaymentMethod();
  3097.                 }
  3098.                 return cachedCashPaymentMethod;
  3099.             }
  3101.             function normalizeCurrency(value) {
  3102.                 return convertToDecimal(value).toDecimalPlaces(2, Decimal.ROUND_HALF_UP).toNumber();
  3103.             }
  3105.             function formatCurrency(value) {
  3106.                 const normalized = normalizeCurrency(value);
  3107.                 const formatted = addCommas(normalized.toFixed(2));
  3108.                 return formatted.replace(/,/g, '#').replace(/\./g, ',').replace(/#/g, '.') + ' ' + currencySymbol;
  3109.             }
  3111.             function calculateTotalPaymentAmount() {
  3112.                 let total = new Decimal(0);
  3113.                 payments.forEach(function(payment) {
  3114.                     total = total.plus(convertToDecimal(payment.amount));
  3115.                 });
  3116.                 return total.toNumber();
  3117.             }
  3119.             function getSaleDateValue() {
  3120.                 const saleDate = $('#sales_form_salesDate').val();
  3121.                 if (saleDate && saleDate.trim() !== '') {
  3122.                     return saleDate;
  3123.                 }
  3124.                 return new Date().toISOString().split('T')[0];
  3125.             }
  3127.             function createAutoPaymentPayload(amount, saleDate) {
  3128.                 const method = ensureCashPaymentMethod();
  3129.                 return {
  3130.                     uuid: crypto.randomUUID(),
  3131.                     amount: normalizeCurrency(amount),
  3132.                     status: '0',
  3133.                     paymentDate: saleDate,
  3134.                     paymentDueDate: saleDate,
  3135.                     paymentMethod: method.id,
  3136.                     description: AUTO_PAYMENT_DESCRIPTION
  3137.                 };
  3138.             }
  3140.             function openAutoPaymentModal(config) {
  3141.                 autoPaymentModalState = {
  3142.                     scenario: config.scenario,
  3143.                     amount: normalizeCurrency(config.amount),
  3144.                     saleDate: config.saleDate,
  3145.                     saleTotal: normalizeCurrency(config.saleTotal),
  3146.                     currentPayments: normalizeCurrency(config.currentPayments)
  3147.                 };
  3149.                 const method = ensureCashPaymentMethod();
  3151.                 let message = '';
  3152.                 if (config.scenario === 'no-payment') {
  3153.                     message = 'Bu satış için henüz ödeme girilmedi. Aşağıdaki bilgilerle otomatik bir nakit ödeme oluşturulacaktır.';
  3154.                 } else {
  3155.                     message = 'Girilen ödemeler satış toplamı ile uyumsuz. Eksik tutar otomatik bir nakit ödeme olarak eklenecektir.';
  3156.                 }
  3158.                 $('#auto-payment-message').text(message);
  3159.                 $('#auto-payment-sale-total').text(formatCurrency(autoPaymentModalState.saleTotal));
  3160.                 $('#auto-payment-current-payments').text(formatCurrency(autoPaymentModalState.currentPayments));
  3161.                 $('#auto-payment-amount').text(formatCurrency(autoPaymentModalState.amount));
  3162.                 $('#auto-payment-method').text(method.label);
  3163.                 $('#auto-payment-status').text(AUTO_PAYMENT_STATUS_TEXT);
  3164.                 $('#auto-payment-description').text(AUTO_PAYMENT_DESCRIPTION);
  3165.                 $('#confirm-auto-payment').prop('disabled', false);
  3166.                 $('#autoPaymentModal').modal('show');
  3167.             }
  3169.             function validateSalesForm() {
  3170.                 const form = $('form[name="sales_form"]');
  3171.                 if (!form || form.length === 0) {
  3172.                     return true;
  3173.                 }
  3174.                 return form[0].reportValidity();
  3175.             }
  3177.             function submitSalesRequest() {
  3178.                 if (!validateSalesForm()) {
  3179.                     return;
  3180.                 }
  3182.                 const salesData = {
  3183.                     payments: payments,
  3184.                     soldList: soldList,
  3185.                     invoice: {
  3186.                         invoiceNumber: $('#sales_form_invoiceNumber').val(),
  3187.                         customer: $('#sales_form_customer').val(),
  3188.                         paymentStatus: $('#sales_form_paymentStatus').val(),
  3189.                         salesDate: $('#sales_form_salesDate').val(),
  3190.                         deliveryDate: $('#sales_form_deliveryDate').val(),
  3191.                         dueDate: $('#sales_form_dueDate').val(),
  3192.                         validDate: $('#sales_form_validDate').val(),
  3193.                         seller: $('#sales_form_seller').val(),
  3194.                         description: $('#sales_form_description').val(),
  3195.                         shippingNotes: $('#sales_form_shippingNotes').val(),
  3196.                         paymentNotes: $('#sales_form_paymentNotes').val(),
  3197.                         salesType: $('input[name="salesType"]').filter(':checked').val() || 'proforma',
  3198.                         salesStatus: $('#sales_form_status').val() ? $('#sales_form_status').val() : '0'
  3199.                     }
  3200.                 };
  3202.                 $.ajax({
  3203.                     url: "{{ path('app_admin_sales_create') }}",
  3204.                     method: 'POST',
  3205.                     data: salesData,
  3206.                     success: function(response) {
  3207.                         window.location.href = "/sales/detail/" + response.id;
  3208.                         Swal.fire({
  3209.                             icon: 'success',
  3210.                             title: 'Başarılı',
  3211.                             text: 'Satış başarıyla oluşturuldu'
  3212.                         });
  3213.                     },
  3214.                     error: function(xhr) {
  3215.                         var response = JSON.parse(xhr.responseText);
  3216.                         showErrorAlert(response.message);
  3217.                     }
  3218.                 });
  3219.             }
  3221.             function finalizeSalesSubmission() {
  3222.                 const saleTotal = convertToDecimal(getTotalSoldAmount());
  3223.                 const totalPayments = convertToDecimal(calculateTotalPaymentAmount());
  3224.                 const difference = saleTotal.minus(totalPayments).abs().toNumber();
  3226.                 if (difference > PAYMENT_TOLERANCE) {
  3227.                     showErrorAlert('Ödemeler satış toplamı ile hâlâ uyumsuz. Lütfen kontrol edin.');
  3228.                     return;
  3229.                 }
  3231.                 submitSalesRequest();
  3232.             }
  3234.             $('#confirm-auto-payment').on('click', function() {
  3235.                 if (!autoPaymentModalState) {
  3236.                     return;
  3237.                 }
  3238.                 const saleDate = autoPaymentModalState.saleDate || getSaleDateValue();
  3239.                 const autoPayment = createAutoPaymentPayload(autoPaymentModalState.amount, saleDate);
  3240.                 payments.push(autoPayment);
  3241.                 fetchPaymentForm();
  3242.                 calculateAndWriteDiffBetweenPaymentAndSolds();
  3243.                 $('#confirm-auto-payment').prop('disabled', true);
  3244.                 $('#autoPaymentModal').modal('hide');
  3246.                 autoPaymentModalState = null;
  3247.                 finalizeSalesSubmission();
  3248.             });
  3250.             $('#autoPaymentModal').on('hidden.bs.modal', function() {
  3251.                 $('#confirm-auto-payment').prop('disabled', false);
  3252.                 autoPaymentModalState = null;
  3253.             });
  3255.             ensureCashPaymentMethod();
  3257.             $(document).on('click', '.delete-row-button', function() {
  3258.                 const uuid = $(this).data('uuid');
  3259.                 deleteProductInSoldList(uuid);
  3260.                 $(`tr[id="${uuid}"]`).remove();
  3261.                 $(`.info-details-row-class[data-uuid="${uuid}"]`).remove();
  3262.                 fetchStocks();
  3263.                 updateTotalAmounts();
  3264.                 fetchPaymentForm();
  3265.                 $('#sales_form_totalPurchasePrice').val(addCommas(getTotalSoldAmount()));
  3266.             });
  3268.              // Handle unallocated quantity modal for rows
  3269.             $(document).on('click', '.open-unallocated-modal-row', function() {
  3270.                 const uuid = $(this).data('uuid');
  3271.                 const itemIndex = soldList.findIndex(item => item.uuid === uuid);
  3272.                 if (itemIndex === -1) return;
  3274.                 // Değeri gizli input yerine doğrudan soldList'ten oku
  3275.                 const currentQty = soldList[itemIndex].unAllocatedQuantity || 0;
  3277.                 $('#modal-unallocated-quantity').val(Number(currentQty).toFixed(2));
  3279.                 // Store current uuid for saving later
  3280.                 $('#unallocatedModal').data('current-uuid', uuid);
  3281.                 $('#unallocatedModal').modal('show');
  3282.             });
  3284.             // Save unallocated quantity from modal for rows
  3285.             $(document).on('click', '#save-unallocated-btn', function() {
  3286.                  const uuid = $('#unallocatedModal').data('current-uuid');
  3288.                     // Sadece satırlar için olan bölüm (uuid varsa)
  3289.                     if (uuid) {
  3290.                         const qty = $('#modal-unallocated-quantity').val() || 0;
  3291.                         const newUnallocatedQty = convertToDecimal(qty).toNumber();
  3293.                         // 1. soldList'teki ilgili ürünü bul ve unAllocatedQuantity'yi güncelle
  3294.                         const itemIndex = soldList.findIndex(item => item.uuid === uuid);
  3295.                         if (itemIndex > -1) {
  3296.                             soldList[itemIndex].unAllocatedQuantity = newUnallocatedQty;
  3297.                         }
  3299.                         // 2. DOĞRU SATIRI HEDEFLEYEREK butondaki sayıyı güncelle
  3300.                         const $button = $(`.open-unallocated-modal-row[data-uuid="${uuid}"]`);
  3301.                         $button.find('.unalloc-display').text(newUnallocatedQty.toFixed(2));
  3303.                         // 3. Tahsis edilmemiş miktar değiştirildi, artık otomatik hesaplama yapılmalı
  3304.                         delete rowHasManualTotal[uuid];
  3306.                         // 4. Satırın genel toplamlarını ve stokları güncelle
  3307.                         updateSoldProductFromRow(uuid);
  3309.                         $('#unallocatedModal').modal('hide');
  3311.                     } else { // Bu kısım adder-row için, dokunmuyoruz
  3312.                         const qty = $('#modal-unallocated-quantity').val() || 0;
  3313.                         $('#adder-unallocated-quantity').val(qty).trigger('change');
  3314.                         $('#unalloc-display').text(qty);
  3315.                         onInputChange.call($('#adder-unallocated-quantity')[0]);
  3316.                         $('#unallocatedModal').modal('hide');
  3317.                     }
  3318.                             });
  3320.             // Flag to prevent circular updates between unit price and total
  3321.             let isUpdatingFromTotal = false;
  3322.             let isUpdatingFromUnitPrice = false;
  3324.             // adder-row input alanlarının değişikliklerini dinleme
  3325.             $('#adder-row').on('input change',
  3326.                 '#adder-allocated-quantity, ' +
  3327.                 '#adder-unallocated-quantity, ' +
  3328.                 '#adder-price, ' +
  3329.                 '#adder-discount-select, ' +
  3330.                 '#adder-tva-select, ' +
  3331.                 '#adder-total', onInputChange);
  3333.             // Birim dönüşümünü yazma bittiğinde (blur) ve birim seçiminde (change) yap
  3334.             $('#adder-row').on('blur', '#adder-allocated-quantity', function(){
  3335.                 computeAndShowBaseUnitEquivalent();
  3336.             });
  3337.             $('#adder-row').on('change', '#adder-quantity-unit-select', function(){
  3338.                 computeAndShowBaseUnitEquivalent();
  3339.             });
  3341.             // Adder rowdaki input alanlarının değişikliklerini dinleme
  3342.             function onInputChange() {
  3343.                 if($(this).attr('id') === 'adder-total') {
  3344.                     // Toplam manuel değiştirildi → birim fiyatı hesapla, ama toplamı tekrar değiştirme
  3345.                     if(isUpdatingFromUnitPrice) return;
  3347.                     isUpdatingFromTotal = true;
  3348.                     const totalAmount = convertToDecimal($('#adder-total').val() || 0).toNumber();
  3349.                     const allocatedQuantity = convertToDecimal($('#adder-allocated-quantity').val() || 0).toNumber();
  3350.                     const unallocatedQuantity = convertToDecimal($('#adder-unallocated-quantity').val() || 0).toNumber();
  3351.                     const discountPercentage = convertToDecimal((($('#adder-discount-select').val() || '0') + '').replace('%', '')).toNumber();
  3352.                     const tvaPercentage = convertToDecimal((($('#adder-tva-select').val() || '0') + '').replace('%', '')).toNumber();
  3354.                     const unitPrice = calculateUnitPrice(totalAmount, allocatedQuantity, unallocatedQuantity, tvaPercentage, discountPercentage);
  3355.                     $('#adder-price').val(convertToDecimal(unitPrice).toDecimalPlaces(2, MONEY_ROUNDING_MODE).toFixed(2));
  3357.                     setTimeout(function(){ isUpdatingFromTotal = false; }, 0);
  3358.                 } else {
  3359.                     // Birim fiyat, miktar, indirim veya KDV değişti → toplamı hesapla
  3360.                     if(isUpdatingFromTotal) return;
  3362.                     isUpdatingFromUnitPrice = true;
  3363.                     const allocatedQuantity = convertToDecimal($('#adder-allocated-quantity').val() || 0).toNumber();
  3364.                     const unallocatedQuantity = convertToDecimal($('#adder-unallocated-quantity').val() || 0).toNumber();
  3365.                     const price = convertToDecimal($('#adder-price').val() || 0).toNumber();
  3366.                     const discountPercentage = convertToDecimal((($('#adder-discount-select').val() || '0') + '').replace('%', '')).toNumber();
  3367.                     const tvaPercentage = convertToDecimal((($('#adder-tva-select').val() || '0') + '').replace('%', '')).toNumber();
  3369.                     calculateTotal(allocatedQuantity, unallocatedQuantity, price, tvaPercentage, discountPercentage);
  3371.                     setTimeout(function(){ isUpdatingFromUnitPrice = false; }, 0);
  3372.                 }
  3373.             }
  3375.             function roundToNearestCent(amount) {
  3376.                 return Math.round(amount * 100) / 100;
  3377.             }
  3379.             // Toplam tutarı hesaplama
  3380.             // Her ara adımda virgülden sonra 2 hane gösterilecek, 3. hane 5 ve üzeri ise yukarı yuvarlanacak
  3381.             function calculateTotal(allocatedQuantity, unallocatedQuantity, price, tvaPercentage, discountPercentage) {
  3382.                 const totals = calculateRowFinancials({
  3383.                     quantity: allocatedQuantity,
  3384.                     unAllocatedQuantity: unallocatedQuantity,
  3385.                     unitPrice: price,
  3386.                     discount: discountPercentage,
  3387.                     tax: tvaPercentage
  3388.                 });
  3390.                 $('#adder-total').val(totals.totalRounded.toFixed(2));
  3391.             }
  3393.             // Toplam tutardan Birim fiyatı hesaplama
  3394.             function calculateUnitPrice(totalAmount, allocatedQuantity, unallocatedQuantity, tvaPercentage, discountPercentage) {
  3395.                 const totalQuantity = convertToDecimal(allocatedQuantity || 0).plus(convertToDecimal(unallocatedQuantity || 0));
  3396.                 if (totalQuantity.isZero()) {
  3397.                     return 0;
  3398.                 }
  3400.                 const total = convertToDecimal(totalAmount || 0);
  3402.                 // Eğer toplam 0 ise, birim fiyat da 0 olmalı
  3403.                 if (total.isZero()) {
  3404.                     return 0;
  3405.                 }
  3407.                 const discountMultiplier = new Decimal(1).minus(convertToDecimal(discountPercentage || 0).div(100));
  3408.                 const taxMultiplier = new Decimal(1).plus(convertToDecimal(tvaPercentage || 0).div(100));
  3410.                 // %100 indirimde discountMultiplier = 0 olur, bu durumda birim fiyat hesaplanamaz
  3411.                 // Çünkü total = (unitPrice * quantity * (1 - discount) * (1 + tax))
  3412.                 // discount = 100% ise, unitPrice = 0 olmalı (ya da sonsuz, ama mantıklı olan 0)
  3413.                 if (discountMultiplier.isZero()) {
  3414.                     return 0;
  3415.                 }
  3417.                 if (taxMultiplier.isZero()) {
  3418.                     return 0;
  3419.                 }
  3421.                 // Formül: unitPrice = total / (quantity * (1 - discount%) * (1 + tax%))
  3422.                 const subtotal = total.div(taxMultiplier).div(discountMultiplier);
  3423.                 const unitPrice = subtotal.div(totalQuantity);
  3424.                 return unitPrice.toDecimalPlaces(6, MONEY_ROUNDING_MODE).toNumber();
  3425.             }
  3428.             function getProductCost(pid) {
  3429.                 // Popup için URL burada oluşturuluyor.
  3430.                 const url = '/product-cost/' + pid + '/' + getSelectedProduct().warehouseid;
  3432.                 $.ajax({
  3433.                     url: "/product-cost-detail/" + pid + '?warehouse=' + getSelectedProduct().warehouseid,
  3434.                     method: "POST",
  3435.                     dataType: "JSON",
  3436.                     success: function(data) {
  3437.                         var product = getSelectedProduct();
  3438.                         product.cost = data.cost;
  3439.                         product.measurementUnit = data.measurement;
  3440.                         $('.stock-info-span').html(data.stock.toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + " " + data.measurement);
  3441.                         $('.cost-info-span').html(data.cost.toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + " €"); // Eski detay butonu kaldırıldı
  3442.                         $('.measurement-unit-info-span').html(data.measurement);
  3443.                         $('#hidden-cost-input').val(data.cost);
  3445.                         // "Maliyet" popup açıyor maliyet detaylarını gösteriyor.
  3446.                         const detailsHtml = `
  3447.                             <div class="row align-items-center">
  3448.                                 <div class="col-md-3">${product.name}</div>
  3449.                                 <div class="col-md-3">
  3450.                                     <strong>
  3451.                                         <button type="button" class="btn btn-link btn-sm p-0 cost-popup-btn" data-url="${url}">Maliyet: ${data.cost.toFixed(2)} €</button>
  3452.                                     </strong>
  3453.                                 </div>
  3454.                                 <div class="col-md-3"><strong>Stok:</strong> ${data.stock.toFixed(2)} ${data.measurement}</div>
  3455.                                 <div class="col-md-3"><strong>Birim:</strong> ${data.measurement}</div>
  3456.                             </div>
  3457.                         `;
  3458.                         $('#info-details-content').html(detailsHtml);
  3460.                         return data;
  3461.                     },
  3462.                     error: function(data) {
  3463.                         $('#info-details-content').html('<div class="text-danger">Ürün maliyet bilgileri yüklenemedi.</div>');
  3464.                     }
  3465.                 });
  3466.             }
  3468.             $(document).on('click', '.cost-popup-btn', function() {
  3469.                 const url = $(this).data('url');
  3470.                 if (url) {
  3471.                     createPopup(url, 'cost-detail-window');
  3472.                 }
  3473.             });
  3475.             // Unallocated modal açıldığında mask'i uygula
  3476.             $('#unallocatedModal').on('shown.bs.modal', function() {
  3477.                 applyMasks();
  3478.             });
  3480.             // Unallocated modal aç/kapat ve değerleri senkronize et
  3481.             $(document).on('click', '#open-unallocated-modal', function() {
  3482.                 // Mevcut değerleri moda aktarma
  3483.                 const currentQty = $('#adder-unallocated-quantity').val() || 0;
  3484.                 const currentUnit = $('#adder-unallocated-quantity-unit-select').val() || '';
  3485.                 $('#modal-unallocated-quantity').val(Number(currentQty).toFixed(2));
  3486.                 // Seçili ürünün saklanan birimlerini modal select'ine doldur
  3487.                 const selectedProduct = getSelectedProduct();
  3488.                 if (selectedProduct && selectedProduct.convertibleUnits) {
  3489.                     populateSelectWithUnits($('#modal-unallocated-unit'), selectedProduct.convertibleUnits);
  3490.                 } else {
  3491.                     $('#modal-unallocated-unit').empty().append('<option value="">-</option>');
  3492.                 }
  3493.                 $('#modal-unallocated-unit').val(currentUnit);
  3494.                 $('#unallocatedModal').modal('show');
  3495.             });
  3497.             // 'Tahsis Edilmemiş Miktar' Modal'ındaki Kaydet Butonunun Düzeltilmiş Hali
  3498.             $(document).on('click', '#save-unallocated-btn', function() {
  3499.                 const uuid = $('#unallocatedModal').data('current-uuid');
  3500.                 const qty = $('#modal-unallocated-quantity').val() || 0;
  3501.                 const newUnallocatedQty = convertToDecimal(qty).toNumber();
  3503.                 // DURUM 1: Satış listesindeki bir satır güncelleniyor (uuid mevcut)
  3504.                 if (uuid) {
  3505.                     // 1. soldList'teki ilgili ürünü bul ve unAllocatedQuantity'yi güncelle
  3506.                     const itemIndex = soldList.findIndex(item => item.uuid === uuid);
  3507.                     if (itemIndex > -1) {
  3508.                         soldList[itemIndex].unAllocatedQuantity = newUnallocatedQty;
  3509.                     }
  3511.                     // 2. Sadece ilgili satırı ID ile hedefle ve içindeki göstergeyi güncelle
  3512.                     const $row = $(`#${uuid}`);
  3513.                     $row.find('.unalloc-display').text(newUnallocatedQty.toFixed(2));
  3515.                     // 3. Satırın genel toplamlarını ve stokları güncelle
  3516.                     updateSoldProductFromRow(uuid);
  3517.                 }
  3518.                 // DURUM 2: Adder-row (ekleme satırı) güncelleniyor (uuid mevcut değil)
  3519.                 else {
  3520.                     // Sadece adder-row'daki gizli input'u ve göstergeyi güncelle
  3521.                     $('#adder-unallocated-quantity').val(newUnallocatedQty).trigger('change');
  3522.                     $('#unalloc-display').text(newUnallocatedQty.toFixed(2));
  3524.                     // Adder-row'daki toplamı yeniden hesapla
  3525.                     onInputChange.call($('#adder-unallocated-quantity')[0]);
  3526.                 }
  3528.                 // İşlem tamamlandıktan sonra modalı kapat
  3529.                 $('#unallocatedModal').modal('hide');
  3530.                 // Modal'daki uuid verisini temizle ki bir sonraki açılışta karışmasın
  3531.                 $('#unallocatedModal').removeData('current-uuid');
  3532.             });
  3536.             function formatState(state) {
  3537.                 if (!state.id) {
  3538.                     return state.text;
  3539.                 }
  3540.                 var baseUrl = "/images";
  3541.                 var $state = $(
  3542.                     '<span><img src="' + baseUrl + '/' + state.element.dataset.image + '" class="img-flag list-image" style="width: 50px;"/> ' + state.text + '</span>'
  3543.                 );
  3544.                 return $state;
  3545.             };
  3547.             $('#productselect').select2({
  3548.                 theme: 'bootstrap4',
  3549.                 dropdownCssClass: 'custom-select-dropdown',
  3550.                 placeholder: 'Ürün Seçin',
  3551.                 allowClear: true
  3552.             });
  3555.             function showErrorAlert(message) {
  3556.                 Swal.fire({
  3557.                     icon: 'error',
  3558.                     title: 'Oops...',
  3559.                     text: '' + message,
  3560.                     background: 'white',
  3561.                 });
  3562.             }
  3564.             window.addEventListener("error", function(event) {
  3565.                 showErrorAlert(event.message);
  3566.             });
  3568.             function showSuccessAlert(message) {
  3569.                 Swal.fire({
  3570.                     icon: 'success',
  3571.                     title: 'Başarılı',
  3572.                     text: '' + message,
  3573.                     background: 'white',
  3574.                 });
  3575.             }
  3577.             $('#submitbtn').on('click', function(event) {
  3578.                 event.preventDefault();
  3580.                 if (soldList.length === 0) {
  3581.                     showErrorAlert("{% trans %} sale.errors.cannot_save_without_products {% endtrans %}");
  3582.                     return;
  3583.                 }
  3585.                 if (!validateSalesForm()) {
  3586.                     return;
  3587.                 }
  3589.                 const saleTotalValue = convertToDecimal(getTotalSoldAmount()).toNumber();
  3590.                 const currentPaymentTotal = convertToDecimal(calculateTotalPaymentAmount()).toNumber();
  3591.                 const saleDate = getSaleDateValue();
  3593.                 if (payments.length === 0 && saleTotalValue > PAYMENT_TOLERANCE) {
  3594.                     openAutoPaymentModal({
  3595.                         scenario: 'no-payment',
  3596.                         amount: saleTotalValue,
  3597.                         saleTotal: saleTotalValue,
  3598.                         currentPayments: currentPaymentTotal,
  3599.                         saleDate: saleDate
  3600.                     });
  3601.                     return;
  3602.                 }
  3604.                 const diffValue = convertToDecimal(saleTotalValue).minus(convertToDecimal(currentPaymentTotal)).toNumber();
  3606.                 if (Math.abs(diffValue) > PAYMENT_TOLERANCE) {
  3607.                     if (diffValue < 0) {
  3608.                         showErrorAlert('Girilen ödeme tutarı satış tutarını aşıyor. Lütfen ödeme kayıtlarını kontrol edin.');
  3609.                         return;
  3610.                     }
  3612.                     openAutoPaymentModal({
  3613.                         scenario: 'mismatch',
  3614.                         amount: diffValue,
  3615.                         saleTotal: saleTotalValue,
  3616.                         currentPayments: currentPaymentTotal,
  3617.                         saleDate: saleDate
  3618.                     });
  3619.                     return;
  3620.                 }
  3622.                 submitSalesRequest();
  3623.             });
  3626.             function addCommas(number) {
  3627.                 let decimals = 2;
  3628.                 number = (number + '').replace(/[^0-9+\-Ee.]/g, '');
  3629.                 var n = !isFinite(+number) ? 0 : +number;
  3630.                 var prec = !isFinite(+decimals) ? 0 : Math.abs(decimals);
  3631.                 var sep = ',';
  3632.                 var dec = '.';
  3633.                 var s = '';
  3634.                 var toFixedFix = function(n, prec) {
  3635.                     var k = Math.pow(10, prec);
  3636.                     return '' + (Math.round(n * k) / k).toFixed(prec);
  3637.                 };
  3638.                 s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.');
  3639.                 if (s[0].length > 3) {
  3640.                     s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep);
  3641.                 }
  3642.                 if ((s[1] || '').length < prec) {
  3643.                     s[1] = s[1] || '';
  3644.                     s[1] += new Array(prec - s[1].length + 1).join('0');
  3645.                 }
  3646.                 return s.join(dec);
  3647.             }
  3649.             $(document).on('input change', '#products_sold_totalUnitPurchasePrice, #products_sold_quantity, #products_sold_unAllocatedQuantity, #products_sold_discount, #products_sold_tax', function() {
  3650.                 var purchasePrice = $('#products_sold_totalUnitPurchasePrice').val() || "0";
  3651.                 var purchasePriceClean = parseFloat(purchasePrice.replace(/,/g, "")) || 0;
  3652.                 var cost = parseFloat($('#hidden-cost-input').val()) || 0;
  3653.                 var quantity = $('#products_sold_quantity').val() || "0";
  3654.                 var quantityClean = parseFloat(quantity.replace(/,/g, "")) || 0;
  3655.                 var unAllocatedQuantity = $('#products_sold_unAllocatedQuantity').val() || "0";
  3656.                 var unAllocatedQuantityClean = parseFloat(unAllocatedQuantity.replace(/,/g, "")) || 0;
  3657.                 var discountPercentage = $('#products_sold_discount').val() || "0";
  3658.                 var discountPercentageClean = parseFloat(discountPercentage.replace(/,/g, "")) || 0;
  3659.                 var taxPercentage = $('#products_sold_tax').val() || "0";
  3660.                 var taxPercentageClean = parseFloat(taxPercentage.replace(/,/g, "")) || 0;
  3661.                 var totalQuantity = quantityClean + unAllocatedQuantityClean;
  3662.                 var totalSalePriceBeforeDiscount = purchasePriceClean * totalQuantity;
  3663.                 var discountAmount = (totalSalePriceBeforeDiscount * discountPercentageClean) / 100;
  3664.                 var totalSalePriceAfterDiscount = totalSalePriceBeforeDiscount - discountAmount;
  3665.                 var taxAmount = (totalSalePriceAfterDiscount * taxPercentageClean) / 100;
  3666.                 var totalSalePrice = totalSalePriceAfterDiscount + taxAmount;
  3667.                 $('#products_sold_totalSalePrice').val(addCommas(totalSalePrice.toFixed(2)));
  3668.                 $('#products_sold_totalPuchasePrice').val(addCommas(totalSalePrice.toFixed(2)));
  3669.                 cost = roundToDecimal(cost);
  3670.                 var salePriceWithoutTax = totalSalePrice / (1 + taxPercentageClean / 100);
  3671.                 var totalCost = totalQuantity * cost;
  3672.                 var profit = salePriceWithoutTax - totalCost;
  3673.                 var profitSpan;
  3674.                 if (profit > 0) {
  3675.                     profitSpan = "<span style='color:green'>" + profit.toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + " €</span>";
  3676.                 } else {
  3677.                     profitSpan = "<span style='color:red'>" + profit.toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + " €</span>";
  3678.                 }
  3679.                 $('.profit-info-span').html(profitSpan);
  3680.             });
  3684.             $('#payment_amount').mask("#,##0.00", {
  3685.                 reverse: true
  3686.             });
  3688.             // Show/Hide Voucher Code field based on Payment Method
  3689.             $('#payment_paymentMethod').on('change', function() {
  3690.                 var selectedText = $(this).find("option:selected").text().trim().toLowerCase();
  3691.                 var $voucherField = $('#payment_voucherCode');
  3692.                 var $voucherLabel = $('label[for="payment_voucherCode"]');
  3693.                 
  3694.                 if (selectedText.includes('hediye') || selectedText.includes('gift') || selectedText.includes('çek')) {
  3695.                     $voucherField.show();
  3696.                     $voucherLabel.show();
  3697.                     $voucherField.attr('required', 'required');
  3698.                 } else {
  3699.                     $voucherField.hide();
  3700.                     $voucherLabel.hide();
  3701.                     $voucherField.val('');
  3702.                     $voucherField.removeAttr('required');
  3703.                 }
  3704.             });
  3706.             $('#sales_form_customer').select2({
  3707.                 theme: 'bootstrap4',
  3708.                 dropdownCssClass: 'custom-select-dropdown',
  3709.                 placeholder: 'Müşteri Seçin',
  3710.                 allowClear: true
  3711.             });
  3713.             $('.js-edit-customer').on('click', function() {
  3714.                 let customerId = $('#sales_form_customer').val();
  3715.                 if (!customerId) {
  3716.                     showErrorAlert("{% trans %} selectCustomerForEdit {% endtrans %}");
  3717.                 } else {
  3718.                     $.ajax({
  3719.                         url: '/admin/customer/detail/' + customerId,
  3720.                         type: 'GET',
  3721.                         dataType: 'json',
  3722.                         success: function(response) {
  3723.                             showUpdateModal(customerId, response);
  3724.                         },
  3725.                         error: function(jqXHR, textStatus, errorThrown) {
  3726.                             if (jqXHR.status === 404) {
  3727.                                 showErrorAlert("Seçilen müşteri veritabanında bulunamadı.");
  3728.                             } else {
  3729.                                 showErrorAlert('Müşteri bilgileri yüklenirken bir hata oluştu.');
  3730.                             }
  3731.                             clearCustomerFields();
  3732.                         }
  3733.                     });
  3734.                 }
  3735.             });
  3737.             $('#sales_form_customer').on('change', function() {
  3738.                 let customerId = $(this).val();
  3739.                 if (!customerId) {
  3740.                     clearCustomerFields();
  3741.                     return;
  3742.                 }
  3743.                 $.ajax({
  3744.                     url: '/admin/customer/detail/' + customerId,
  3745.                     type: 'GET',
  3746.                     dataType: 'json',
  3747.                     success: function(response) {
  3748.                         if (!response.phone || !response.email || !response.address) {
  3749.                             showUpdateModal(customerId, response);
  3750.                         } else {
  3751.                             populateCustomerFields(response);
  3752.                         }
  3753.                     },
  3754.                     error: function(jqXHR, textStatus, errorThrown) {
  3755.                         if (jqXHR.status === 404) {
  3756.                             showErrorAlert("Seçilen müşteri veritabanında bulunamadı.");
  3757.                         } else {
  3758.                             showErrorAlert('Müşteri bilgileri yüklenirken bir hata oluştu.');
  3759.                         }
  3760.                         clearCustomerFields();
  3761.                     }
  3762.                 });
  3763.             });
  3765.             function populateCustomerFields(customer) {
  3766.                 $('#update_customer_fullName').val(customer.fullName);
  3767.                 $('#update_customer_email').val(customer.email);
  3768.                 $('#update_customer_phone').val(customer.phone);
  3769.                 $('#update_customer_address').val(customer.address);
  3770.             }
  3772.             function clearCustomerFields() {
  3773.                 $('#update_customer_fullName, #update_customer_email, #update_customer_phone, #update_customer_address').val('');
  3774.             }
  3776.             function showUpdateModal(id, customer) {
  3777.                 $('#update_customer_id').val(id);
  3778.                 $('#update_customer_email').val(customer.email || '');
  3779.                 $('#update_customer_phone').val(customer.phone || '');
  3780.                 $('#update_customer_address').val(customer.address || '');
  3781.                 $('#update_customer_fullName').val(customer.fullName || '');
  3782.                 $('#updateCustomerModal').modal('show');
  3783.             }
  3785.             $('#updateCustomerForm').on('submit', function(e) {
  3786.                 e.preventDefault();
  3787.                 let customerId = $('#update_customer_id').val();
  3788.                 let formData = {
  3789.                     email: $('#update_customer_email').val(),
  3790.                     phone: $('#update_customer_phone').val(),
  3791.                     address: $('#update_customer_address').val(),
  3792.                     fullName: $('#update_customer_fullName').val()
  3793.                 };
  3795.                 $.ajax({
  3796.                     url: '/admin/customer/update/' + customerId,
  3797.                     type: 'POST',
  3798.                     data: formData,
  3799.                     success: function(response) {
  3800.                         $('#updateCustomerModal').modal('hide');
  3801.                         populateCustomerFields(response);
  3802.                         showSuccessAlert("{% trans %} customerUpdateSuccess {% endtrans %}");
  3803.                     },
  3804.                     error: function(jqXHR, textStatus, errorThrown) {
  3805.                         let errorMessage = 'Güncelleme sırasında bilinmeyen bir hata oluştu.';
  3806.                         try {
  3807.                             const response = JSON.parse(jqXHR.responseText);
  3808.                             if (response && response.message) {
  3809.                                 errorMessage = response.message;
  3810.                             }
  3811.                         } catch (e) {
  3812.                             console.error("JSON Parse Error:", e);
  3813.                             console.error("Server Response:", jqXHR.responseText);
  3814.                         }
  3815.                         showErrorAlert(errorMessage);
  3816.                     }
  3817.                 });
  3818.             });
  3820.             $('#show-info-btn').on('click', function(e) {
  3821.                 e.preventDefault();
  3822.                 const selectedProductId = $('#productselect').val();
  3823.                 if (!selectedProductId || selectedProductId <= 0) {
  3824.                     showErrorAlert("Detayları görmek için önce bir ürün seçmelisiniz.");
  3825.                     return;
  3826.                 }
  3827.                 const $infoContent = $('#info-details-content');
  3828.                 const $icon = $(this).find('i');
  3829.                 $infoContent.toggle();
  3830.                 if ($infoContent.is(':visible')) {
  3831.                     $icon.removeClass('fa-info-circle').addClass('fa-chevron-up');
  3832.                 } else {
  3833.                     $icon.removeClass('fa-chevron-up').addClass('fa-info-circle');
  3834.                 }
  3835.             });
  3840.             // --- GIFT VOUCHER LOGIC ---
  3842.             // Hediye Kuponu Butonuna Tıklama (Desktop)
  3843.             $('#btn-gift-voucher').on('click', function() {
  3844.                 openGiftVoucherModal();
  3845.             });
  3847.              // Hediye Kuponu Butonuna Tıklama (Mobile)
  3848.             $('#btn-gift-voucher-mobile').on('click', function() {
  3849.                 openGiftVoucherModal();
  3850.             });
  3852.             function openGiftVoucherModal() {
  3853.                 const customerId = $('#sales_form_customer').val();
  3855.                 if (!customerId) {
  3856.                     showErrorAlert('Lütfen önce bir müşteri seçiniz.');
  3857.                     return;
  3858.                 }
  3860.                 // API'den bakiye sorgula
  3861.                 $.ajax({
  3862.                     url: '/admin/gift-certificates/api/balance/' + customerId,
  3863.                     method: 'GET',
  3864.                     success: function(response) {
  3865.                         if (response.error) {
  3866.                             showErrorAlert(response.error);
  3867.                             return;
  3868.                         }
  3870.                         $('#voucher-total-balance').text(response.formatted);
  3871.                         $('#voucher-total-balance').data('balance', response.balance);
  3872.                         $('#voucher-customer-name').text(response.customerName); // Set customer name
  3873.                         $('#voucher-use-amount').val(''); // Inputu temizle
  3874.                          // Varsayılan olarak kalanı doldurmayı deneyebiliriz ama kullanıcı girişi daha iyi
  3875.                         const totals = aggregateSoldTotals();
  3876.                          const paymentTotal = convertToDecimal(calculateTotalPaymentAmount());
  3877.                         const remaining = totals.grandTotal.minus(paymentTotal);
  3878.                          if (remaining.greaterThan(0)) {
  3879.                              // Eğer kalan miktar, bakiyeden küçükse kalanı, büyükse bakiyeyi öner
  3880.                              const balance = new Decimal(response.balance);
  3881.                              const suggested = remaining.lessThan(balance) ? remaining : balance;
  3882.                              $('#voucher-use-amount').val(suggested.toNumber());
  3883.                          }
  3886.                         $('#gift-voucher-usage-modal').modal('show');
  3887.                     },
  3888.                     error: function() {
  3889.                         showErrorAlert('Müşteri hediye çeki bakiyesi sorgulanırken bir hata oluştu.');
  3890.                     }
  3891.                 });
  3892.             }
  3894.             // Hediye Çeki Kullanımını Onayla
  3895.             $('#btn-confirm-voucher-usage').on('click', function() {
  3896.                 const amount = parseFloat($('#voucher-use-amount').val());
  3897.                 const balance = parseFloat($('#voucher-total-balance').data('balance'));
  3899.                 if (isNaN(amount) || amount <= 0) {
  3900.                     showErrorAlert('Lütfen geçerli bir miktar giriniz.');
  3901.                     return;
  3902.                 }
  3904.                 if (amount > balance) {
  3905.                     showErrorAlert('Girdiğiniz miktar, toplam bakiyeden fazla olamaz.');
  3906.                     return;
  3907.                 }
  3909.                 // Ödeme Yöntemini Bul (Hediye Çeki / Gift Voucher)
  3910.                 let voucherMethodId = null;
  3912.                 // 1. Yöntem: Backend'den gelen veriyi kullan (En Sağlam)
  3913.                 // 1. Yöntem: Backend'den gelen veriyi kullan (En Sağlam)
  3914.                 {% if paymentMethods is defined %}
  3915.                     const methods = [
  3916.                         {% for pm in paymentMethods %}
  3917.                             { id: "{{ pm.id }}", name: "{{ pm.name|e('js') }}" },
  3918.                         {% endfor %}
  3919.                     ];
  3920.                     const voucherMethod = methods.find(m => 
  3921.                         (m.name && m.name.toLowerCase().includes('hediye')) || 
  3922.                         (m.name && m.name.toLowerCase().includes('gift')) || 
  3923.                         (m.name && m.name.toLowerCase().includes('kupon'))
  3924.                     );
  3925.                     if (voucherMethod) {
  3926.                         voucherMethodId = voucherMethod.id;
  3927.                     }
  3928.                 {% endif %}
  3930.                 // 2. Yöntem: Eğer yukarıdaki çalışmazsa DOM'dan bulmayı dene
  3931.                 if (!voucherMethodId) {
  3932.                      const $methodSelect = $('select[name="paymentMethod[]"]').first(); // Tablodaki herhangi bir select
  3933.                      $methodSelect.find('option').each(function() {
  3934.                         const text = $(this).text().toLowerCase();
  3935.                         if (text.includes('hediye') || text.includes('gift') || text.includes('kupon')) {
  3936.                             voucherMethodId = $(this).val();
  3937.                             return false; // break
  3938.                         }
  3939.                     });
  3940.                 }
  3941.                 
  3942.                 // 3. Yöntem: Modal Select
  3943.                 if (!voucherMethodId) {
  3944.                      const $modalSelect = $('#add-payment-modal select[name="paymentMethod"]');
  3945.                      $modalSelect.find('option').each(function() {
  3946.                         const text = $(this).text().toLowerCase();
  3947.                         if (text.includes('hediye') || text.includes('gift') || text.includes('kupon')) {
  3948.                             voucherMethodId = $(this).val();
  3949.                             return false; // break
  3950.                         }
  3951.                     });
  3952.                 }
  3954.                 if (!voucherMethodId) {
  3955.                      // Eğer modal select'inde yoksa, bir de manuel tanımlı ID varsa onu kontrol et (opsiyonel)
  3956.                      // Veya uyarı ver
  3957.                      // Fallback: İlk metodun id'sini alma riskine girmeyelim, kullanıcıya soralım veya hata verelim.
  3958.                      // Ancak genelde bir "Hediye Çeki" metodu olmalı.
  3959.                      // Şimdilik hata verelim.
  3960.                      showErrorAlert('Sistemde "Hediye Çeki" ödeme yöntemi bulunamadı. Lütfen yönetim panelinden ekleyiniz.');
  3961.                      return;
  3962.                 }
  3965.                 // Yeni ödeme satırı ekle
  3966.                 const payment = {
  3967.                     uuid: crypto.randomUUID(),
  3968.                     amount: amount,
  3969.                     status: "0", // Ödendi
  3970.                     paymentDate: new Date().toISOString().split('T')[0], // Bugün
  3971.                     paymentDueDate: new Date().toISOString().split('T')[0], // Bugün
  3972.                     paymentMethod: voucherMethodId,
  3973.                     description: 'Hediye Çeki Kullanımı',
  3974.                     voucherCode: 'AUTO_DEDUCT_FROM_BALANCE' // Backend bunu işleyip ilgili çeklerden düşebilir
  3975.                 };
  3977.                 payments.push(payment);
  3978.                 fetchPaymentForm();
  3979.                 fetchSoldListRows(); // Trigger AVOIR row update
  3980.                 $('#gift-voucher-usage-modal').modal('hide');
  3981.                 showSuccessAlert(amount + ' TL hediye çeki ödemesi eklendi.');
  3982.             });
  3984.             // calculateTotalPaymentAmount fonksiyonunu global scope'ta bulamadıysak buraya ekleyelim veya mevcut olanı kullanalım
  3985.             function calculateTotalPaymentAmount() {
  3986.                 let total = new Decimal(0);
  3987.                 payments.forEach(function(p) {
  3988.                    total = total.plus(convertToDecimal(p.amount));
  3989.                 });
  3990.                 return total;
  3991.             }
  3993.             // --- END GIFT VOUCHER LOGIC ---
  3995.         });
  3997.         function createPopup(url, window_name = 'example-popup') {
  3998.             var width = 1100;
  3999.             var height = 700;
  4000.             var screen_width = window.screen.width;
  4001.             var screen_height = window.screen.height;
  4002.             var popup_left = (screen_width - width) / 2;
  4003.             var popup_top = (screen_height - height) / 2;
  4004.             var popup_window = window.open(url, window_name, 'width=' + width + ',height=' + height + ',left=' + popup_left + ',top=' + popup_top);
  4005.         }
  4006.     </script>
  4007. {% endblock %}