@php
    $data_information = $resell_marketplace->item()->whereNull('parent_id')->get()->map(function($row) {
                            return [
                                'total_buying_price' => json_decode($row->total_data_information, true)['total_buying_price'],
                                'total_selling_price' => $row->total_selling_price,
                            ];
                        })->pipe(function($row) {
                            return collect([
                                    'grandtotal_buying_price' => $row->sum('total_buying_price'),
                                    'grandtotal_selling_price' => $row->sum('total_selling_price'),
                                ]);
                        });
@endphp
<div class="row" style="margin: 7px;">        
    <div class="col-sm-4">
        Price Difference
    </div>
    <div class="col-sm-6"><b>Rp. <span id="diffCost">{{ number_format($data_information['grandtotal_selling_price'] - $data_information['grandtotal_buying_price']) }}</span></b></div>
</div>
<div class="row" style="margin: 7px;">        
    <div class="col-sm-4">
        Adjustable Difference
    </div>
    <div class="col-sm-6"><b>Rp. <span id="adjustableDifference">{{ number_format($data_information['grandtotal_selling_price'] - $data_information['grandtotal_buying_price']) }}</span></b></div>
</div>
<div class="row" style="margin: 7px;">        
    <div class="col-sm-4" style="padding-top: 8px;">
        Cost Added
    </div>
    <div class="col-sm-8" style="margin-left: -10px; margin-right: -10px;">
        @php
            if($resell_marketplace->cost_all) {
                $cost_data = json_decode($resell_marketplace->cost_all, true);
                $first_row = $cost_data[0];
            }
        @endphp

        @if($resell_marketplace->cost_all)
            <div class="row" style="margin: 5px 0;">
                <div class="col-sm-5"><input type="text" name="labelAdded[]" class="form-control labelCost" value="{{ key($first_row) }}" placeholder="label" required></div>
                <div class="col-sm-5"><input type="number" name="costAdded[]" class="form-control costAdded" placeholder="value" onblur="calculateDifferent()" value="{{ $first_row[key($first_row)] }}" required></div>
                <div class="col-sm-2" style="padding-top: 6px;"></div>
            </div>
            <span id="costList">
                @foreach($cost_data as $no => $row)
                    @if($no > 0)
                        <div id="list_added_{{ $no }}" class="row" style="margin: 5px 0;">
                            <div class="col-sm-5"><input type="text" name="labelAdded[]" class="form-control labelCost" value="{{ key($row) }}" placeholder="label" required></div>
                            <div class="col-sm-5"><input type="number" name="costAdded[]" class="form-control costAdded" placeholder="value" onblur="calculateDifferent()" value="{{ $row[key($row)] }}" required></div>

                            @if($resell_marketplace->status != 'completed')
                                <div class="col-sm-2" style="padding-top: 6px;"><i class="fa fa-minus-circle" style="color: red; font-size: 20px; cursor: pointer;" onclick="removeListCost({{ $no }})"></i></div>
                            @endif
                        </div>
                    @endif
                @endforeach
            </span>
        @else
            <div class="row" style="margin: 5px 0;">
                <div class="col-sm-5"><input type="text" name="labelAdded[]" class="form-control labelCost" placeholder="label" required></div>
                <div class="col-sm-5"><input type="number" name="costAdded[]" class="form-control costAdded" placeholder="value" onblur="calculateDifferent()" required></div>
                <div class="col-sm-2" style="padding-top: 6px;"></div>
            </div>
            <span id="costList">
            </span>
        @endif
    </div>
</div>
@if($resell_marketplace->status != 'completed')
    <div class="row" style="margin: 7px;">        
        <div class="col-sm-4" style="padding-top: 8px;"></div>
        <div class="col-sm-8">
            <div class="row">
                <div class="col-sm-5"><button type="button" class="btn btn-primary" onclick="addCostList()"><i class="fa fa-plus-circle"></i> Add Cost</button></div>
            </div>
        </div>
    </div>
@endif