@extends('mix::layouts.master')
@section('title', __('Affiliate Withdrawal'))
@section('content')

<div class="h-full pb-16 pt-8 sm:pt-10">
  <div class="flex h-32 items-center border-b border-gray-200">
    <div class="mx-auto w-full max-w-screen-xl px-5">
    
       <div class="mb-5 pb-5 pt-0">
        <div class="font-heading mb-2 px-2 font--12 font-extrabold uppercase tracking-wider text-zinc-400 flex items-center mb-2">
          <span class="whitespace-nowrap">{{ __('Super Admin') }}</span>
          <div class="border-b border-solid border-gray-300 w-full ml-2 flex"></div>
        </div>
        <h1 class="text-zinc-500 text-5xl mb-2 font-bold">{{ __('Withdrawal') }}</h1>
       </div>
    </div>
  </div>
  

  <div class="mx-auto w-full max-w-screen-xl px-2.5 pb-10 pt-8">
    <div class="page-trans">
    <div class="flex-table mt-4">

      <!--Table header-->
      <div class="flex-table-header">
          <span>{{ __('User') }}</span>
          <span>{{ __('Amount') }}</span>
          <span>{{ __('Status') }}</span>
          <span>{{ __('Date') }}</span>
          <span class="cell-end">{{ __('Actions') }}</span>
      </div>
      
      @foreach ($withdrawal as $item)
        <div class="flex-table-item shadow-none">
          <div class="flex-table-cell is-media flex-grow" data-th="">
              <div class="h-avatar h-10 w-10 md rounded-full">
                {!! avatar($item->user_id, true) !!}
              </div>
              <div class="truncate w-6/--12">
                  <span class="item-name">{{ user('name', $item->user_id) }}</span>
                  <span class="text-xs truncate">{{ user('email', $item->user_id) }} </span>
              </div>
          </div>
          <div class="flex-table-cell is-media is-grow" data-th="">
            <div>
              <span class="item-name">{!! str_replace('Free', '0', price_with_cur(\Currency::symbol($item->currency), $item->amount)) !!}</span>
              <span class="item-meta">
                <span class="text-xs">{{ $item->note }}</span>
              </span>
            </div>
          </div>
          <div class="flex-table-cell" data-th="{{ __('Status') }}">
            @if ($item->is_paid)
            <span class="bg-green-300 py-1 px-4 gap-3 text-xs rounded-xl flex items-center justify-center">{!! orion('checkmark-1', 'w-3 h-3') !!} {{ __('Approved') }}</span>
              
             @else
             <span class="bg-yellow-300 py-1 px-4 text-xs gap-3 rounded-xl flex items-center justify-center">{!! orion('hidden-1', 'w-3 h-3') !!} {{ __('Pending') }}</span>
            @endif
          </div>
          <div class="flex-table-cell" data-th="{{ __('Date') }}">
            <span>{{ \Carbon\Carbon::parse($item->created_at)->toFormattedDateString() }}</span>
          </div>
          <div class="flex-table-cell cell-end flex gap-3 items-center" data-th="{{ __('Actions') }}">
  
            @if (!$item->is_paid)
            <form action="{{ route('mix-admin-affiliate-post', ['tree' => 'approve']) }}" method="post">
              @csrf
  
              <input type="hidden" name="_a_id" value="{{ $item->id }}">
              <button class="text-sm auth-link ml-auto" data-title="{{ __('Approve withdrawal') }}" data-delete="{{ __('Make sure you have sent the payment before approving the withdrawal. The user will be notified via email.') }}" data-confirm-btn="{{ __('Yes, Approve') }}" data-confirm-btn-color="green">{{ __('Approve') }}</button>
            </form>
            @endif
  
            <form action="{{ route('mix-admin-affiliate-post', ['tree' => 'delete']) }}" method="post">
              @csrf
  
              <input type="hidden" name="_a_id" value="{{ $item->id }}">
              <button class="flex items-center justify-center  text-red-400" data-delete="{{ __('Are you sure you want to delete this?') }}">{!! orion('bin-1', 'w-5 h-5 stroke-current') !!}</button>
            </form>
          </div>
      </div>
      @endforeach
    </div>
    </div>
  </div>
</div>
@endsection