@php
    $data_information = json_decode($resell_marketplace_item->total_data_information, true);
    $resell_marketplace = $resell_marketplace_item->resell_marketplace;
@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($resell_marketplace_item->total_selling_price - $data_information['total_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($resell_marketplace_item->total_selling_price - $data_information['total_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_item->cost) {
                $cost_data = json_decode($resell_marketplace_item->cost, true);
                $first_row = $cost_data[0];
            }
        @endphp

        @if($resell_marketplace_item->cost)
            <div class="row" style="margin: 5px 0;">
                <div class="col-sm-5"><input type="text" name="labelAdded[]" class="form-control costClass labelCost" value="{{ key($first_row) }}" placeholder="label" required></div>
                <div class="col-sm-5"><input type="number" name="costAdded[]" class="form-control costClass 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 costClass labelCost" value="{{ key($row) }}" placeholder="label" required></div>
                            <div class="col-sm-5"><input type="number" name="costAdded[]" class="form-control costClass 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 costClass labelCost" placeholder="label" required></div>
                <div class="col-sm-5"><input type="number" name="costAdded[]" class="form-control costClass 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>
@else 
    <script type="text/javascript">
            $('.costClass').prop('disabled', true);
    </script>
@endif