{% extends 'basic.html' %}
{% load humanize i18n static %}
{% block title %}
Farmasi
{% endblock %}
{% block head %}
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
{% endblock %}
{% block content %}
{% language 'id' %}
<main class="h-100">
    {% include "header.html" %}
    <!-- main page content -->
    <div class="main-container container" style="width: 100%;">
        <!--card pelayanan-->
        <div class="row mb-2">
            {% for x in messages %}
            <button class="btn btn-primary col-lg-12">{{ x }}</button>
            {% endfor %}
        </div>
        <div class="container-fluid">
            <nav style="--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E&#34;);" aria-label="breadcrumb">
                <ol class="breadcrumb" style="background-color: transparent;display: flex;justify-content: flex-end;">
                  <li class="breadcrumb-item"><a href="/">Dashboard</a></li>
                  <li class="breadcrumb-item active" aria-current="page">Farmasi</li>
                  <li class="breadcrumb-item active" aria-current="page">Masukan Obat</li>
                </ol>
            </nav>
            <style>
                .btn:focus {
                    outline: none !important;
                    box-shadow: none !important;
                }
                .custom-popover {
                    position: relative;
                    display: inline-block;
                    cursor: pointer;
                }
            
                .popover-content {
                    display: none;
                    position: absolute;
                    top: 50%; /* Center vertically */
                    left: 125%; /* Center horizontally */
                    transform: translate(-50%, -50%); /* Move it back by 50% of its own width and height */
                    background-color: #fff;
                    padding: 10px;
                    border-radius: 10px;
                    z-index: 1000;
                    opacity: 0;
                    transition: opacity 0.3s;
                }
            </style>
            <div class="row g-5">
                <div class="card">
                    <div class="col-md-12">
                        <h5 class="mt-3 mb-3" style="padding-left: var(--fimobile-padding)"><a href="#" onclick="confirm('Apakah anda yakin?');">Input Request Dokter</a></h5>
                        {% include 'requestdokter/inputrequestdokter/data-pasien.html' %}
                        <hr class="my-3 text-primary">
                        <!-- nav start  -->
                        <div class="row">
                            <div class="col">
                                
                                <div class="col-md-12" style="padding: 0px;display: flex;">
                                    <div class="col-md-6" style="padding: 0px;padding-right: 10px;">
                                        <div class="mt-4 mb-3">
                                            <div class="card">
                                                <div class="card-body">
                                                    <div class="form-group">
                                                        <div class="mt-2 mb-2" style="display: flex;flex-direction: row;justify-content: space-between;">
                                                            <div>
                                                                <label for="permintaan-resep">Catatan Terapi Obat</label>
                                                            </div>
                                                            <div style="position: absolute;right: 15px;top: 10px;">
                                                                <span class="btn btn-warning btn-sm" style="text-transform: capitalize;">{{ pendaftaran.status_plan }}</span>
                                                            </div>
                                                        </div>
                                                        
                                                        <textarea class="form-control" id="permintaan-resep" style="height: 182px;"
                                                                disabled>{{ pendaftaran.rencana_terapi_pemeriksaan_penunjang_rujukan }}</textarea>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6" style="padding: 0px;padding-left: 10px;">
                                        <form method="POST" class="mt-4 mb-3" action="/pemeriksaan/postinvoicebarang">
                                            {% csrf_token %}
                                            <div class="card">
                                                <div class="card-body">
                                                    <div class="form-group">
                                                        <div class="mt-2 mb-2" style="display: flex;flex-direction: row;justify-content: space-between;">
                                                            <div>
                                                                <label for="permintaan-resep">Masukan obat</label>
                                                            </div>
                                                            {% if info_dasar_faskes.is_paket == 1 %}
                                                                <div style="position: absolute;right: 15px;top: 10px;">
                                                                    <select style="width: 200px;" class="form-control" name="id_paket_custom"
                                                                            data-live-search="false" required
                                                                            aria-required="true" data-id="{{pendaftaran.id}}" id="harga_paket_select">
                                                                        {% for harga in harga_list %}
                                                                        <option {% if harga_paket == harga.price %} selected {% endif %} value="{{ harga.id }}">{{ harga.title }} | Rp {{ harga.price|intcomma }}</option>
                                                                        {% endfor %}
                                                                    </select>
                                                                    <button type="button" class="btn btn-info btn-sm text-light" id="tambah-ref-obat"><i class="bi bi-plus-lg"></i></button>
                                                                </div>
                                                            {% endif %}
                                                        </div>
                                                        <select style="width: 100%;" class="form-control" name="barang"
                                                                data-live-search="true" required
                                                                aria-required="true" id="barang_id">
                                                            {% for x in barang %}
                                                            <!-- <option value="{{ x.id }}">{{ x.nama }} | Rp.{{ x.harga_jual }} Stok: {{ x.stok }}
                                                            </option> -->
                                                            <option value="{{ x.id }}">{{ x.nama }} {% if info_dasar_faskes.is_paket != 1 %}| Rp{{ x.harga_jual }}{% endif %}
                                                            </option>
                                                            {% endfor %}
                                                        </select>
                                                        <div class="row gy-3">
                                                            <div class="col-6">
                                                                <label for="kuantitas" class="form-label mt-3">Kuantitas</label>
                                                                <div class="form-group" id="kuantitas">
                                                                    <input type="number" class="form-control" name="kuantitas" id="qty" value="10">
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <label for="catatan" class="form-label mt-3">Cara Pakai</label>
                                                                <div class="form-group" id="catatan">
                                                                    <input type="text" class="form-control" name="catatan" id="note">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!-- <textarea class="form-control" id="permintaan-resep" style="height: 200px;"
                                                                disabled>{{ pendaftaran.rencana_terapi_pemeriksaan_penunjang_rujukan }}</textarea> -->
                                                    </div>
                                                    <div class="form-group">
                                                        <label><i>*Tambahkan obat per item</i></label>
                                                        <input type="hidden" name="id_pendaftaran" value="{{ pendaftaran.id }}">
                                                        <button {% if pendaftaran.status|striptags == 'selesai' %}disabled{% endif %} style="border-radius: 10px;" class="btn btn-primary me-md-2 form-control">Tambah</button>
                                                    </div>
                                                    <!-- <div class="row gy-3">
                                                        <div class="col-12">
                                                        <h5>Barang 1</h5>
                                                        <div class="form-floating mb-3">
                                                            <select class="form-control selectpicker" name="barang"
                                                                    data-live-search="true" required
                                                                    aria-required="true">
                                                                {% for x in barang %}
                                                                <option value="{{ x.id }}">{{ x.nama }} | Rp.{{ x.harga_jual }} Stok: {{ x.stok }}
                                                                </option>
                                                                {% endfor %}
                                                            </select>
                                                        </div>
                                                        </div>
                                                        <div class="col-6">
                                                            <label for="kuantitas" class="form-label mt-3">Kuantitas</label>
                                                            <div class="form-group" id="kuantitas">
                                                                <input type="number" class="form-control" name="kuantitas">
                                                            </div>
                                                        </div>
                                                        <div class="col-6">
                                                            <label for="catatan" class="form-label mt-3">Cara Penggunaan</label>
                                                            <div class="form-group" id="catatan">
                                                                <input type="text" class="form-control" name="catatan">
                                                            </div>
                                                        </div>
                                                        <div class="col-12">
                                                            <hr>
                                                        </div> -->
                                                        <!-- <div class="col-12">
                                                        <h5>Barang 2</h5>
                                                        <div class="form-floating mb-3">
                                                            <select class="form-control selectpicker" name="barang2"
                                                                    data-live-search="true" required
                                                                    aria-required="true">
                                                                {% for x in barang %}
                                                                <option value="{{ x.id }}">{{ x.nama }} | Rp.{{ x.harga_jual }} Stok: {{ x.stok }}
                                                                </option>
                                                                {% endfor %}
                                                            </select>
                                                        </div>
                                                        </div>
                                                        <div class="col-6">
                                                            <label for="kuantitas2" class="form-label mt-3">Kuantitas</label>
                                                            <div class="form-group" id="kuantitas2">
                                                                <input type="number" class="form-control" name="kuantitas2">
                                                            </div>
                                                        </div>
                                                        <div class="col-6">
                                                            <label for="catatan2" class="form-label mt-3">Cara Penggunaan</label>
                                                            <div class="form-group" id="catatan2">
                                                                <input type="text" class="form-control" name="catatan2">
                                                            </div>
                                                        </div>
                                                        <div class="col-12">
                                                            <hr>
                                                        </div>
                                                        <div class="col-12">
                                                        <h5>Barang 3</h5>
                                                        <div class="form-floating mb-3">
                                                            <select class="form-control selectpicker" name="barang3"
                                                                    data-live-search="true" required
                                                                    aria-required="true">
                                                                {% for x in barang %}
                                                                <option value="{{ x.id }}">{{ x.nama }} | Rp.{{ x.harga_jual }} Stok: {{ x.stok }}
                                                                </option>
                                                                {% endfor %}
                                                            </select>
                                                        </div>
                                                        </div>
                                                        <div class="col-6">
                                                            <label for="kuantitas3" class="form-label mt-3">Kuantitas</label>
                                                            <div class="form-group" id="kuantitas3">
                                                                <input type="number" class="form-control" name="kuantitas3">
                                                            </div>
                                                        </div>
                                                        <div class="col-6">
                                                            <label for="catatan3" class="form-label mt-3">Cara Penggunaan</label>
                                                            <div class="form-group" id="catatan3">
                                                                <input type="text" class="form-control" name="catatan3">
                                                            </div>
                                                        </div>
                                                        <div class="col-12">
                                                            <hr>
                                                        </div>
                                                        <div class="col-12">
                                                        <h5>Barang 4</h5>
                                                        <div class="form-floating mb-3">
                                                            <select class="form-control selectpicker" name="barang4"
                                                                    data-live-search="true" required
                                                                    aria-required="true">
                                                                {% for x in barang %}
                                                                <option value="{{ x.id }}">{{ x.nama }} | Rp.{{ x.harga_jual }} Stok: {{ x.stok }}
                                                                </option>
                                                                {% endfor %}
                                                            </select>
                                                        </div>
                                                        </div>
                                                        <div class="col-6">
                                                            <label for="kuantitas4" class="form-label mt-3">Kuantitas</label>
                                                            <div class="form-group" id="kuantitas4">
                                                                <input type="number" class="form-control" name="kuantitas4">
                                                            </div>
                                                        </div>
                                                        <div class="col-6">
                                                            <label for="catatan4" class="form-label mt-3">Cara Penggunaan</label>
                                                            <div class="form-group" id="catatan4">
                                                                <input type="text" class="form-control" name="catatan4">
                                                            </div>
                                                        </div>
                                                        <div class="col-12">
                                                            <hr>
                                                        </div>
                                                        <div class="col-12">
                                                        <h5>Barang 5</h5>
                                                        <div class="form-floating mb-3">
                                                            <select class="form-control selectpicker" name="barang5"
                                                                    data-live-search="true" required
                                                                    aria-required="true">
                                                                {% for x in barang %}
                                                                <option value="{{ x.id }}">{{ x.nama }} | Rp.{{ x.harga_jual }} Stok: {{ x.stok }}
                                                                </option>
                                                                {% endfor %}
                                                            </select>
                                                        </div>
                                                        </div>
                                                        <div class="col-6">
                                                            <label for="kuantitas5" class="form-label mt-3">Kuantitas</label>
                                                            <div class="form-group" id="kuantitas5">
                                                                <input type="number" class="form-control" name="kuantitas5">
                                                            </div>
                                                        </div>
                                                        <div class="col-6">
                                                            <label for="catatan5" class="form-label mt-3">Cara Penggunaan</label>
                                                            <div class="form-group" id="catatan5">
                                                                <input type="text" class="form-control" name="catatan5">
                                                            </div>
                                                        </div> -->
                                                        <!-- <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                                                            <input type="hidden" name="id_pendaftaran" value="{{ pendaftaran.id }}">
                                                            <button class="btn btn-primary me-md-2" type="submit">Submit</button>
                                                        </div> -->
                                                    </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col">
                                        <div class="card mr-1">
                                            <div class="card-body">
                                                <div class="card-header">Barang Yang Diberikan</div>
                                                <div class="row mt-4 mb-4">
                                                    <div class="col">
                                                        <div class="table-responsive">
                                                            <table class="table table-bordered">
                                                                {% if info_dasar_faskes.is_paket != 1 %}
                                                                    <thead>
                                                                        <tr>
                                                                            <th>#</th>
                                                                            <th>Nama</th>
                                                                            <th>Harga</th>
                                                                            <th>Kuantitas</th>
                                                                            <th>Diskon</th>
                                                                            <th>Jumlah</th>
                                                                            <th>Cara Pakai</th>
                                                                            <th>Cetak</th>
                                                                        </tr>
                                                                    </thead>
                                                                {% else %}
                                                                    <thead>
                                                                        <tr>
                                                                            <th class="text-center">#</th>
                                                                            <th class="text-center">Nama</th>
                                                                            <!-- <th class="text-center">Harga</th> -->
                                                                            <th class="text-center">Kuantitas</th>
                                                                            <!-- <th class="text-center">Jumlah</th> -->
                                                                            <th class="text-center">Cara Pakai</th>
                                                                            <th class="text-center">Act</th>
                                                                        </tr>
                                                                    </thead>
                                                                {% endif %}
                                                                {% if invoicebarang %}
                                                                    {% if info_dasar_faskes.is_paket != 1 %}
                                                                        <tbody>
                                                                            {% for x in invoicebarang %}
                                                                            <tr>
                                                                                <td>{{ forloop.counter }}</td>
                                                                                <td>{{ x.barang.nama }}</td>
                                                                                <td>{{ x.barang.harga_jual|intcomma }}</td>
                                                                                <td>{{ x.kuantitas|intcomma }}</td>
                                                                                <td>
                                                                                    {% if x.tipe_diskon != "%" %}-{%endif%}{{ x.diskon_layanan|floatformat:0|intcomma }} {% if x.tipe_diskon == "%" %}%{%endif%}
                                                                                    {% if pendaftaran.status|striptags != 'selesai' %}
                                                                                    <div class="custom-popover" style="z-index: 3;">
                                                                                        <button style="margin-right: 5px;height: fit-content;" class="btn btn-sm" onclick="editDiskon({{x.id}})"><i style="color: orange;" class="bi bi-pencil"></i></button>
                                                                                        <div class="popover-content edit-{{x.id}}" style="z-index: 1000;">
                                                                                            <div style="display: flex;" id="form-edit">
                                                                                                <input type="hidden" id="tipe_diskon_{{x.id}}" value="{{x.tipe_diskon}}">
                                                                                                <input style="width: 100px;" class="form-control" id="diskon_harga_{{x.id}}" value="{{x.diskon_layanan}}" oninput="updateVal(this)">
                                                                                                <button style="margin-left: 5px;width: 40px;" class="btn btn-sm btn-info" id="show_tipe_{{x.id}}" onclick="editTipe({{x.id}})">{{x.tipe_diskon}}</button>
                                                                                                <button style="margin-left: 5px;" class="btn btn-sm btn-success" onclick="submitDiskon({{x.id}})">edit</button>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    {% endif %}
                                                                                </td>
                                                                                                <!-- ( x.biaya harga / 1 ) * x.kuantitas -->
                                                                                <td>{{ x.total_harga|intcomma }}</td>
                                                                                <td>{{ x.catatan }}</td>
                                                                                <td class="text-center" style="display: flex;justify-content: center;">
                                                                                    <a href="#" class="btn btn-success text-light" onclick="window.open('/pemeriksaan/labelobat/{{x.id}}','mywindow','location=1,status=1, scrollbars=1,width=500px,height=380px');">Cetak Label</a>
                                                                                    <form method="post" action="/pemeriksaan/hapusinvoicebarang/{{ x.id }}/">
                                                                                        {% csrf_token %}
                                                                                        <input type="hidden" name="id_pendaftaran" value="{{ pendaftaran.id }}">
                                                                                        {% if pendaftaran.status|striptags != 'selesai' %}
                                                                                        <button type="submit" style="margin-left: 10px;" class="btn btn-danger text-light"><i class="bi bi-trash"></i></button>
                                                                                        {% endif %}
                                                                                    </form>
                                                                                </td>
                                                                            </tr>
                                                                            {% endfor %}
                                                                            <tr>
                                                                                <td colspan="5">Total: </td>
                                                                                <!-- ( x.biaya harga / 1 ) * x.kuantitas -->
                                                                                <td colspan="4"><b>Rp {{ summaryinvoicebarang|intcomma }}</b></td>
                                                                            </tr>
                                                                        </tbody>
                                                                        {% else %}
                                                                        <tbody>
                                                                            {% for x in invoicebarang %}
                                                                            <tr>
                                                                                <td class="text-center">
                                                                                    {{ forloop.counter }}
                                                                                </td>
                                                                                <td class="text-center">{{ x.barang.nama }}</td>
                                                                                <!-- <td class="text-center">{{ x.barang.harga_jual }}</td> -->
                                                                                <td class="text-center">{{ x.kuantitas|floatformat:"0"|add:"" }}</td>
                                                                                <!-- ( x.biaya harga / 1 ) * x.kuantitas -->
                                                                                <!-- <td class="text-center">{% widthratio x.barang.harga_jual 1 x.kuantitas as summary %}{{ summary|intcomma }}</td> -->
                                                                                <td class="text-center">{{ x.catatan }}</td>
                                                                                <td class="text-center" style="display: flex;justify-content: center;">
                                                                                    <a href="#" class="btn btn-success text-light" onclick="window.open('/pemeriksaan/labelobat/{{x.id}}','mywindow','location=1,status=1, scrollbars=1,width=500px,height=380px');">Cetak Label</a>
                                                                                    <form method="post" action="/pemeriksaan/hapusinvoicebarang/{{ x.id }}/">
                                                                                        {% csrf_token %}
                                                                                        <input type="hidden" name="id_pendaftaran" value="{{ pendaftaran.id }}">
                                                                                        {% if pendaftaran.status|striptags != 'selesai' %}
                                                                                        <button type="submit" style="margin-left: 10px;" class="btn btn-danger text-light"><i class="bi bi-trash"></i></button>
                                                                                        {% endif %}
                                                                                    </form>
                                                                                </td>
                                                                            </tr>
                                                                            {% endfor %}
                                                                            <tr>
                                                                                <td colspan="4">Total: </td>
                                                                                <!-- ( x.biaya harga / 1 ) * x.kuantitas -->
                                                                                <td colspan="4"><b class="harga_paket_custom">Rp {{ harga_paket|intcomma }}</b></td>
                                                                            </tr>
                                                                        </tbody>
                                                                        {% endif %}
                                                                {% else %}
                                                                    <tbody id="table-obat">
                                                                        <tr id="data-not-found">
                                                                            <td colspan="8" class="text-center" style="background-color: rgb(186, 184, 184);">Belum ada data.</td>
                                                                        </tr>
                                                                    </tbody>
                                                                {% endif %}
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <form method="POST" class="mt-4 mb-3" action="/pemeriksaan/selesaifarmasi/{{ pendaftaran.id }}/">
                                    {% csrf_token %}
                                    <button class="btn btn-success" type="submit" style="width: 100%;">Selesai</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% include 'footer.html' %}
