@extends('admin.layouts.master')

@section('transaction', 'active')
@section('title') {{ $data['title'] ?? '' }} @endsection

@push('style')
@endpush
@section('content')
    <div class="content-wrapper">
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">{{ $data['title'] ?? '' }}</h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                            <li class="breadcrumb-item active">{{ $data['title'] ?? '' }}</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>

        <div class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                                <div class="row align-items-center">
                                    <div class="col-6">
                                        <h3 class="card-title">Manage {{ $data['title'] ?? '' }} </h3>
                                    </div>
                                    {{-- <div class="col-6">
                                        <div class="float-right">
                                            @if (Auth::user()->can('admin.customer.create'))
                                                <a href="{{ route('admin.customer.create') }}" class="btn btn-primary">Add
                                                    New</a>
                                            @endif

                                        </div>
                                    </div> --}}
                                </div>
                            </div>

                            <div class="card-body table-responsive p-0">
                                <table id="dataTables" class="table table-hover text-nowrap table-bordered jsgrid-table">
                                    <thead>
                                        <tr>
                                            <th width="5%">SL</th>
                                            <th width="15%">Transaction ID</th>
                                            <th width="10%">User</th>
                                            <th width="10%">Plan / Ad</th>
                                            <th width="5%">Amount</th>
                                            <th width="5%">Status</th>
                                            <th width="5%">Date</th>
                                            <th width="5%">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($data['transactions'] as $transaction)
                                            <tr>
                                                <td>{{ $loop->iteration }}</td>
                                                <td>{{ $transaction->order_id }} <br>
                                                    {{-- Gateway Reference:
                                                    {{ $transaction->provider_trx_id }} --}}
                                                </td>
                                                <td><a target="_blank"
                                                        href="{{ route('admin.customer.view', $transaction->user_id) }}">{{ $transaction->user->name }}</a>
                                                </td>
                                              
                                                 
                            <td>
                                @if($transaction->ad)
                                    {{-- <span class="d-block">{{ $transaction->ad->title ?? 'N/A' }}</span> --}}
                                    <a target="_blank"
                                                        href="{{ route('admin.ads.details', $transaction->ad) }}">{{ $transaction->ad?->title }}</a>
                                @else
                             
                                <a target="_blank"
                                                        href="{{ route('admin.plan.view', $transaction->plan_id) }}">{{ $transaction->plan?->name }}</a>
                                @endif
                            </td>

                                                <td>{{ $transaction->amount }} {{ $transaction->currency_symbol }}
                                                    {{-- <br>Fee: {{ $transaction->provider_fee }}
                                                    {{ $transaction->currency_symbol }}</td> --}}
                                                <td>
                                                    <span
                                                        class="badge bg-{{ $transaction->payment_status == 'paid' ? 'success' : 'danger' }}">{{ $transaction->payment_status }}</span>
                                                </td>
                                                <td>{{ now()->parse($transaction->created_at)->format('d-m-Y h:i:s a') }}
                                                </td>
                                                <td>
                                                    <div class="dropdown">
                                                        <button class="btn btn-secondary dropdown-toggle btn-sm"
                                                            type="button" id="dropdownMenu2" data-toggle="dropdown"
                                                            aria-haspopup="true" aria-expanded="true">
                                                            Action
                                                        </button>
                                                        <div class="dropdown-menu" aria-labelledby="dropdownMenu2"
                                                            x-placement="top-start"
                                                            style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(-36px, -116px, 0px);">
                                                            @if (Auth::user()->can('admin.transaction.view'))
                                                                <a href="{{route('admin.transaction.invoice.view', $transaction->id)}}"
                                                                    class="dropdown-item view">
                                                                    <i class="fas fa-eye"></i> View
                                                                </a>
                                                            @endif
                                                            @if (Auth::user()->can('admin.transaction.view'))
                                                                <a href="{{route('admin.transaction.invoice.download', $transaction->id)}}"
                                                                    class="dropdown-item view">
                                                                    <i class="fas fa-download"></i> Download
                                                                </a>
                                                            @endif
                                                           
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <th width="5%">SL</th>
                                            <th width="15%">Transaction ID</th>
                                            <th width="10%">User</th>
                                            <th width="10%">Plan</th>
                                            <th width="5%">Amount</th>
                                            <th width="5%">Status</th>
                                            <th width="5%">Date</th>
                                            <th width="5%">Action</th>
                                        </tr>
                                    </tfoot>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



@endsection
@push('script')
@endpush