@extends('admin.template.app')
@section('title', 'Top Up Requests')

@section('content')
    @php
        $image =
            'https://th.bing.com/th/id/OIP.96jr1HSRWR7xgokN2rZrSAHaLH?w=133&h=108&c=7&qlt=90&bgcl=d59854&r=0&o=6&pid=13.1';
    @endphp

    <div class="container-fluid px-4">
        {{-- <h1 class="mt-4">App Configuration</h1> --}}
        <div class="d-flex justify-content-between align-items-center mt-4">
            <h1 class="mb-0">Top Up Requests</h1>

        </div>
        <table class="table table-striped">
            <thead>
                <tr>
                    <th scope="col">SN.</th>
                    <th scope="col">Txn Id</th>
                    <th scope="col">Sender Name</th>
                    <th scope="col">Operator Name</th>
                    <th scope="col">Operator Number</th>
                    <th scope="col">Service Type</th>
                    <th scope="col">Money Rate</th>
                    <th scope="col">Before Balance</th>
                    <th scope="col">Amount</th>
                    <th scope="col">Service Charge</th>
                    <th scope="col">After Balance</th>
                    <th scope="col">BD Amount</th>
                    <th scope="col">Status</th>
                    <th scope="col">Action</th>
                </tr>
            </thead>

            <tbody>
                @forelse ($datas as $key => $data)
                    <tr>
                        <td>{{ $key + 1 }}</td>
                        <td>{{ $data->transaction_id }}</td>
                        <td>{{ $data->user->name ?? 'N/A' }}</td>
                        <td>{{ $data->operator ?? 'N/A' }}</td>
                        <td>{{ $data->number ?? 'N/A' }}</td>
                        <td>
                            <span class="badge bg-info">
                                {{ ucfirst($data->reload_type) }}
                            </span>
                        </td>

                        <td>{{ number_format($data->money_rate, 2) }}</td>

                        <td>{{ number_format($data->before_balance, 2) }}</td>

                        <td>{{ number_format($data->amount, 2) }}</td>

                        <td>{{ number_format($data->service_charge, 2) }}</td>

                        <td>{{ number_format($data->after_balance, 2) }}</td>

                        <td>
                            {{ number_format($data->amount * $data->money_rate, 2) }}
                        </td>

                        <td>
                            {{-- @if ($data->status == 'approved')
                                <span class="badge bg-success">Approved</span>
                            @elseif ($data->status == 'rejected')
                                <span class="badge bg-danger">Rejected</span>
                            @elseif ($data->status == 'processing')
                                <span class="badge bg-primary">Processing</span>
                            @else
                                <span class="badge bg-warning">Pending</span>
                            @endif --}}
                                                        <span
                                class="badge 
                            @if ($data->status == 'pending') bg-warning
                            @elseif($data->status == 'approved') bg-success
                            @else bg-danger @endif">
                                {{ ucfirst($data->status) }}
                            </span>
                        </td>
                        <td>
                            <div class="dropdown">
                                <button class="btn btn-primary btn-sm dropdown-toggle" data-bs-toggle="dropdown">
                                    Action
                                </button>

                                <ul class="dropdown-menu">
                                    {{-- proccessing --}}
                                    <li>
                                        <form action="{{ route('mobile_topup_and_data_reload_update', $data->id) }}" method="POST">
                                            {{-- <form action="#" method="POST"> --}}
                                            @csrf
                                            @method('PUT')
                                            <input type="hidden" name="status" value="processing">

                                            <button type="submit" class="dropdown-item">
                                                processing
                                            </button>
                                        </form>
                                    </li>
                                    {{-- APPROVE --}}
                                    <li>
                                        <form action="{{ route('mobile_topup_and_data_reload_update', $data->id) }}" method="POST">
                                            {{-- <form action="#" method="POST"> --}}
                                        
                                            @csrf
                                            @method('PUT')
                                            <input type="hidden" name="status" value="approved">

                                            <button type="submit" class="dropdown-item">
                                                Approved
                                            </button>
                                        </form>
                                    </li>
                                    {{-- REJECT --}}
                                    <li>
                                        <form action="{{ route('mobile_topup_and_data_reload_update', $data->id) }}" method="POST">
                                            {{-- <form action="#" method="POST"> --}}
                                        
                                            @csrf
                                            @method('PUT')
                                            <input type="hidden" name="status" value="rejected">

                                            <button type="submit" class="dropdown-item">
                                                Rejected
                                            </button>
                                        </form>
                                    </li>
                                </ul>
                            </div>
                        </td>



                    </tr>
                @empty
                    <tr>
                        <td colspan="15" class="text-center">No Data Found</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection