@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('body_content')
    <div class="container body">
        <div class="main_container">
            @include('includes.sidebar')
            <div class="right_col" role="main">
                <div class="page-title">
                    <div class="title_left">
                        <h3>Move Request {{ $transactions->certificate_number }}</h3>
                    </div>
                    <div class="clearfix"></div>
                </div>

                <div class="col-xs-12">
                    <form id="form-lakusimpan" class="form-horizontal">
                        <input type="hidden" name="gold" value="" class="input-gold">
                        <div class="x_panel">
                            <div class="x_content">
                                <div class="row">
                                    <div class="col-xs-12 col-sm-6">
                                        <div class="form-group">
                                            <label class="control-label col-sm-3">NIK :</label>
                                            <div class="col-sm-9">
                                                <input type="text" disabled value="{{ $logined_user->username }}"
                                                    class="form-control" />
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="control-label col-sm-3">Name :</label>
                                            <div class="col-sm-9">
                                                <input type="text" disabled value="{{ $logined_user->name }}"
                                                    class="form-control" />
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="control-label col-sm-3">Team :</label>
                                            <div class="col-sm-9">
                                                <input type="text" disabled value="{{ $logined_user->users_team->name }}"
                                                    class="form-control" />
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="control-label col-sm-3"> From Group Lokasi :</label>
                                            <div class="col-sm-9">
                                                <select id="fromgrouplokasi" name="fromgrouplokasi" class="form-control">
                                                    @foreach ($group as $item)
                                                        <option value="{{ $item->id }}">{{ $item->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label col-sm-3">From Lokasi :</label>
                                            <div class="col-sm-9">
                                                <select id="fromlokasi" name="actual_location_from_id" class="form-control">
                                                    @foreach ($location as $data)
                                                        <option value="{{ $data->id }}">{{ $data->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-xs-12 col-sm-6">
                                        <div class="form-group">
                                            <label class="control-label col-sm-3">Notes :</label>
                                            <div class="col-sm-9">
                                                <textarea class="form-control" name="notes"  placeholder="Notes" rows="2" autofocus autocomplete="off">Pengembalian Gold Prio atas dokumen "{{ $transactions->certificate_number }}". atas nama {{ $transactions->customer_name }}
                                                </textarea>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label col-sm-3 mt-2">Move type :</label>
                                            <div class="col-sm-9">
                                                <select id="move_type" name="move_type_id" class="form-control">
                                                    {{-- <option value="">-- Pilih Move Type --</option> --}}
                                                    @foreach ($move_type as $item)
                                                        <option value="{{ $item->id }}">{{ $item->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label col-sm-3">No Detail :</label>
                                            <div class="col-sm-9">
                                                <input type="text" id="kode_transaksi" name="kode_transaksi" value="{{ $transactions->code }}"
                                                    class="form-control" readonly/>
                                            </div>
                                        </div>
                                        <input type="hidden" id="lakusimpan_id" name="lakusimpan_id" value="{{ $transactions->id }}"
                                                    class="form-control"/>
                                        <div class="form-group">
                                            <label class="control-label col-sm-3 mt-2"> To Group Lokasi :</label>
                                            <div class="col-sm-9">
                                                <select id="togrouplokasi" name="togrouplokasi" class="form-control" required>
                                                    {{-- @if ($toko) --}}
                                                        <option value="{{ $toko->group_lokasi->id }}">{{ $toko->group_lokasi->name }}</option>
                                                        @foreach ($group_loc as $data)
                                                            <option value="{{ $data->id }}">{{ $data->name }}</option>
                                                        @endforeach
                                                    {{-- @else
                                                        <option value="">Toko Tidak ditemukan</option>
                                                    @endif --}}
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label col-sm-3">To Lokasi :</label>
                                            <div class="col-sm-9">
                                                <select id="tolokasi" name="actual_location_to_id" class="form-control" required>
                                                    <option value="{{ $toko->id }}">{{ $toko->name }}</option>
                                                    @foreach ($data_toko as $data)
                                                        <option value="{{ $data->id }}">{{ $data->name }}</option>
                                                    @endforeach
                                                    {{-- @if ($toko)
                                                        <option value="{{ $toko->id }}">{{ $toko->name }}</option>
                                                    @else
                                                        <option value="">Toko Tidak ditemukan</option>
                                                    @endif --}}
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-xs-12">
                                        <hr>
                                        <h3>Detail Gold Priority</h3>
                                        <table class="table table-bordered table-striped">
                                            <thead>
                                                <tr>
                                                    <th class="text-center">No</th>
                                                    <th class="text-center">Brand</th>
                                                    <th class="text-center">Qty</th>
                                                    <th class="text-center">Pecahan</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php 
                                                    $no = 1;
                                                    $brandTotals = [];
                                                @endphp
                                                
                                                @foreach ($transactions->items as $data)
                                                    @php
                                                        $brandName = $data->item_brand->brand_name;
                                                        $weight = $data->weight;
                                                        if (!isset($brandTotals[$brandName])) {
                                                            $brandTotals[$brandName] = 0;
                                                        }
                                                        $brandTotals[$brandName] += $weight;
                                                    @endphp
                                                    <tr>
                                                        <td class="text-center">{{ $no++ }}</td>
                                                        <td class="text-center">{{ $brandName }}</td>
                                                        <td class="text-center">1</td>
                                                        <td class="text-center">{{ $weight }} Gram</td>
                                                    </tr>
                                                @endforeach
                                                
                                                
                                                @foreach ($brandTotals as $brandName => $totalWeight)
                                                    <tr hidden
                                                    >
                                                        <td></td>
                                                        <td class="text-center"><strong>Total {{ $brandName }}</strong></td>
                                                        <td class="text-center"><strong>{{ $totalWeight }}</strong></td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>

                                    </div>
                                    <div class="col-xs-12">
                                        <hr>
                                        <div class="form-group">
                                            <label class="control-label col-sm-3">Gold Brand :</label>
                                            <div class="col-sm-9">
                                                <select class="form-control input-goldbrand">
                                                    <option value="">- Select Gold Brand -</option>
                                                    @foreach ($gold_brands as $gold_brand)
                                                        <option value="{{ $gold_brand->id }}">{{ $gold_brand->brand }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="control-label col-sm-3">Fragment :</label>
                                            <div class="col-sm-9">
                                                <select class="form-control input-goldfragment">
                                                    <option value="">- Select Fragment -</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="control-label col-sm-3">Quantity :</label>
                                            <div class="col-sm-9">
                                                <input type="number" min="1" class="form-control input-quantity"
                                                    value="1" step="1">
                                            </div>
                                        </div>

                                        {{-- <div class="form-group">
                                            <label class="control-label col-sm-3">Certificate :</label>
                                            <div class="col-sm-9">
                                                <input type="text" min="1" class="form-control input-certificate">
                                            </div>
                                        </div> --}}

                                        <div class="form-group text-right">
                                            <div class="loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></div>
                                            <div class="submit">
                                                <button class="btn btn-default btn-addgold" type="button"><i
                                                        class="fa fa-plus" aria-hidden="true"></i> Add</button>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-xs-12">
                                        <hr>

                                        <table class="table table-bordered table-striped table-gold">
                                            <thead>
                                                <tr>
                                                    <th class="text-center">Brand</th>
                                                    <th class="text-center">Fragment</th>
                                                    <th class="text-right">Quantity</th>
                                                    {{-- <th class="text-right">Certificate</th> --}}
                                                    <th width="50"></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr class="tr-empty">
                                                    <td class="text-center" colspan="5">No Data</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <input type="hidden" id="allowed-brands" value="{{ json_encode($transactions->items->pluck('item_brand.brand_name')->toArray()) }}">
                                    <input type="hidden" id="allowed-weight" value="{{ json_encode($transactions->items->pluck('weight')->toArray()) }}">

                                    <div class="col-xs-12">
                                        <hr>

                                        <div class="form-group text-center">
                                            <div class="loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></div>
                                            <div class="submit">
                                                <button class="btn btn-primary" type="submit"><i class="fa fa-check"
                                                        aria-hidden="true"></i> Proceed</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            @include('includes.footer')
        </div>
    </div>
@endsection

@section('scripts')
    <script type="text/javascript">
        var gold_brands = {!! json_encode($gold_brands) !!};
var max_total_weight = {{ $transactions->total_weight }};

function getShortBrandName(brandname) {
    console.log("getShortBrandName called with:", brandname);
    switch (brandname) {
        case "Antam Certieye":
            return "LM Antam Certieye";
        case "Antam Retro":
            return "LM Antam Retro";
        case "Lotus":
            return "LM Lotus Archi";
        case "UBS":
            return "LM UBS";
        case "Other":
            return "LM Other";
        default:
            return brandname;
    }
}

var defaultAllowedBrands = JSON.parse($('#allowed-brands').val());
var weight = JSON.parse($('#allowed-weight').val());
var allowedBrands = defaultAllowedBrands;

$(".input-goldbrand").on("change", function() {
    var html = "<option>- Select Fragment -</option>";
    var goldbrand_id = $(this).val();
    $.each(gold_brands, function(index, gold_brand) {
        if (gold_brand.id == goldbrand_id) {
            $.each(gold_brand.pecahan_emas_global, function(index, fragment) {
                html += "<option value='" + fragment.id + "' data-brandid='" + fragment.id_brand_emas + "' data-brandname='" + gold_brand.brand + "' data-fragment='" + fragment.pecahan + "'>" + fragment.pecahan + " Gram</option>";
            });
        }
        $(".input-goldfragment").html(html);
    });
});

var brandTotals = {!! json_encode($brandTotals) !!};

$(".btn-addgold").on("click", function() {
    var quantity = parseInt($(".input-quantity").val(), 10);
    var selected_option = $(".input-goldfragment").find("option:selected");
    var brandname = selected_option.data("brandname");
    var fragment = parseFloat(selected_option.data("fragment")); // Convert to float for weight calculation

    if (isNaN(fragment)) {
        alert("Fragment yang dipilih tidak valid.");
        return;
    }

    var shortBrandName = getShortBrandName(brandname);
    console.log("shortBrandName:", shortBrandName);

    if (quantity <= 0 || !Number.isInteger(quantity)) {
        alert("Quantity harus lebih besar dari 0 dan harus merupakan bilangan bulat.");
        return;
    }

    if (!brandname || !fragment) {
        alert("Brandname dan Fragment harus diisi.");
        return;
    }

    // Menambahkan log untuk mencetak nilai brandTotals dan shortBrandName
    console.log("brandTotals:", brandTotals);
    console.log("shortBrandName:", shortBrandName);

    if (!brandTotals.hasOwnProperty(shortBrandName)) {
        alert("Brand Tidak sesuai.");
        return;
    }

    var current_brand_total_weight = 0;
    $(".table-gold tbody tr[class='data']").each(function() {
        var currentBrandName = $(this).find("td").eq(0).text().trim(); 
        var currentFragmentText = $(this).find("td").eq(1).text().trim(); 
        var currentQuantityText = $(this).find("td").eq(2).text().trim(); 

        // Ubah nama merek menjadi versi singkat
        var shortCurrentBrandName = getShortBrandName(currentBrandName);

        console.log("Current Brand Name: ", currentBrandName);
        console.log("Short Current Brand Name: ", shortCurrentBrandName); 

        var currentFragment = parseFloat(currentFragmentText.split(' ')[0]); 
        var currentQuantity = parseInt(currentQuantityText, 10); 

        if (shortCurrentBrandName === shortBrandName) { 
            current_brand_total_weight += currentFragment * currentQuantity;
        }
    });

    var new_total_weight = current_brand_total_weight + (fragment * quantity);
    console.log("New total weight for brand " + shortBrandName + ": " + new_total_weight);

    if (new_total_weight > brandTotals[shortBrandName]) {
        alert("Total berat untuk merek " + shortBrandName + " tidak boleh lebih dari " + brandTotals[shortBrandName] + " Gram.");
        return;
    }

        var html_temporary = "<tr class='data' data-idfragment='" + selected_option.val() + "' data-quantity='" + quantity +
         "'>" +
         "<td class='text-center'>" + selected_option.data("brandname") + "</td>" +
         "<td class='text-center'>" + selected_option.data("fragment") + " Gram</td>" +
         "<td class='text-right'>" + quantity + "</td>" +
         "<td class='text-center'><button type='button' class='btn btn-danger btn-xs btn-deletegoldfragment'><i class='fa fa-minus-circle' aria-hidden='true'></i></button></td>" +
         "</tr>";

        $(".table-gold").find("tbody").append(html_temporary);

        $(".table-gold tbody .tr-empty").addClass("hidden");
        if ($(".table-gold tbody tr[class='data']").length == 0) $(".table-gold tbody .tr-empty").removeClass("hidden");
        $(".input-goldbrand").prop('selectedIndex', 0);
        $(".input-goldfragment").prop('selectedIndex', 0);
        $(".input-quantity").val('1');
        $(".input-certificate").val('');
    });



    $(".table-gold").on("click", ".btn-deletegoldfragment", function() {
        $(this).parents("tr").remove();
        $(".table-gold tbody .tr-empty").addClass("hidden");
        if ($(".table-gold tbody tr[class='data']").length == 0) $(".table-gold tbody .tr-empty").removeClass("hidden");
    });

    document.addEventListener("DOMContentLoaded", function() {
        var moveTypeSelect = document.getElementById("move_type");
        var kodeTransaksiInput = document.querySelector("input[name='kode_transaksi']");

        moveTypeSelect.addEventListener("change", function() {
            if (this.value === "6") {
                kodeTransaksiInput.disabled = false;
                kodeTransaksiInput.required = true;
            } else {
                kodeTransaksiInput.disabled = true;
                kodeTransaksiInput.required = false;
                kodeTransaksiInput.value = "";
            }
        });
    });

    $("#form-lakusimpan").on("submit", function() {
        var current_total_weight = 0;
        $(".table-gold tbody tr[class='data']").each(function() {
            current_total_weight += parseFloat($(this).find("td").eq(1).text()) * parseInt($(this).find("td").eq(2).text(), 10);
        });

        if (current_total_weight !== max_total_weight) {
            alert("Total berat harus sama dengan " + max_total_weight + " Gram.");
            return false;
        }

        $("#form-lakusimpan").find(".submit").addClass("hidden");
        $("#form-lakusimpan").find(".loading").removeClass("hidden");

        var gold = [];
        $(".table-gold tbody .data").each(function() {
            gold.push({
                "id_fragment": $(this).data("idfragment"),
                "quantity": $(this).data("quantity"),
                "certificate": $(this).data("certificate") // Ensure certificate is added here
            });
        });
        $(".input-gold").val(JSON.stringify(gold));

        $.ajax({
            url: '/lakusimpan_offline/pengembalian/fisik/save',
            method: "POST",
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            data: $("#form-lakusimpan").serialize(),
            success: function(response) {
                alert("Data saved, you will be redirected to detail page");
                location.href = '/stock/move/request/' + response.id;
            },
            error: function(response) {
                var response = response.responseJSON;
                alert(response.error);
                $("#form-lakusimpan").find(".submit").removeClass('hidden');
                $("#form-lakusimpan").find(".loading").addClass('hidden');
            }
        });
        return false;
    });

        $(document).ready(function() {
            $('#fromgrouplokasi').on('change', function() {
                var IdToko = $(this).val();
                if (IdToko) {
                    $.ajax({
                        url: '/getLokasi/' + IdToko,
                        type: "GET",
                        data: {
                            "_token": "{{ csrf_token() }}"
                        },
                        dataType: "json",
                        success: function(data) {
                            if (data) {
                                $('#fromlokasi').empty();
                                $('#fromlokasi').append('<option>-- Pilih  Lokasi --</option>');
                                $.each(data, function(key, toko) {
                                    $('select[name="actual_location_from_id"]').append(
                                        '<option value="' +
                                        toko.id + '">' + toko.code + " - " +
                                        toko.name +
                                        // key.code + '">' + toko.nama +
                                        '</option>');
                                });
                            } else {
                                $('#toko').empty();
                            }
                        }
                    });
                }
            });
        });
        $(document).ready(function() {
            $('#togrouplokasi').on('change', function() {
                var IdToko = $(this).val();
                if (IdToko) {
                    $.ajax({
                        url: '/getLokasi/' + IdToko,
                        type: "GET",
                        data: {
                            "_token": "{{ csrf_token() }}"
                        },
                        dataType: "json",
                        success: function(data) {
                            if (data) {
                                $('#tolokasi').empty();
                                $('#tolokasi').append('<option>-- Pilih  Lokasi --</option>');
                                $.each(data, function(key, toko) {
                                    $('select[name="actual_location_to_id"]').append(
                                        '<option value="' +
                                        toko.id + '">' + toko.code + " - " +
                                        toko.name +
                                        // key.code + '">' + toko.nama +
                                        '</option>');
                                });
                            } else {
                                $('#toko').empty();
                            }
                        }
                    });
                }
            });
        });
    </script>
@endsection