@section('title', '- Your Transactions')

@extends('layouts.user-profile')

@section('breadcumb')
    @include('layouts.partials.breadcumb', ['page' => 'Transactions'])
@endsection

@section('section-body')
    <table class="table table-striped table-hover dt-responsive display w-auto" id="tablet">
        <thead>
            <tr>
                <th>@lang("profile.date")</th>
                <th>@lang("profile.type")</th>
                <th>@lang("profile.fromwallet")</th>
                <th>@lang("profile.amount")</th>
                <th>@lang("profile.commission")</th>
                <th>@lang("profile.amount_recive")</th>
                <th>@lang("profile.status")</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($transactions as $transaction)
                @php
                    if ($transaction->type == 'buy') {
                        $coin = 'USD';
                    } else {
                        $coin = 'eBits';
                    }
                @endphp
                <tr>
                    <td>{{ date('Y-m-d', strtotime($transaction->created_at)) }}</td>
                    <td>{{ ucfirst($transaction->type) }}</td>
                    @if ($transaction->currency_buy)
                        <td>{{ $transaction->currency_buy->symbol }}</td>
                    @elseif($transaction->type == 'discharge' || $transaction->type == 'trade')
                        <td>eBit</td>
                    @else
                        <td>USD</td>
                    @endif
                    @if ($transaction->currency_buy)
                        <td>{{ $transaction->total_to_paid }}</td>
                    @else
                        <td>{{ number_format((float) $transaction->amount, 2, '.', '') }}</td>
                    @endif
                    <td>{{ number_format((float) $transaction->fee, 2, '.', '') }}</td>
                    @if ($transaction->type == 'discharge')
                        <td>{{ number_format((float) $transaction->total_ebits_equivalence, 2, '.', '') }} USD</td>
                    @elseif($transaction->type == 'trade')
                        <td>
                            {{ $transaction->currency_destination->cryptocoin ? number_format($transaction->trade_amount, 19) : $transaction->trade_amount }}
                            {{ $transaction->currency_destination->symbol }}
                        </td>
                    @else
                        <td>{{ number_format((float) $transaction->total_ebits_equivalence, 2, '.', '') }}
                            {{ $transaction->currency->symbol }} </td>
                    @endif
                    <td>{{ ucfirst($transaction->status) }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>
@endsection

@push('css')
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.17/css/dataTables.bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.css">
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.dataTables.min.css">
    <link rel="stylesheet" href="{{ url('/css/userPerfil.css') }}">
@endpush
  

@push('js')
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js"></script>
    
    <script>
        $(document).ready(function() {
            $('#tablet').DataTable({responsive: true});
        });
    </script>
@endpush