mirror of
https://github.com/ProxyPanel/ProxyPanel.git
synced 2026-04-07 04:59:36 +00:00
167927af13
- Unify pagination and total footer layout - Improve pagination display on small screens (no overflow) - Add truncated pagination with ellipsis - Standardize paginator style (Bootstrap 4)
100 lines
5.3 KiB
PHP
100 lines
5.3 KiB
PHP
@extends('user.layouts')
|
||
@section('css')
|
||
<link href="/assets/global/vendor/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
|
||
@endsection
|
||
@section('content')
|
||
<div class="page-content container">
|
||
<div class="panel">
|
||
<div class="panel-heading p-20">
|
||
<h1 class="panel-title cyan-600"><i class="icon wb-bookmark"></i>{{ trans('user.menu.invoices') }}</h1>
|
||
@if ($prepaidPlan)
|
||
<div class="panel-actions">
|
||
<button class="btn btn-primary" onclick="closePlan()">
|
||
{{ trans('common.active_item', ['attribute' => trans('common.order.status.prepaid')]) }}</button>
|
||
</div>
|
||
@endif
|
||
</div>
|
||
<div class="panel-body">
|
||
<table class="text-md-center" data-toggle="table" data-mobile-responsive="true">
|
||
<thead class="thead-default">
|
||
<tr>
|
||
<th> #</th>
|
||
<th> {{ trans('model.order.id') }} </th>
|
||
<th> {{ trans('user.shop.service') }} </th>
|
||
<th> {{ trans('user.payment.method') }} </th>
|
||
<th> {{ trans('user.invoice.amount') }} </th>
|
||
<th> {{ trans('user.bought_at') }} </th>
|
||
<th> {{ trans('common.expired_at') }} </th>
|
||
<th> {{ trans('common.status.attribute') }} </th>
|
||
<th> {{ trans('common.action') }} </th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
@foreach ($orderList as $order)
|
||
<tr>
|
||
<td>{{ $loop->iteration }}</td>
|
||
<td><a href="{{ route('invoice.show', $order->sn) }}" target="_blank">{{ $order->sn }}</a></td>
|
||
<td>{{ $order->goods->name ?? trans('user.recharge_credit') }}</td>
|
||
<td>{{ $order->pay_way === 1 ? trans('user.shop.pay_credit') : trans('user.shop.pay_online') }}</td>
|
||
<td>{{ $order->amount_tag }}</td>
|
||
<td>{{ $order->created_at }}</td>
|
||
<td>{{ empty($order->goods) || $order->goods_id === null || $order->status === 3 ? '' : $order->expired_at }}</td>
|
||
<td>{!! $order->status_label !!}</td>
|
||
<td>
|
||
<div class="btn-group">
|
||
@if ($order->status === 0 && $order->pay_way !== 1)
|
||
@if ($order->payment)
|
||
@if ($order->payment->qr_code)
|
||
<a class="btn btn-primary" href="{{ route('orderDetail', $order->payment->trade_no) }}"
|
||
target="_blank">{{ trans('user.pay') }}</a>
|
||
@elseif($order->payment->url)
|
||
<a class="btn btn-primary" href="{{ $order->payment->url }}" target="_blank">{{ trans('user.pay') }}</a>
|
||
@endif
|
||
@endif
|
||
<button class="btn btn-danger" onclick="closeOrder('{{ $order->id }}')">{{ trans('common.cancel') }}</button>
|
||
@elseif ($order->status === 1)
|
||
<button class="btn btn-primary" onClick="window.location.reload();">
|
||
<i class="icon wb-refresh" aria-hidden="true"></i></button>
|
||
@endif
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
@endforeach
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="panel-footer d-flex justify-content-end">
|
||
{{ $orderList->links() }}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
@endsection
|
||
@section('javascript')
|
||
<script src="/assets/global/vendor/bootstrap-table/bootstrap-table.min.js"></script>
|
||
<script src="/assets/global/vendor/bootstrap-table/extensions/mobile/bootstrap-table-mobile.min.js"></script>
|
||
<script>
|
||
@if ($prepaidPlan)
|
||
function closePlan() {
|
||
showConfirm({
|
||
title: '{{ trans('user.invoice.active_prepaid_question') }}',
|
||
html: `{!! trans('user.invoice.active_prepaid_tips') !!}`,
|
||
icon: 'warning',
|
||
onConfirm: function() {
|
||
ajaxPost('{{ route('invoice.activate') }}');
|
||
}
|
||
});
|
||
}
|
||
@endif
|
||
|
||
function closeOrder(id) {
|
||
showConfirm({
|
||
title: '{{ trans('common.close_item', ['attribute' => trans('user.invoice.attribute')]) }}？',
|
||
icon: 'warning',
|
||
onConfirm: function() {
|
||
ajaxPut(jsRoute('{{ route('closeOrder', 'PLACEHOLDER') }}', id));
|
||
}
|
||
});
|
||
}
|
||
</script>
|
||
@endsection
|