@extends('dashboard.layout', ['user'=>$viewer, 'id' => 1])

@section('dashboard')

<div class="container pb-5">
    <div class="row mb-4 mt-5 justify-content-center">
        <div class="mf_txt_title">Trades History</div>
    </div>
    <div class="mf_line mb-5"></div>

    <div class="mf_bg_dark mt-5 p-4">
        <p>
            Due to API limitation, if several trades happen on the same underlying we might have technical difficulties to display the correct realised APY and gain per trade.
        </p>
        <p>
            To make sure that we don't overcharge you, we compute your profit based on the total deposit at the beginning of each month, minus any additional deposit and adding any withdraw you might have done.
        </p>
    </div>

    @if (!$strat_option_parity->isEmpty())
    <dashboard-trades :strat="{{json_encode($strat_option_parity)}}" :all_strat="{{json_encode($all_strategies)}}" name="Option Parity"></dashboard-trades>
    @endif

    @if (!$strat_stakings->isEmpty())
    <dashboard-trades :strat="{{json_encode($strat_stakings)}}" :all_strat="{{json_encode($all_strategies)}}" name="Staking Farming"></dashboard-trades>
    @endif

    @if (!$strat_cross_options->isEmpty())
    <dashboard-trades :strat="{{json_encode($strat_cross_options)}}" :all_strat="{{json_encode($all_strategies)}}" name="Cross Options"></dashboard-trades>
    @endif

    @if (!$strat_active_hedgings->isEmpty())
    <dashboard-trades :strat="{{json_encode($strat_active_hedgings)}}" :all_strat="{{json_encode($all_strategies)}}" name="Active Hedgings"></dashboard-trades>
    @endif

    @if (!$strat_directionnals->isEmpty())
    <dashboard-trades :strat="{{json_encode($strat_directionnals)}}" :all_strat="{{json_encode($all_strategies)}}" name="Directionnal"></dashboard-trades>
    @endif

    @if ($strat_directionnals->isEmpty() && $strat_active_hedgings->isEmpty() && $strat_cross_options->isEmpty() && $strat_stakings->isEmpty() && $strat_option_parity->isEmpty())
    <div class="mf_bg_dark text-center mt-5" style="height: 30vh; display: flex; flex-direction: column; justify-content: center; align-items: center;">
        <svg xmlns="http://www.w3.org/2000/svg" width="75" height="75" fill="currentColor" class="bi bi-list-columns-reverse" viewBox="0 0 16 16">
            <path fill-rule="evenodd" d="M0 .5A.5.5 0 0 1 .5 0h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 0 .5Zm4 0a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1h-10A.5.5 0 0 1 4 .5Zm-4 2A.5.5 0 0 1 .5 2h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm4 0a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5Zm-4 2A.5.5 0 0 1 .5 4h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm4 0a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5Zm-4 2A.5.5 0 0 1 .5 6h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm4 0a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1h-8a.5.5 0 0 1-.5-.5Zm-4 2A.5.5 0 0 1 .5 8h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm4 0a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1h-8a.5.5 0 0 1-.5-.5Zm-4 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm4 0a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1h-10a.5.5 0 0 1-.5-.5Zm-4 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm4 0a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5Zm-4 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm4 0a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5Z" />
        </svg>
        <div class="mt-5" style="font-weight: 900;">No trade history yet</div>
    </div>
    @endif
</div>
@endsection