@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">
                        <div class="row">
                            <div class="col-xs-6 col-sm-6 col-md-6">
                                <h2 class="title-dashboard text-left">
                                    <h3>Summary Stock Detail</h3>
                                </h2>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <style>
                    .bottom-align {
                        vertical-align: bottom;
                    }
                </style>

                    <div class="row">
                        <div class="col-xs-12 col-sm-12">
                            <div class="x_panel">
                                <div class="x_content">
                                    <table class="table table-bordered table-striped">
                                        <thead>
                                            <tr>
                                                <th class="text-center">No</th>
                                                <th class="text-center">Group Lokasi</th>
                                                <th class="text-center">Lokasi</th>
                                                <th class="text-center">Brand Emas</th>
                                                <th class="text-center">Item Emas</th>
                                                <th class="text-center">Kode Sertifikat</th>
                                                <th class="text-center">Kode PLU</th>
                                                <th class="text-right">Qty</th>
                                                <th class="text-center">Berat</th>  
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php
                                                $totalQty = 0;
                                                $totalBrt = 0;
                                            @endphp
                                            @foreach ($result as $index => $data )
                                                <tr>
                                                    <td class="text-center" style="vertical-align: middle">{{ $index + 1 }}</td>
                                                    <td class="text-center" style="vertical-align: middle">{{ $data->group_name }}</td>
                                                    <td class="text-center" style="vertical-align: middle">{{ $data->code_al }} {{ $data->location_name }}</td>
                                                    <td class="text-center" style="vertical-align: middle">{{ $data->brand }}</td>
                                                    <td class="text-center" style="vertical-align: middle">{{ $data->pecahan }} Gram</td>
                                                    <td class="text-center" style="vertical-align: middle">{{ $data->certificate_code }} </td>
                                                    <td class="text-center" style="vertical-align: middle">{{ $data->plu_code }} </td>
                                                    <td class="text-center" style="vertical-align: middle">{{ $data->total_qty }} </td>
                                                    <td class="text-center" style="vertical-align: middle">{{ $data->total_pecahan}}</td>
                                                </tr>
                                                @php
                                                    $totalQty += $data->total_qty;
                                                    $totalBrt +=  $data->total_pecahan;
                                                @endphp
                                            @endforeach
                                            <tfoot>
                                                <tr>
                                                    <td colspan="7" class="text-right">Total:</td>
                                                    <td class="text-center">{{ $totalQty }}</td>
                                                    <td class="text-center">{{ $totalBrt }}</td>
                                                </tr>
                                            </tfoot>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        </div>
    </div>
@endsection


@section('scripts')
<script>
    // Brand emas
    $(document).ready(function() {
    $('#brand').on('change', function() {
        var Brand = $(this).val();
        if (Brand) {
            $.ajax({
                url: '/summary_stock/' + Brand,
                type: "GET",
                data: {
                    "_token": "{{ csrf_token() }}"
                },
                dataType: "json",
                success: function(data) {
                    if (Brand === 'all') {
                        
                        $('#item').empty();
                        $('#item').append('<option value="">-- Pilih Item --</option>');
                        $.each(data, function(key, emas) {
                            $('select[name="item"]').append('<option value="' +
                                emas.id + '">' + emas.pecahan + " Gram " +
                                '</option>');
                        });
                    } else {
                        // Logika ketika Brand dipilih
                        if (data) {
                            $('#item').empty();
                            $('#item').append('<option value="">-- Pilih Item --</option>');
                            $.each(data, function(key, emas) {
                                $('select[name="item"]').append('<option value="' +
                                    emas.id + '">' + emas.pecahan + " Gram " +
                                    '</option>');
                            });
                        } else {
                            $('#item').empty();
                        }
                    }
                }
            });
        }
    });
});

    // Group Lokasi
    $(document).ready(function() {
        $('#actual_groups').on('change', function() {
            var actual_groups = $(this).val();
            if (actual_groups) {
                $.ajax({
                    url: '/summary_stock_location/' + actual_groups,
                    type: "GET",
                    data: {
                        "_token": "{{ csrf_token() }}"
                    },
                    dataType: "json",
                    success: function(data) {
                        if (data) {
                            $('#toko').empty();
                            $('#toko').append('<option value="">-- Pilih toko --</option>');
                            $.each(data, function(key, toko) {
                                $('select[id="toko"]').append('<option value="' +
                                    toko.code + '">' + toko.code + " - " + toko.name +
                                    '</option>');
                            });
                        } else {
                            $('#toko').empty();
                        }
                    }
                });
            }
        });
    });

    
    var resetButton = document.getElementById("reset_btn");
    resetButton.addEventListener("click", function() {
        document.getElementById("brand").value = ""; 
        document.getElementById("actual_groups").value = ""; 
        document.getElementById("toko").value = ""; 
        document.getElementsByName("sertifikat")[0].value = "";
    });    
</script>
@endsection