</main>

<script>
    $(document).ready(function() {
        $(document.body).click(function(event) {
            if (!$(event.target).closest('.custom-popover').length) {
                $('.popover-content').css('display', 'none');
                $('.popover-content').css('opacity', '0');
            }
        });
    });
    $('#barang_id').select2();
    $('#harga_paket_select').select2().on('change', function(e) {
        var value = $(this).val();
        var pendaftaran = $(this).data('id');
        var csrftoken = $("[name=csrfmiddlewaretoken]").val();
       $.ajax({
            url: '/penjualan/change_package/'+pendaftaran,
            type: 'POST',
            data:{
                'id': value,
            },
            headers: {
                'X-CSRFToken': csrftoken 
            },
            success: function(data) {
                price = data.price
                $('.harga_paket_custom').text(`Rp ${(price / 1000).toFixed(3).replace('.', '.')}`);
            },
            error: function(error) {
                console.error('Error:', error);
            }
        });
    });
    $('#harga_paket_select').select2({
        minimumResultsForSearch: Infinity, // Disable search 
        // language: {
        //     noResults: function() {
        //         return $('<span>No results found. <button id="addOptionBtn">Add</button></span>');
        //     }
        // },
        // matcher: function(params, data) {
        //     // Jika tidak ada input, kembalikan semua data
        //     if ($.trim(params.term) === '') {
        //         return data;
        //     }

        //     // Cek apakah nama mengandung angka
        //     const hasNumber = /\d/.test(data.text);
        //     const searchTerm = params.term.replace(/\./g, ''); // Hapus titik dari input

        //     // Hapus semua karakter non-digit dari teks data
        //     const numericText = data.text.replace(/[^\d]/g, '');

        //     // Jika nama mengandung angka dan term cocok, kembalikan data
        //     if (hasNumber && numericText.includes(searchTerm)) {
        //         return data;
        //     }

        //     // Kembalikan null jika tidak ada yang cocok
        //     return null;
        // }
    });
    $('#harga_paket_select').on('select2:open', function() {
        const $searchField = $('.select2-search__field');
        $searchField.on('keypress', function(e) {
            const key = e.which;

            // Allow only numbers (0-9) and control keys (backspace, delete, arrow keys)
            if (key < 48 || key > 57) {
                e.preventDefault();
            }
        });

        // Remove the event listener when closing to prevent stacking
        $searchField.on('blur', function() {
            $searchField.off('keypress');
        });
    });
    $(document).on('click','#tambah-ref-obat',function(){
        Swal.fire({
            title: "Tambah Referensi Harga",
            text: "Tambah Referensi Harga",
            html:
            `<form method="POST" action="" id="form-ref-med" style="display: flex; flex-direction: column;">`+
                `{% csrf_token %}`+
                `<div style="display: flex; justify-content: space-between;align-items: center; margin-bottom: 10px;">`+
                    `<label for="name">Nama Paket</label>`+
                    `<input style="width: 300px;height:40px;" type="text" id="nama_paket" class="swal2-input m-0" placeholder="Contoh: Paket 1" name="nama" value="">` +
                `</div>`+
                `<div style="display: flex; justify-content: space-between;align-items: center; margin-bottom: 10px;">`+
                    `<label for="harga">Harga</label>`+
                    `<input style="width: 300px;height:40px;" type="number" id="harga" class="swal2-input m-0" placeholder="Harga" name="harga" value="">`+
                `</div>`+
                `</form>`,
                
                showCancelButton: true,
                confirmButtonColor: "#3085d6",
                cancelButtonColor: "#d33",
                confirmButtonText: "Simpan",
            }).then((result) => {
            if (result.isConfirmed) {
                
                var nama_paket = $('#nama_paket').val();
                var harga = $('#harga').val();
                var csrftoken = $("[name=csrfmiddlewaretoken]").val();
                $.ajax({
                url: '/penjualan/add_ref_obat',
                type: "POST",
                data:{
                    harga:harga,
                    nama_paket:nama_paket,
                },
                headers: {
                    'X-CSRFToken': csrftoken  // Get the CSRF token from a cookie
                },
                success: function(response) {
                    if (response.message == "ok"){
                        Swal.fire({
                            title: "Berhasil",
                            text: "Harga Telah Disimpan",
                            icon: "success"
                        });
                        location.reload()
                    }
                },
                    error: function(xhr, status, error) {
                      console.error(xhr.responseText);
                    }
                  });
            }
          });
    });
    function tambahObat(){
        $('#data-not-found').remove()
        let length = $("#table-obat").find("tr").length;
        if(length >= 3){
            $('#paket').html('Paket 2: Rp 100.000');
        } else if (length <= 1) {
            $('#paket').html('Rp 0');
        } else {
            $('#paket').html('Paket 1: Rp 50.000');
        }
        let barang_id = $('#barang_id').val()
        let nama_barang = $('#barang_id option:selected').text()
        let qty = $('#qty').val()
        let note = $('#note').val()
        let number = length += 1;
        var html = `<tr>
                        <td class="text-center">${number}</td>
                        <td class="text-center">${nama_barang}</td>
                        <td class="text-center">${qty}</td>
                        <td class="text-center">${note}</td>
                        <td class="text-center">
                            <a href="#" class="btn btn-success text-light" onclick="window.open('/pemeriksaan/labelobat/84','mywindow','location=1,status=1,scrollbars=1,width=500px,height=380px');">Cetak Label</a>
                            <button class="btn btn-danger text-light"><i class="bi bi-trash"></i></button>
                        </td>
                    </tr>`;
        // $('#table-obat').empty()
        $('#table-obat').append(html)
    }
    
    function editDiskon(id){
        $('.edit-'+id).css('display', 'block');
        $('.edit-'+id).css('opacity', '1');
    }
    function editTipe(id){
        var tipe = $('#tipe_diskon_'+id).val()

        if(tipe == "%"){
            $('#tipe_diskon_'+id).val('rp');
            $('#show_tipe_'+id).text('RP');
        } else {
            $('#tipe_diskon_'+id).val('%');
            $('#show_tipe_'+id).text('%');
        }
    }
    function submitDiskon(id){
       var tipe_diskon = $('#tipe_diskon_'+id).val()
       var diskon_harga = $('#diskon_harga_'+id).val()
       var csrftoken = $("[name=csrfmiddlewaretoken]").val();
       $.ajax({
            url: '/promotion/edit_obat_diskon',
            type: 'POST',
            data:{
                'inv_id': id,
                'tipe_diskon': tipe_diskon,
                'diskon_pembelian': diskon_harga,
            },
            headers: {
                'X-CSRFToken': csrftoken 
            },
            success: function(data) {
                console.log(data)
                window.location.reload()
            },
            error: function(error) {
                console.error('Error:', error);
            }
        });
    }
    function updateVal(inputElement) {
        inputElement.setAttribute('value', inputElement.value);
    }
    
</script>
<style>
    .select2-container {
        width: 100%;
    }

    .form-control {
        border-color: #aaa !important;
        border-radius: 5px !important;
    }

    .select2-selection__rendered {
        line-height: 31px !important;
    }
    .select2-container .select2-selection--single {
        height: 35px !important;
    }
    .select2-selection__arrow {
        height: 34px !important;
    }
</style>
{% endlanguage %}
{% endblock %}