@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><i class="fa fa-cubes"></i> Summary Stock</h3>
                                </h2>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <style>
                    .bottom-align {
                        vertical-align: bottom;
                    }
                </style>

                <div class="row">
                    <div class="col-xs-8 col-sm-8">
                        <div class="x_title">
                            Filter
                        </div>
                        <div class="x_content">
                            <form id="form-search" class="form-horizontal">
                                <div class="col-xs-12 col-sm-12">

                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Group Type :</label>
                                        <div class="col-xs-8 col-sm-4">
                                            <select name="group_type" id="group_type" class="form-control">
                                                <option value="group_lokasi">-- Pilih Group --</option>
                                                @foreach ($group_types as $key => $group_type)
                                                    <option value="{{ $key }}"
                                                        @if ($key == $request['group_type']) selected @endif>
                                                        {{ $group_type }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Group Lokasi :</label>
                                        <div class="col-xs-8 col-sm-4">
                                            <select name="actual_groups" id="actual_groups" class="form-control">
                                                <option value="">-- Pilih Lokasi --</option>
                                                @foreach ($actual_groups as $data)
                                                    <option value="{{ $data->id }}"
                                                        @if (request()->actual_groups == $data->id) selected @endif>
                                                        {{ $data->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>


                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Brand Toko :</label>
                                        <div class="col-xs-8 col-sm-4">
                                            <select name="brand_toko" id="brand_toko" class="form-control">
                                                <option value="">-- Pilih Brand --</option>
                                                {{-- @foreach ($brand_toko as $data)
                                                    <option value="{{ $data->id }}"
                                                        @if (request()->brand_toko == $data->id) selected @endif>
                                                        {{ $data->name }}</option>
                                                @endforeach --}}
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Lokasi :</label>
                                        <div class="col-xs-8 col-sm-4">
                                            <select name="toko" id="toko" class="form-control">
                                                <option value="">-- Pilih Toko --</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Brand Emas:</label>
                                        <div class="col-xs-8 col-sm-4">
                                            <select name="brand" id="brand" class="form-control">
                                                <option value="">-- Pilih Brand --</option>
                                                @foreach ($brands as $data)
                                                    <option value="{{ $data->id }}"
                                                        @if (request()->brand == $data->id) selected @endif>
                                                        {{ $data->brand }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    

                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Pecahan :</label>
                                        <div class="col-xs-8 col-sm-4">
                                            <select name="fragment" id="fragment" class="form-control">
                                                <option value="">-- Pilih Pecahan --</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Status:</label>
                                        <div class="col-xs-8 col-sm-4">
                                            <select name="status" id="status" class="form-control">
                                                <option value="">-- Pilih status --</option>
                                                <option value="stock" @if (request()->status == 'stock') selected @endif>Stock</option>
                                                <option value="in_transit" @if (request()->status == 'in_transit') selected @endif>In Transit</option>
                                                <option value="terjual" @if (request()->status == 'terjual') selected @endif>Terjual</option>
                                                <option value="resell" @if (request()->status == 'resell') selected @endif>Resell</option>
                                                <option value="po" @if (request()->status == 'po') selected @endif>PO</option>
                                                <option value="tukar_fisik" @if (request()->status == 'tukar_fisik') selected @endif>Tukar Fisik</option>
                                                {{-- @foreach ($statuses as $data)
                                                    <option value="{{ $data->status }}" @if (request()->status == $data->status)
                                                        selected @endif>{{ $data->status }}</option>
                                                @endforeach --}}
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Keterangan :</label>
                                        <div class="col-xs-8 col-sm-4">
                                            <input type="text" class="form-control" id="keterangan" name="keterangan"
                                                placeholder="keterangan">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Tahun :</label>
                                        <div class="col-xs-8 col-sm-4">
                                            <select name="tahun" id="tahun" class="form-control">
                                                <option value="">-- All --</option>
                                                <option value="2026" @if (request()->tahun == '2026') selected @endif>2026</option>
                                                <option value="2025" @if (request()->tahun == '2025') selected @endif>2025</option>
                                                <option value="2024" @if (request()->tahun == '2024') selected @endif>2024</option>
                                                <option value="2023" @if (request()->tahun == '2023') selected @endif>2023</option>
                                                <option value="2022" @if (request()->tahun == '2022') selected @endif>2022</option>
                                                <option value="2021" @if (request()->tahun == '2021') selected @endif>2021</option>
                                                <option value="2020" @if (request()->tahun == '2020') selected @endif>2020</option>
                                                <option value="2019" @if (request()->tahun == '2019') selected @endif>2019</option>
                                                <option value="2018" @if (request()->tahun == '2018') selected @endif>2018</option>
                                            </select>
                                        </div>
                                    </div>


                                    <div class="form-group" style="margin-top:20px">
                                        <label class="col-xs-2 col-sm-2 control-label"></label>
                                        <div class="col-xs-6 col-sm-6">
                                            <button type="submit" class="btn btn-primary btn-search">
                                                <i class="fa fa-search"></i> Search</button>
                                            <a href="{{ route('excel_download', [
                                                'group_type' => $request['group_type'],
                                                'brand_toko' => $request['brand_toko'],
                                                'actual_groups' => $request['actual_groups'],
                                                'toko' => $request['toko'],
                                                'brand' => $request['brand'],
                                                'group_lokasi' => $request['group_lokasi'],
                                                'keterangan' => $request['keterangan'],
                                                'status' => $request['status'],
                                                'tahun' => $request['tahun'],
                                                'fragment' => $request['fragment'],
                                            ]) }}"
                                                class="btn btn-success">
                                                <i class="fa fa-file-excel"></i> Download Excel
                                            </a>
                                            <button type="button" id="btn-reset" class="btn btn-warning">
                                                <i class= "fa fa-refresh"></i> Reset
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-xs-8 col-sm-8">
                            <div class="x_panel">
                                <div class="x_content">
                                    <table id="table" class="table table-bordered table-striped table-hover">
                                        <thead>
                                            <tr>
                                                <tr>
                                                    <th></th>
                                                    <th colspan="2" class="text-center">Stock</th>
                                                    <th colspan="2" class="text-center">OutGoing</th>
                                                    <th colspan="2" class="text-center">Incoming</th>
                                                </tr>
                                                <th class="text-left">Keterangan</th>
                                                <th class="text-right">Total QTY</th>
                                                <th class="text-right">Total Berat</th>
                                                <th class="text-right">Total QTY</th>
                                                <th class="text-right">Total Berat</th>
                                                <th class="text-right">Total QTY</th>
                                                <th class="text-right">Total Berat</th>
                                            </tr>
                                        </thead>
                                        @php
                                            $totalQty = 0;
                                            $totalBerat = 0;
                                            $total_qty_intransit = 0;
                                            $total_berat_intransit = 0;
                                            $total_qty_incoming = 0;
                                            $total_berat_incoming = 0;
                                        @endphp
                                        @foreach ($summary_stocks as $data)
                                            <tr>
                                                <td class="text-left">{{ $data->vf_keterangan }}</td>
                                                <td class="text-right" style="cursor: pointer;" onclick="detailStock('{{ $data->vf_keterangan }}')"><b>{{ number_format($data->total_qty) }} </b></td>
                                                <td class="text-right" style="cursor: pointer;" onclick="detailStock('{{ $data->vf_keterangan }}')"><b>{{ number_format($data->total_berat,3) }} Gr</b></td>
                                                <td class="text-right" style="cursor: pointer;" onclick="detailStock_transit('{{ $data->vf_keterangan }}')"><b>{{ number_format($data->total_qty_intransit) }}  </b></td>
                                                <td class="text-right" style="cursor: pointer;" onclick="detailStock_transit('{{ $data->vf_keterangan }}')"><b>{{ number_format($data->total_berat_intransit,3) }} Gr</b></td>
                                                <td class="text-right" style="cursor: pointer;" onclick="detailStock_incoming('{{ $data->vf_keterangan }}')"><b>{{ number_format($data->total_qty_incoming) }}  </b></td>
                                                <td class="text-right" style="cursor: pointer;" onclick="detailStock_incoming('{{ $data->vf_keterangan }}')"><b>{{ number_format($data->total_berat_incoming,3) }} Gr</b></td>
                                            </tr>
                                            @php
                                                $totalQty += $data->total_qty;
                                                $totalBerat += $data->total_berat;
                                                $total_qty_intransit += $data->total_qty_intransit;
                                                $total_berat_intransit += $data->total_berat_intransit;
                                                $total_qty_incoming += $data->total_qty_incoming;
                                                $total_berat_incoming += $data->total_berat_incoming;
                                            @endphp
                                        @endforeach
                                        <tfoot>
                                            <tr>
                                                <td class="text-right"><strong style="font-size: 15px;">TOTAL :</strong>
                                                </td>
                                                <td class="text-right">
                                                    <strong style="font-size: 15px;">{{ number_format($totalQty) }}</strong>
                                                </td>
                                                <td class="text-right">
                                                    <strong style="font-size: 15px;">{{ number_format($totalBerat,3) }} Gr</strong>
                                                </td>
                                                <td class="text-right"><strong
                                                        style="font-size: 15px;">{{ number_format($total_qty_intransit) }}</strong>
                                                </td>
                                                <td class="text-right">
                                                    <strong style="font-size: 15px;">{{ number_format($total_berat_intransit,3) }} Gr</strong>
                                                </td>
                                                <td class="text-right"><strong
                                                        style="font-size: 15px;">{{ number_format($total_qty_incoming) }}</strong>
                                                </td>
                                                <td class="text-right">
                                                    <strong style="font-size: 15px;">{{ number_format($total_berat_incoming,3) }} Gr</strong>
                                                </td>
                                            </tr>
                                        </tfoot>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="detailModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg" style="width: 80%;" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="mutationModalLabel"><i class="fa fa-cubes"></i> Stock Detail <b>(<span
                                id="item_name">XXX</span>)</b> <a id="download-excel" href="#"
                            style="float: right;">
                            <button type="button" class="btn btn-success "><i class="fa fa-file-excel"></i>
                                Download Excel</button>
                        </a></h5>
                </div>

                <div>
                    <div class="x_panel">
                        <div class="x_content" id="stock_detail_content">
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="detailModal_transit" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg" style="width: 80%;" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="mutationModalLabel_1"><i class="fa fa-cubes"></i> Stock OutGoing <b></b> <a id="download-excel-outgoing" href="#"
                            style="float: right;">
                            <button type="button" class="btn btn-success "><i class="fa fa-file-excel"></i>
                                Download Excel
                            </button>
                        </a></h5>
                </div>

                <div>
                    <div class="x_panel">
                        <div class="x_content" id="stock_detail_content_transit">
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="detailModal_incoming" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg" style="width: 80%;" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="mutationModalLabel_1"><i class="fa fa-cubes"></i> Stock Incoming <b></b> <a id="download-excel-transit" href="#"
                            style="float: right;">
                            <button type="button" class="btn btn-success "><i class="fa fa-file-excel"></i>
                                Download Excel
                            </button>
                        </a></h5>
                </div>

                <div>
                    <div class="x_panel">
                        <div class="x_content" id="stock_detail_content_incoming">
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <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>
        $(document).ready(function() {
            $('#brand').on('change', function() {
                updateItemDropdown($(this).val());
            });

            @if ($request['brand'])
                updateItemDropdown('{{ $request['brand'] }}');
            @endif

            $('#actual_groups').on('change', function() {
                updateBrands($(this).val());
                updateTokoDropdown($(this).val());

            });

            $('#brand_toko').on('change', function() {
                updateTokoDropdown($(this).val());
            });

            @if ($request['actual_groups'])
                updateBrands('{{ $request['actual_groups'] }}');
            @endif

            @if ($request['brand_toko'])
                updateTokoDropdown('{{ $request['brand_toko'] }}');
            @endif

            let keterangan = localStorage.getItem('keterangan');
            if (keterangan) {
                $('#keterangan').val(keterangan);
            }
        });

        $('#keterangan').on('input', function() {
            let keterangan = $(this).val();
            localStorage.setItem('keterangan', keterangan);
        });

        $('#btn-reset').on('click', function() {
            $('#form-search')[0].reset();
            localStorage.removeItem('keterangan');

            $('#group_type').val('').trigger('change');
            $('#actual_groups').val('').trigger('change');
            $('#toko').val('');
            $('#brand').val('').trigger('change');
            $('#fragment').val('');
            $('#keterangan').val('');

            updateItemDropdown('');
            updateTokoDropdown('');
        });



        $(document).ready(function() {})



        function detailStock(keyword) {
            let pecahan_emas = 'ALL';
            let brand_lokasi = 'ALL';
            let actual_groups = $('#actual_groups').val();
            let toko = $('#toko').val();
            let keterangan = $('#keterangan').val();
            let brand_toko = $('#brand_toko').val();
            let status = $('#status').val();
            let tahun = $('#tahun').val();
            if ('{{ $request['group_type'] }}' == 'pecahan_emas') {
                pecahan_emas = keyword;
            } else if ('{{ $request['group_type'] }}' == 'group_lokasi') {
                actual_groups = keyword;
            } else if ('{{ $request['group_type'] }}' == 'nama_lokasi') {
                toko = keyword;
            } else if ('{{ $request['group_type'] }}' == 'brand_lokasi') {
                brand_lokasi = keyword;
            } else if ('{{ $request['group_type'] }}' == 'tahun_emas') {
                tahun = keyword;
            }

            $('#cover-spin').show();
            $.ajax({
                url: '{{ url('stock/summary/fragment') }}',
                method: "POST",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: {
                    'group_type': $('#group_type').val(),
                    'pecahan_emas': pecahan_emas,
                    'actual_groups': actual_groups,
                    'toko': toko,
                    'keterangan': $('#keterangan').val(),
                    'brand_toko': $('#brand_toko').val(),
                    'brand_lokasi': brand_lokasi,
                    'brand': $('#brand').val(),
                    'fragment': $('#fragment').val(),
                    'status': $('#status').val(),
                    'tahun': $('#tahun').val(),
                    'tahun': tahun,
                    
                },
                success: function(response) {
                    $('#stock_detail_content').html(response);
                    $('#item_name_transit').html(keyword);
                    $('#detailModal').modal('show');
                    $('#cover-spin').hide();
                    let downloadUrl = '{{ route('detail_excel') }}' +
                        '?group_type=' + encodeURIComponent($('#group_type').val()) +
                        '&pecahan_emas=' + encodeURIComponent(pecahan_emas) +
                        '&actual_groups=' + encodeURIComponent(actual_groups) +
                        '&toko=' + encodeURIComponent(toko) +
                        '&brand_lokasi=' + encodeURIComponent(brand_lokasi) +
                        '&brand=' + encodeURIComponent($('#brand').val()) +
                        '&fragment=' + encodeURIComponent($('#fragment').val()) +
                        '&brand_toko=' + encodeURIComponent($('#brand_toko').val()) +
                        '&status=' + encodeURIComponent($('#status').val()) +
                        '&tahun=' + encodeURIComponent(tahun) +
                        '&keterangan=' + encodeURIComponent($('#keterangan').val());

                    console.log("Download URL: ", downloadUrl);
                    $('#download-excel').attr('href', downloadUrl);
                },
                error: function(response) {
                    var response = response.responseJSON;
                    alert(response.error);
                    $('#cover-spin').hide();
                }
            });
        }

        function detailStock_transit(keyword) {
            let pecahan_emas = 'ALL';
            let brand_lokasi = 'ALL';
            let actual_groups = $('#actual_groups').val();
            let toko = $('#toko').val();
            let keterangan = $('#keterangan').val();
            let brand_toko = $('#brand_toko').val();
            let status = $('#status').val();
            let tahun = $('#tahun').val();
            if ('{{ $request['group_type'] }}' == 'pecahan_emas') {
                pecahan_emas = keyword;
            } else if ('{{ $request['group_type'] }}' == 'group_lokasi') {
                actual_groups = keyword;
            } else if ('{{ $request['group_type'] }}' == 'nama_lokasi') {
                toko = keyword;
            } else if ('{{ $request['group_type'] }}' == 'brand_lokasi') {
                brand_lokasi = keyword;
            } else if ('{{ $request['group_type'] }}' == 'tahun_emas') {
                tahun = keyword;
            } 

            $('#cover-spin').show();
            $.ajax({
                url: '{{ url('stock/summary/fragment_transit') }}',
                method: "POST",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: {
                    'group_type': $('#group_type').val(),
                    'pecahan_emas': pecahan_emas,
                    'actual_groups': actual_groups,
                    'toko': toko,
                    'keterangan': $('#keterangan').val(),
                    'brand_toko': $('#brand_toko').val(),
                    'brand_lokasi': brand_lokasi,
                    'brand': $('#brand').val(),
                    'fragment': $('#fragment').val(),
                    'status': $('#status').val(),
                    'tahun': $('#tahun').val(),
                    'tahun': tahun,
                    
                },
                success: function(response) {
                    $('#stock_detail_content_transit').html(response);
                    $('#item_name').html(keyword);
                    $('#detailModal_transit').modal('show');
                    $('#cover-spin').hide();
                    let downloadUrl = '{{ route('detail_excel_transit') }}' +
                        '?group_type=' + encodeURIComponent($('#group_type').val()) +
                        '&pecahan_emas=' + encodeURIComponent(pecahan_emas) +
                        '&actual_groups=' + encodeURIComponent(actual_groups) +
                        '&toko=' + encodeURIComponent(toko) +
                        '&brand_lokasi=' + encodeURIComponent(brand_lokasi) +
                        '&tahun=' + encodeURIComponent(tahun) +
                        '&brand=' + encodeURIComponent($('#brand').val()) +
                        '&fragment=' + encodeURIComponent($('#fragment').val()) +
                        '&brand_toko=' + encodeURIComponent($('#brand_toko').val()) +
                        '&status=' + encodeURIComponent($('#status').val()) +
                        '&tahun=' + encodeURIComponent(tahun) +
                        '&keterangan=' + encodeURIComponent($('#keterangan').val());

                    console.log("Download URL: ", downloadUrl);
                    $('#download-excel-outgoing').attr('href', downloadUrl);
                },
                error: function(response) {
                    var response = response.responseJSON;
                    alert(response.error);
                    $('#cover-spin').hide();
                }
            });
        }

        function detailStock_incoming(keyword) {
            let pecahan_emas = 'ALL';
            let brand_lokasi = 'ALL';
            let actual_groups = $('#actual_groups').val();
            let toko = $('#toko').val();
            let keterangan = $('#keterangan').val();
            let brand_toko = $('#brand_toko').val();
            let status = $('#status').val();
            let tahun = $('#tahun').val();
            if ('{{ $request['group_type'] }}' == 'pecahan_emas') {
                pecahan_emas = keyword;
            } else if ('{{ $request['group_type'] }}' == 'group_lokasi') {
                actual_groups = keyword;
            } else if ('{{ $request['group_type'] }}' == 'nama_lokasi') {
                toko = keyword;
            } else if ('{{ $request['group_type'] }}' == 'brand_lokasi') {
                brand_lokasi = keyword;
            } else if ('{{ $request['group_type'] }}' == 'tahun_emas') {
                tahun = keyword;
            }

            $('#cover-spin').show();
            $.ajax({
                url: '{{ url('stock/summary/fragment_incoming') }}',
                method: "POST",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: {
                    'group_type': $('#group_type').val(),
                    'pecahan_emas': pecahan_emas,
                    'actual_groups': actual_groups,
                    'toko': toko,
                    'keterangan': $('#keterangan').val(),
                    'brand_toko': $('#brand_toko').val(),
                    'brand_lokasi': brand_lokasi,
                    'brand': $('#brand').val(),
                    'fragment': $('#fragment').val(),
                    'status': $('#status').val(),
                    'tahun': $('#tahun').val(),
                    'tahun': tahun,
                    
                },
                success: function(response) {
                    $('#stock_detail_content_incoming').html(response);
                    $('#item_name').html(keyword);
                    $('#detailModal_incoming').modal('show');
                    $('#cover-spin').hide();
                    let downloadUrl = '{{ url('/stock/summary/fragment/excel_incoming') }}' +
                        '?group_type=' + encodeURIComponent($('#group_type').val()) +
                        '&pecahan_emas=' + encodeURIComponent(pecahan_emas) +
                        '&actual_groups=' + encodeURIComponent(actual_groups) +
                        '&toko=' + encodeURIComponent(toko) +
                        '&brand_lokasi=' + encodeURIComponent(brand_lokasi) +
                        '&brand=' + encodeURIComponent($('#brand').val()) +
                        '&fragment=' + encodeURIComponent($('#fragment').val()) +
                        '&brand_toko=' + encodeURIComponent($('#brand_toko').val()) +
                        '&status=' + encodeURIComponent($('#status').val()) +
                        '&tahun=' + encodeURIComponent(tahun) +
                        '&keterangan=' + encodeURIComponent($('#keterangan').val());

                    console.log("Download URL: ", downloadUrl);
                    $('#download-excel-transit').attr('href', downloadUrl);
                },
                error: function(response) {
                    var response = response.responseJSON;
                    alert(response.error);
                    $('#cover-spin').hide();
                }
            });
        }


        function updateItemDropdown(brandId) {
            $('#fragment').empty();
            $('#fragment').append('<option>Loading ...</option>');
            $.ajax({
                url: '{{ url('summary_stock') }}/' + brandId,
                type: "GET",
                dataType: "json",
                success: function(data) {
                    if (data) {
                        $('#fragment').empty();
                        $('#fragment').append('<option value="">-- Pilih Pecahan --</option>');
                        $.each(data, function(key, emas) {
                            let choosed = '';
                            if (emas.id == '{{ $request['fragment'] }}') {
                                choosed = 'selected';
                            }
                            $('#fragment').append('<option value="' +
                                emas.id + '" ' + choosed + '>' + emas.pecahan + " Gram " +
                                '</option>');
                        });
                    } else {
                        $('#fragment').empty();
                    }
                }
            });
        }

        function updateTokoDropdown(actualGroups) {
            $('#toko').select2();
            $('#toko').append('<option>Loading ...</option>');
            $.ajax({
                url: '/summary_stock_location/' + actualGroups,
                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) {
                            let choosed = '';
                            if (toko.code == '{{ $request['toko'] }}') {
                                choosed = 'selected';
                            }
                            $('select[id="toko"]').append('<option value="' +
                                toko.code + '" ' + choosed + '>' + toko.name +
                                '</option>');
                        });
                    } else {
                        $('#toko').empty();
                    }
                }
            });
        }

        function updateBrands(brand_toko) {
            $.ajax({
                url: '/summary_stock_brand/' + brand_toko,
                type: "GET",
                data: {
                    "_token": "{{ csrf_token() }}"
                },
                dataType: "json",

                success: function(data) {
                    if (data) {
                        $('#brand_toko').empty();
                        $('#brand_toko').append('<option value="">-- Pilih brand toko --</option>');
                        $.each(data, function(key, brand_toko) {
                            let choosed = '';
                            if (brand_toko.id == '{{ $request['brand_toko'] }}') {
                                choosed = 'selected';
                            }
                            $('select[id="brand_toko"]').append('<option value="' +
                                brand_toko.id + '" ' + choosed + '>' + brand_toko.name +
                                '</option>');
                        });
                    } else {
                        $('#brand_toko').empty();
                    }
                }
            });
        }
    </script>
@endsection