@foreach($logs as $log)
    <tr class="historyTrade">
        <td>{{$log->id}}</td>
        <td>{{$log->created_at}}</td>
        <td>{{$log->finished_at}}</td>
        <td><span class="badge text-bg-primary">{{$log->pair->symbol}}</span></td>
        <td>@if($log->hilow == 1) <span class="badge badge-success">Buy</span> @else <span class="badge badge-danger">Sell</span> @endif </td>
        <td>{{$log->amount}}</td>
        <td>{{$log->price_was}}</td>
        <td>{{$log->price}}</td>
        <td>{{$log->stop_loss}}</td>
        <td>{{$log->take_profit}}</td>
        <td>
            @if($log->profit <= 0)
                <span class="badge text-bg-danger">{{number_format($log->profit, 3)}}<i class="bi bi-arrow-down"></i></span>
            @else
                <span class="badge text-bg-success">{{number_format($log->profit, 3)}}<i class="bi bi-arrow-up"></i></span>
            @endif
        </td>
        <td>
            <button data-bs-toggle="modal" data-bs-target="#editCurrentClosedPair" type="button" onclick="editClosedPosition(this)"
                    data-id="{{$log->id}}"
                    data-opentime="{{$log->created_at}}"
                    data-closetime="{{$log->finished_at}}"
                    data-buysell="{{$log->hilow}}"
                    data-volume="{{$log->amount}}"
                    data-openprice="{{$log->price_was}}"
                    data-closeprice="{{$log->price}}"
                    data-stoploss="{{$log->stop_loss}}"
                    data-takeprofit="{{$log->take_profit}}"
                    data-contract="{{$log->contract}}"
                    data-leverage="{{$log->leverage}}"
                    data-crossprice="{{$log->cross_price}}"
                    data-profit="{{$log->profit}}"
                    class="editClosedPosition btn btn-warning btn-sm" style="--bs-btn-padding-y: 5px; --bs-btn-padding-x: 5px; --bs-btn-font-size: .75rem; border-radius: 50%; line-height: 0;">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil" viewBox="0 0 16 16">
                    <path d="M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z"/>
                </svg>
            </button>
            <button class="deletePosition btn btn-danger btn-sm" onclick="deletePosition(this)" data-id="{{$log->id}}" style="--bs-btn-padding-y: 5px; --bs-btn-padding-x: 5px; --bs-btn-font-size: .75rem; border-radius: 50%; line-height: 0;">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash3" viewBox="0 0 16 16">
                    <path d="M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5M11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H2.506a.58.58 0 0 0-.01 0H1.5a.5.5 0 0 0 0 1h.538l.853 10.66A2 2 0 0 0 4.885 16h6.23a2 2 0 0 0 1.994-1.84l.853-10.66h.538a.5.5 0 0 0 0-1h-.995a.59.59 0 0 0-.01 0zm1.958 1-.846 10.58a1 1 0 0 1-.997.92h-6.23a1 1 0 0 1-.997-.92L3.042 3.5zm-7.487 1a.5.5 0 0 1 .528.47l.5 8.5a.5.5 0 0 1-.998.06L5 5.03a.5.5 0 0 1 .47-.53Zm5.058 0a.5.5 0 0 1 .47.53l-.5 8.5a.5.5 0 1 1-.998-.06l.5-8.5a.5.5 0 0 1 .528-.47ZM8 4.5a.5.5 0 0 1 .5.5v8.5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5"/>
                </svg>
            </button>
        </td>
    </tr>
@endforeach