@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</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_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-4 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 ($brand 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-4 control-label">Item :</label>
                                        <div class="col-xs-8 col-sm-4">
                                            <select name="item" id="item" class="form-control">
                                                <option value="">-- Pilih Item --</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-4 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-4 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>
                                    @php
                                        $startDate = now()->startOfMonth();

                                        $endDate = now();
                                    @endphp

                                    {{-- <div class="form-group">
                                        <label class="col-xs-12 col-sm-4 control-label">Tanggal Mulai :</label>
                                        <div class="col-xs-12 col-sm-8">
                                            <input type="date" class="form-control date_format" name="from_date"
                                                id="from_date" placeholder="Tanggal Mulai"
                                                value="{{ $startDate->format('Y-m-d') }}">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-4 control-label">Tanggal Selesai :</label>
                                        <div class="col-xs-12 col-sm-8">
                                            <input type="date" class="form-control date_format" name="end_date"
                                                id="end_date" placeholder="Tanggal Selesai"
                                                value="{{ $endDate->format('Y-m-d') }}">
                                        </div>
                                    </div> --}}

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

                                    <div class="form-group" style="margin-top:20px">
                                        <label class="col-xs-12 col-sm-5 control-label"></label>
                                        <div class="col-xs-12 col-sm-7">
                                            <button type="submit" class="btn btn-primary btn-search"><i
                                                    class="fa fa-search"></i> Search</button>
                                            {{-- <button type="button" class="btn btn-warning" id="reset_btn"><i
                                                        class="fa fa-trash"></i> Reset</button> --}}
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>

                    </div>

                    <div class="row">
                        <div class="col-xs-12 col-sm-12">
                            <div class="x_panel">
                                <div class="x_content">
                                    <table id="table" class="table table-bordered table-striped">
                                        <thead>
                                            <tr>
                                                <th class="text-left">Group Lokasi</th>
                                                <th class="text-left">Lokasi</th>
                                                <th class="text-center">Brand</th>
                                                <th class="text-center">Item</th>
                                                <th class="text-center">Qty</th>
                                                <th class="text-center">Total Berat</th>
                                                <th class="text-center">Aksi</th>
                                            </tr>
                                        </thead>
                                        @php
                                            $totalQty = 0; 
                                            $totalPecahan = 0; 
                                        @endphp
                                        @foreach ($result as $data)
                                            @php
                                                $totalQty += $data->total_qty; 
                                                $totalPecahan += $data->pecahan * $data->total_qty; 
                                            @endphp
                                            <tr>
                                                <td class="text-left" style="width: 120px;">
                                                    {{ $data->group_name }}</td>
                                                <td class="text-left" style="width: 300px;">{{ $data->code_al }}
                                                    {{ $data->location_name }}</td>
                                                <td class="text-center">{{ $data->brand }}
                                                </td>
                                                <td class="text-center">{{ $data->pecahan }}
                                                    Gram</td>   
                                                <td class="text-center">
                                                    {{ $data->total_qty }}</td>
                                                <td class="text-center">{{ $data->pecahan * $data->total_qty }}
                                                    Gram</td>
                                                    <td class="text-center">
                                                        <a class="text-center" href="{{ route('summary_stock/detail', [
                                                            'id' => $data->id_pecahan, 
                                                            'lokasi' => $data->code_al, 
                                                            'brand' => $data->brand,
                                                            'sertifikat' => $request['sertifikat'] ?? null 
                                                        ]) }}" target="_blank">
                                                            <button class="btn btn-warning btn-search"> Detail</button>
                                                        </a>
                                                    </td>
                                            </tr>
                                        @endforeach
                                        <tfoot>
                                            <tr>
                                                <td colspan="4" class="text-right"><strong style="font-size: 15px;">TOTAL :</strong></td>
                                                <td class="text-center"><strong style="font-size: 15px;">{{ $totalQty }}</strong></td>
                                                <td class="text-center"><strong style="font-size: 15px;">{{ $totalPecahan }} Gram</strong></td>
                                            </tr>
                                        </tfoot>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        $(document).ready(function() {

            $('#brand').on('change', function() {
                updateItemDropdown($(this).val());
            });

            updateItemDropdown($('#brand').val());

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

            updateTokoDropdown($('#actual_groups').val());
        });

        function updateItemDropdown(brandId) {
            $.ajax({
                url: '/summary_stock/' + brandId,
                type: "GET",
                data: {
                    "_token": "{{ csrf_token() }}"
                },
                dataType: "json",
                success: function(data) {
                    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();
                    }
                }
            });
        }

        function updateTokoDropdown(actualGroups) {
            $.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) {
                            $('select[id="toko"]').append('<option value="' +
                                toko.code + '">' + toko.name +
                                '</option>');
                        });
                    } else {
                        $('#toko').empty();
                    }
                }
            });
        }
    </script>
@endsection