@extends('layout')
@section('title', 'Earning')

@section('content')
<nav aria-label="breadcrumb" class="mt-2">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/account">{{ __('text.dashboard') }}</a></li>
    <li class="breadcrumb-item active" aria-current="page"> {{ __('text.my') }} {{ __('text.earning') }}</li>
  </ol>
</nav>
<style>
.showing-page img, svg {
    vertical-align: middle;
    width: 18px;
}

.showing-page .flex.justify-between.flex-1.sm\:hidden {
    display: none;
}
.showing-page .hidden.sm\:flex-1.sm\:flex.sm\:items-center.sm\:justify-between {
    display: flex;
    justify-content: space-between;
}
.showing-page nav.flex.items-center.justify-between {
    width: 100%;
}
.showing-page {
    margin-top: 20px;
}
</style>

<div class="container-fluid pt-4 px-4">
    <div class="row g-4">
        <div class="col-12">
            <div class="bg-light rounded h-100 p-4">
                @if (session()->has('success'))
                <div class="alert alert-success alert-dismissible fade show mb-2" role="alert">
                    <i class="fa fa-exclamation-circle me-2"></i><strong>{{ __('text.succes') }}</strong> {{ session()->get('success') }}.
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
                @endif

                @if (session()->has('error'))
                <div class="alert alert-danger alert-dismissible fade show mb-2" role="alert">
                    <i class="fa fa-exclamation-circle me-2"></i><strong>{{ __('text.eror') }}</strong> {{ session()->get('error') }}.
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
                @endif

                <div class="row mb-4 mt-0">
                    <div class="col-md-9 mt-3">
                        <h4>{{ __('text.earning') }}  @if(session('currency_id'))
                        {{ session('currency_symbol') }}
                 @php
            $currencyValue = session('value') ?? 1; 
            $totalPrice = $currencyValue * $total;
        @endphp
          {{ $totalPrice }}</h4>
                        @else
                        {{$symbol}} {{$total}}</h4>
                        @endif 
                    
                       
                    </div>
                   <div class="col-md-3 mt-1 text-end">
    <a href="withdrawal_form" class="btn btn-primary rounded-pill" style="color:white">{{ __('text.withdrawal') }}</a>
</div>

                </div>

                
           <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                 
                                <!--<th scope="col">{{ __('text.customer') }}</th>-->
                                 <!--<th scope="col">{{ __('text.amount') }}</th>-->
                                <th scope="col">{{ __('text.commission') }}</th>
                                <th scope="col">{{ __('text.description') }}</th>
                              
                                <th scope="col">{{ __('text.date') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                          @forelse($data as $index => $d)
                                     <tr>
                                   
                           
                              
                                <td>@if(session('currency_id'))
                        {{ session('currency_symbol') }}
                 @php
            $currencyValue = session('value') ?? 1; 
            $totalPrice = $currencyValue * $d->commission;
        @endphp
          {{ $totalPrice }}</td>
                        @else
                        {{$symbol}} {{$d->commission}}</td>
                        @endif 
                               
                                <td>{{ $d->description }}</td>
                              
                                <td>{{ date('Y-m-d', strtotime($d->date_added)) }}</td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="5" class="text-center">{{ __('text.no_records_found') }}</td>
                            </tr>
                            @endforelse
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="6">
                                    <div class="d-flex showing-page">
                                      {{ $data->links() }}
                
                                    </div>
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
               
            </div>
        </div>
    </div>
</div>
@endsection