@extends('layouts.backend.app')

@push('content')
    <div class="overflow-x-auto ">
        <table class="table-auto border-separate border w-full">
            <tr>
                <td class="border w-1/4 p-3 font-bold">Id</td>
                <td class="border w-1/4 p-3">{{ $withdrawal->id }}</td>
            </tr>
            <tr>
                <td class="border w-1/4 p-3 font-bold">Amount</td>
                <td class="border w-1/4 p-3">${{ number_format($withdrawal->amount,2) }}</td>
            </tr>
            
            @if(in_array($withdrawal->payment_method,array('Cryptocurrency')))
            <tr>
                <td class="border w-1/4 p-3 font-bold">Withdrawal Payment Method</td>
                <td class="border w-1/4 p-3">{{ $withdrawal->payment_method }}</td>
            </tr>
            <tr>
                <td class="border w-1/4 p-3 font-bold">Wallet Send To</td>
                <td class="border w-1/4 p-3">{{ $withdrawal->withdrawal_details }}</td>
            </tr>
            @else
            
             <tr>
                <td class="border w-1/4 p-3 font-bold">Account Number</td>
                <td class="border w-1/4 p-3">{{ $withdrawal->account_number }}</td>
            </tr>
            <tr>
                <td class="border w-1/4 p-3 font-bold">Bank Name</td>
                <td class="border w-1/4 p-3">{{ $withdrawal->bank_name }}</td>
            </tr>
            <tr>
                <td class="border w-1/4 p-3 font-bold">Remote Code</td>
                <td class="border w-1/4 p-3">{{ $withdrawal->remote_code }}</td>
            </tr>
            <tr>
                <td class="border w-1/4 p-3 font-bold">ID Type</td>
                <td class="border w-1/4 p-3">{{ $withdrawal->id_type }}</td>
            </tr>
             <tr>
                <td class="border w-1/4 p-3 font-bold">ID Number</td>
                <td class="border w-1/4 p-3">{{ $withdrawal->id_number }}</td>
            </tr>
            
            
            @endif
            
            
            
            
            
            <tr>
                <td class="border w-1/4 p-3 font-bold">Client Details</td>
                <td class="border w-1/4 p-3">{{ $withdrawal->user->name }} - {{ $withdrawal->user->email }}</td>
            </tr>
            <tr>
                <td class="border w-1/4 p-3 font-bold">Reference</td>
                <td class="border w-1/4 p-3">{{ $withdrawal->reference  }}</td>
            </tr>
            <tr>
                <td class="border w-1/4 p-3 font-bold">Status</td>
                <td class="border w-1/4 p-3">{{ ucwords($withdrawal->status) }}</td>
            </tr>

            <tr>
                <td class="border w-1/4 p-3 font-bold">Date</td>
                <td class="border w-1/4 p-3">{{ $withdrawal->updated_at }}</td>
            </tr>
        </table>

        @if(in_array($withdrawal->status,array('processing')))
            <h1 class="font-bold mt-5 text-2xl">Payment Status</h1>
            <form action="{{route('withdrawals.update',$withdrawal->id)}}" method="post">
                @csrf
                @method('PATCH')
                <div class="mt-12 mb-3">
                    <select id="status" name="status" required class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
                        <option selected>Select</option>
                        @foreach(array('processing','completed','cancelled','pending') as $value)
                            <option value="{{ $value }}">{{ ucwords($value) }}</option>
                        @endforeach
                    </select>

                    <x-input-error :messages="$errors->get('status')" class="mt-2" />
                </div>

                <button data-tw-merge class="transition duration-200 border shadow-sm inline-flex items-center justify-center py-2 px-3 rounded-md font-medium cursor-pointer focus:ring-4 focus:ring-primary focus:ring-opacity-20 focus-visible:outline-none dark:focus:ring-slate-700 dark:focus:ring-opacity-50 [&:hover:not(:disabled)]:bg-opacity-90 [&:hover:not(:disabled)]:border-opacity-90 [&:not(button)]:text-center disabled:opacity-70 disabled:cursor-not-allowed bg-primary border-primary text-white dark:border-primary mt-3">Submit</button>
            </form>
        @endif
    </div>
@endpush