@extends('admin.layout.master')
@section('title', __('admin.orders'))
@section('content')

    <!-- Order List Widget -->


    <div class="mb-6 card">
        <div class="card-widget-separator-wrapper">
            <div class="card-body card-widget-separator">
                <div class="row gy-4 gy-sm-1">
                    <div class="col-sm-6 col-lg-3">
                        <div class="pb-4 d-flex justify-content-between align-items-start card-widget-1 border-end pb-sm-0">
                            <div>
                                <h4 class="mb-0">
                                    {{ $transactions->where('type', '!=','commission')->where('type',' !=','withdraw')->sum('total') }}</h4>
                                <p class="mb-0">{{ __('admin.total_payments') }}</p>
                            </div>
                            <span class="avatar me-sm-6">
                                <span class="rounded avatar-initial bg-label-secondary text-heading">
                                    <i class="ti-26px ti ti-calendar-stats text-heading"></i>
                                </span>
                            </span>
                        </div>
                        <hr class="d-none d-sm-block d-lg-none me-6">
                    </div>
                    <div class="col-sm-6 col-lg-3">
                        <div class="pb-4 d-flex justify-content-between align-items-start card-widget-2 border-end pb-sm-0">
                            <div>
                                <h4 class="mb-0">{{ $transactions->where('type', 'commission')->sum('total') }}
                                </h4>
                                <p class="mb-0">{{ __('admin.commission') }}</p>
                            </div>
                            <span class="p-2 avatar me-lg-6">
                                <span class="rounded avatar-initial bg-label-secondary"><i
                                        class="ti-26px ti ti-checks text-heading"></i></span>
                            </span>
                        </div>
                        <hr class="d-none d-sm-block d-lg-none">
                    </div>
                    <div class="col-sm-6 col-lg-3">
                        <div class="pb-4 d-flex justify-content-between align-items-start border-end pb-sm-0 card-widget-3">
                            <div>
                                <h4 class="mb-0">{{ $transactions->where('type', 'withdraw')->sum('total') }}</h4>
                                <p class="mb-0">{{ __('admin.withdrawed') }}</p>
                            </div>
                            <span class="p-2 avatar me-sm-6">
                                <span class="rounded avatar-initial bg-label-secondary"><i
                                        class="ti-26px ti ti-wallet text-heading"></i></span>
                            </span>
                        </div>
                    </div>
                    <div class="col-sm-6 col-lg-3">
                        <div class="d-flex justify-content-between align-items-start">
                            <div>
                                <h4 class="mb-0">{{ $transactions->where('type', '!=','commission')->where('type', '!=','withdraw')->sum('total') + $transactions->where('type', 'commission')->sum('total') + $transactions->where('type', 'withdraw')->sum('total') }}</h4>
                                <p class="mb-0">{{ __('admin.provider_payments') }}</p>
                            </div>
                            <span class="p-2 avatar">
                                <span class="rounded avatar-initial bg-label-secondary"><i
                                        class="ti-26px ti ti-alert-octagon text-heading"></i></span>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row mb-6">
        <div class="col-md-12">
            <div class="card mb-4">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="mb-0">{{ __('admin.filter') }}</h5>
                </div>
                <div class="card-body">
                    <form method="get" action="{{ route('admin.transaction.index') }}">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="id" class="form-label">{{ __('admin.transaction_id') }}</label>
                                    <input type="text" class="form-control" id="id" value="{{ request('id') }}" name="id"
                                           placeholder="{{ __('admin.transaction_id') }}">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="provider" class="form-label">{{ __('admin.provider') }}</label>
                                    <select class="form-select" id="provider" name="provider_id">
                                        <option value="">{{ __('admin.provider') }}</option>
                                        @foreach ($providers as $provider)
                                            <option {{ request('provider_id') == $provider->id?"selected":'' }} value="{{ $provider->id }}">{{ $provider->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="provider" class="form-label">{{ __('admin.type') }}</label>
                                    <select class="form-select" id="provider" name="type">
                                        <option value="">{{ __('admin.type') }}</option>
                                        @foreach($types as $type)
                                            <option {{ request('type') == $type ? "selected": ""}} value="{{ $type }}">{{ __('admin.'.$type) }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row justify-content-end">
                            <div class="col-md-4 text-end">
                                <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i></button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

    </div>

    <!-- Order List Table -->
    <div class="card">
        <div class="card-datatable table-responsive">
            <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer">
                <table class="table datatables-order border-top dataTable no-footer dtr-column collapsed"
                    id="DataTables_Table_0" aria-describedby="DataTables_Table_0_info" style="width: 1215px;">
                    <thead>
                        <tr>
                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1"
                                colspan="1"  aria-label="order: activate to sort column ascending">
                                {{ __('admin.transaction_id') }}</th>
                                <th class="sorting dtr-hidden" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1"
                                colspan="1"
                                aria-label="provider: activate to sort column ascending">{{ __('admin.provider') }}</th>

                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1"
                                colspan="1"  aria-label="order: activate to sort column ascending">
                                {{ __('admin.order') }}</th>
                            <th class="sorting sorting_asc" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1"
                                colspan="1"  aria-label="date: activate to sort column descending"
                                aria-sort="ascending">{{ __('admin.date') }}</th>

                            <th class="sorting dtr-hidden" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1"
                                colspan="1"
                                aria-label="status: activate to sort column ascending">{{ __('admin.type') }}
                            </th>
                            <th class="sorting_disabled dtr-hidden" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1">
                                {{ __('admin.total') }}
                            </th>

{{--                            <th class="sorting_disabled dtr-hidden" rowspan="1" colspan="1" style="width: 63px;"--}}
{{--                                aria-label="Actions">{{ __('admin.actions') }}</th>--}}
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($transactions as $transaction)
                            <tr class="odd">
                                <td class="sorting_1">
                                   #{{ $transaction->id }}
                                </td>
                                <td class="dtr-hidden">
                                    {{  $transaction->provider? $transaction->provider->name : '' }}
                                </td>
                                <td class="">
                                    #{{ $transaction->order->id ?? null }}
                                    </td>
                                    <td class="">
                                        {{ date('M d, Y h:i A', strtotime($transaction->created_at)) }}
                                    </td>
                                    <td class="dtr-hidden">
                                        {{ __('admin.'.$transaction->type) }}
                                    </td>
                                    <td class="dtr-hidden">
                                        {{ roundToNumber($transaction->total) }}
                                    </td>
{{--                                    <td class="">--}}
{{--                                        --}}{{-- <a href="{{ route('admin.transactions.show', $transaction->id) }}"--}}
{{--                                            class="btn btn-primary btn-sm"><i class="ti ti-eye"></i></a> --}}
{{--                                    </td>--}}
                            </tr>
                        @endforeach


                    </tbody>
                </table>
                {{ $transactions->links() }}
                <div style="width: 1%;"></div>
            </div>
        </div>
    </div>


@endsection