@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('css')
    <style>
        ul {
            margin: 0;
        }

        .custom-box {
            border: 1px solid black;
            margin-top: 75px;
            padding: 20px;
            border-radius: 10px;
        }
    </style>
@endsection
@section('body_content')

    <div class="container body">
        <div class="main_container">
            @include('includes.sidebar')
            <div class="right_col" role="main">
                <div class="container" style="">
                    <div class="col-xs-12">
                        <div class="x_panel">
                            <div class="page-title">
                                <div class="title_left">
                                    <h3>DETAIL CMK X LEI</h3>
                                </div>
                                <div class="clearfix"></div>
                            </div>

                            <div class="row" style="margin-top:10px;">
                                <div class="col-xs-6">
                                    <form id="form" class="form-horizontal">
                                        {{-- <div class="form-group">
                                            <label class="col-xs-12 col-sm-3 control-label" style="text-align: left;">Date
                                                Start :</label>

                                            <div class="col-xs-12 col-sm-9">
                                                <input id="date_start" name="date_start" value="{{ $request['date_start'] }}"
                                                    type="date" class="form-control" placeholder="Date Start">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-xs-12 col-sm-3 control-label" style="text-align: left;">Date
                                                End :</label>
                                            <div class="col-xs-12 col-sm-9">
                                                <input id="date_end"  value="{{ $request['date_end'] }}" name="date_end"
                                                    type="date" class="form-control" placeholder="Date End">
                                            </div>
                                        </div> --}}

                                        {{-- <div class="form-group">
                                            <label class="col-xs-12 col-sm-3 control-label"
                                                style="text-align: left;">Customer :</label>
                                            <div class="col-xs-12 col-sm-9">
                                                <input type="text" name="search_" class="form-control"
                                                    placeholder="Customer">
                                            </div>
                                        </div> --}}

                                        {{-- <div class="form-group">
                                            <label class="col-xs-12 col-sm-3 control-label" style="text-align: left;">Filter
                                                :</label>
                                            <div class="col-xs-12 col-sm-3">
                                                <select class="form-control" value="{{$request['brand']}}" name="brand" id="brand">
                                                    <option value="">Brand</option>
                                                    @foreach ($brands as $brand)
                                                        <option value="{{ $brand->brand }}"
                                                            @if ($brand->brand == $request['brands']) selected @endif>
                                                            {{ $brand->brand }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            <div class="col-xs-12 col-sm-3">
                                                <select class="form-control" name="store" id="store">
                                                    <option value="">Store</option>
                                                </select>
                                            </div>
                                            <div class="col-xs-12 col-sm-3">
                                                <select class="form-control" name="jr" id="jr">
                                                    <option value="">JR</option>
                                                </select>
                                            </div>
                                        </div> --}}

                                        <div class="form-group">
                                            <div class="col-xs-12 col-sm-offset-2 col-sm-10">
                                                <div class="alert_placeholder"></div>
                                            </div>
                                        </div>

                                        {{-- <div class="form-group row">
                                            <label for="buy_price" class="col-sm-3 col-form-label text-right"></label>
                                            <div class="col-sm-6">
                                                <button type="submit" class="btn btn-primary">
                                                    <span><i class="fa fa fa-spinner fa-spin loading hidden"
                                                            aria-hidden="true"></i></span>
                                                    <span class="submit">Search</span>
                                                </button>
                                            </div>
                                        </div> --}}
                                    </form>
                                </div>
                            </div>
                            {{-- <div class="x_title">
                                <h2>CMK X LEI </h2>


                                <div class="clearfix"></div>
                            </div> --}}

                            {{-- <div class="x_title">
                                <h2>DETAIL CMK X LEI</h2>
                                <div div class="clearfix"></div>
                            </div> --}}
                            <div class="col-xs-6">
                                <form id="forms" class="form-horizontal">
                                    
                                    <div class="form-group" style="margin-top: 20px">
                                        <label class="col-xs-12 col-sm-3 control-label"
                                            style="text-align: left;">JR :</label>
                                        <div class="col-xs-12 col-sm-8">
                                            <input type="text" id="JR" name="JR" value="{{ $request['customer'] }}" class="form-control"
                                                placeholder="NIK JR">
                                        </div>
                                    </div>

                                    {{-- <div class="form-group">
                                        <label class="col-xs-12 col-sm-3 control-label" style="text-align: left;">Filter :</label>
                                        <div class="col-xs-12 col-sm-3">
                                            <select class="form-control" value="{{ $request['brand'] }}" name="brand"
                                                id="brand">
                                                <option value="">Brand</option>
                                                @foreach ($brands as $brand)
                                                    <option value="{{ $brand->brand }}"
                                                        @if ($brand->brand == $request['brands']) selected @endif>
                                                        {{ $brand->brand }}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="col-xs-12 col-sm-3">
                                            <select class="form-control" value="{{ $request['store'] }}" name="store" id="store">
                                                <option value="">Store</option>
                                            </select>
                                        </div>

                                        <div class="col-xs-12 col-sm-3">
                                            <select class="form-control" value="{{ $request['jr'] }}" name="jr" id="jr">
                                                <option value="">JR</option>
                                            </select>
                                        </div>
                                    </div> --}}
                                    
                                    <div class="form-group row">
                                        <label for="buy_price" class="col-sm-3 col-form-label text-right"></label>
                                        <div class="col-sm-3">
                                            <button type="submit" class="btn btn-primary">
                                                <span><i class="fa fa fa-spinner fa-spin loading hidden"
                                                        aria-hidden="true"></i></span>
                                                <span class="submit">Search</span>
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            {{-- <button class="btn btn-success" id="hide">
                                    <p style="display: inline">Hide Detail</p>
                                </button> --}}

                            <div class="x_content" style="zoom: 0.9;">
                                <table class="table table-bordered table-striped text-center">
                                    <thead>
                                        <tr>
                                            <td class="text-center bold" rowspan="2">
                                                Keterangan :
                                                    @foreach ($report_details_c as $row)
                                                    <br>
                                                        {{ $row['store'] }} 
                                                    </br>
                                                    @break
                                                    @endforeach
                                            </td>
                                            <th colspan="3" class="text-center">Digital Gold</th>
                                            <th colspan="3" class="text-center">Gold Priority</th>
                                            <th colspan="3" class="text-center">Resell</th>
                                            <th colspan="3" class="text-center">Voucher LEI</th>
                                        </tr>
                                        <tr>
                                            <td>Customer</td>
                                            <td>Weight</td>
                                            <td>Value</td>
                                            <td>Customer</td>
                                            <td>Weight</td>
                                            <td>Value</td>
                                            <td>Customer</td>
                                            <td>Weight</td>
                                            <td>Value</td>
                                            <td>Customer</td>
                                            <td>Weight</td>
                                            <td>Value</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {{-- @if (is_array($data['cust']) || is_object($data['cust'])) --}}
                                        @php
                                            $sum_hitung         = 0;
                                            $sum_berat          = 0;
                                            $sum_harga          = 0;
                                            $sum_resell_cust    = 0;
                                            $sum_resell_berat   = 0;
                                            $sum_resell_rupiah  = 0;
                                        @endphp
                                        
                                        @foreach ($report_details_c as $row)

                                        @php
                                            $sum_hitung += $row['hitung'];
                                            $sum_berat += $row['berat'];
                                            $sum_harga += $row['harga'];
                                            $sum_resell_cust += $row['resell_cust'];
                                            $sum_resell_berat += $row['resell_berat'];
                                            $sum_resell_rupiah += $row['resell_rupiah'];
                                        @endphp

                                            <tr>
                                                <td>
                                                    <a href="{{ route('report_cmk_lei.cust', ['jr' => $row['nik_sales'] ]) }}">
                                                        {{ $row['nik_sales'] }} - {{ $row['nama_sales'] }}
                                                    </a>
                                                </td>
                                                <td>{{ number_format($row['hitung']) }} </td>
                                                <td>{{ bcadd(0,$row['berat'],4)}} </td>
                                                <td>{{ number_format($row['harga']) }} </td>
                                                <td>0</td>
                                                <td>0</td>
                                                <td>0</td>
                                                <td>{{ number_format($row['resell_cust']) }} </td>
                                                <td>{{ bcadd(0,$row['resell_berat'],4) }} </td>
                                                <td>{{ number_format($row['resell_rupiah']) }} </td>
                                                <td>0</td>
                                                <td>0</td>
                                                <td>0</td>
                                            </tr>
                                        @endforeach
                                        <tfoot>
                                            <tr>
                                                <th class="text-center">TOTAL JUMLAH : </th>
                                                <th class="text-center">{{number_format($sum_hitung)}}</th>
                                                <th class="text-center">{{bcadd(0,$sum_berat,4)}}</th>
                                                <th class="text-center">{{number_format($sum_harga)}}</th>
                                                <th class="text-center">0</th>
                                                <th class="text-center">0</th>
                                                <th class="text-center">0</th>
                                                <th class="text-center">{{ number_format($sum_resell_cust) }}</th>
                                                <th class="text-center">{{ number_format((float) $sum_resell_berat,4) }}</th>
                                                <th class="text-center">{{ number_format($sum_resell_rupiah) }}</th>
                                                <th class="text-center">0</th>
                                                <th class="text-center">0</th>
                                                <th class="text-center">0</th>
                                            </tr>
                                        </tfoot>
                                    </tbody>
                                </table>
                            </div>
                            
                        </div>
                    </div>
                </div>
                @include('includes.footer')
            </div>
        </div>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <script>
            $(document).ready(function() {
                $('#store').on('change', function() {
                    var store = $(this).val();
                    if (store) {
                        $.ajax({
                            url: '/getSales/' + store,
                            type: "GET",
                            data: {
                                code: store,
                                "_token": "{{ csrf_token() }}"
                            },
                            dataType: "json",
                            success: function(data) {
                                if (data) {
                                    $('#jr').empty();
                                    $('#jr').append('<option hidden>JR</option>');
                                    $.each(data, function(key, jr) {
                                        $('select[name="jr"]').append('<option value="' +
                                            key.code + '">' + jr.nik + " - " + jr.nama +
                                            // key.code + '">' + jr.nama +
                                            '</option>');
                                    });
                                } else {
                                    $('#jr').empty();
                                }
                            }
                        });
                    }
                });
            });
            $(document).ready(function() {
                $('#brand').on('change', function() {
                    var brand = $(this).val();
                    if (brand) {
                        $.ajax({
                            url: '/getBrand/' + brand,
                            type: "GET",
                            data: {
                                "_token": "{{ csrf_token() }}"
                            },
                            dataType: "json",
                            success: function(data) {
                                if (data) {
                                    $('#store').empty();
                                    $('#store').append('<option hidden>Store</option>');
                                    $.each(data, function(key, store) {
                                        $('select[name="store"]').append('<option value="' +
                                            // store.code + '">' +
                                            // store.m_nama + '</option>');
                                            store.code + '">' + store.code + " - " +
                                            store.m_nama + '</option>');
                                    });
                                } else {
                                    $('#store').empty();
                                }
                            }
                        });
                    }
                });
            });
        </script>
    @endsection