@extends('client.layouts.client')
@section('title', 'Tiến trình')
@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <div class="ribbon ribbon-primary ribbon-clip">ĐƠN HÀNG ĐÃ MUA</div>
            </div>
            <div class="card-body">
                {{-- Form lọc --}}
                <form action="" method="GET">
                    <div class="row mb-3">
                        <div class="col-md-1">
                            <label class="form-label text-dark">Hiển thị</label>
                            <select name="soluong" class="form-select" onchange="this.form.submit()">
                                <option value="10" {{ request()->soluong == '10' ? 'selected' : '' }}>10</option>
                                <option value="25" {{ request()->soluong == '25' ? 'selected' : '' }}>25</option>
                                <option value="50" {{ request()->soluong == '50' ? 'selected' : '' }}>50</option>
                                <option value="100" {{ request()->soluong == '100' ? 'selected' : '' }}>100</option>
                            </select>
                        </div>
                        <div class="col-md-3">
                            <label class="form-label text-dark">Từ ngày</label>
                            <input type="date" class="form-control" name="start_date" value="{{ request()->start_date }}">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label text-dark">Đến ngày</label>
                            <input type="date" class="form-control" name="end_date" value="{{ request()->end_date }}">
                        </div>
                        <div class="col-md-5">
                            <label class="form-label text-dark">Mã đơn hàng</label>
                            <div class="input-group">
                                <input type="text" class="form-control" name="order_code" value="{{ request()->order_code }}" placeholder="Nhập mã đơn hàng">
                                <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i></button>
                            </div>
                        </div>
                    </div>
                </form>

                {{-- Bảng hiển thị --}}
                <div class="dt-responsive table-responsive">
                    <table class="table table-striped table-bordered nowrap mb-3">
                        <thead>
                            <tr>
                                <th>ID đơn</th>
                                <th>Mã đơn</th>
                                <th>Thời gian</th>
                                <th>Dịch vụ / Máy chủ</th>
                                <th>Link / UID</th>
                                <th>Trạng thái</th>
                                <th>Số lượng</th>
                                <th>Bắt đầu</th>
                                <th>Đã tăng</th>
                                <th>Số tiền</th>
                                <th>Thao tác</th>
                            </tr>
                        </thead>
                        <tbody class="fw-bold">
                            @forelse ($orders as $key => $order)
                                @php
                                    $servers = $order->service->servers->where('domain', request()->getHost())->values();
                                    $index = $servers->search(fn($sv) => $sv->id == ($order->object_server ?? $order->server_id));
                                    $svLabel = $index !== false ? 'Server ' . ($index + 1) : 'Server ?';
                                    $serviceName = $order->service->name ?? 'Không tìm thấy dịch vụ';
                                @endphp
                                <tr>
                                    <td>{{ $order->id }}</td>
                                    <td>
                                        <a href="javascript:;" onclick="coppy('{{ $order->order_code }}')" class="text-success">
                                            {{ $order->order_code }} <i class="fas fa-copy"></i>
                                        </a>
                                    </td>
                                    <td>
                                        {{ $order->created_at->diffForHumans() }}<br>
                                        <small>{{ $order->created_at }}</small>
                                    </td>
                                    <td>
                                        <a href="{{ site('status_orderv1') != 'on' ? route('new') : route('service', [
                                            'platform' => $order->service->platform->slug ?? 'null',
                                            'service' => $order->service->slug ?? 'null'
                                        ]) }}">
                                            <u class="text-sky-600">{{ $serviceName }}</u>
                                        </a><br>
                                        <span class="badge bg-purple">{{ $svLabel }}</span>
                                    </td>
                                    <td>
                                        <a href="javascript:;" onclick="coppy('{{ $order->object_id }}')">{{ $order->object_id }}</a>
                                    </td>
                                    <td>
                                        {!! statusOrder($order->status, true) !!}
                                        @if(in_array($order->status, ['PendingRefundCancel','PendingRefundPartial','Refunded']))
                                            <i class="fa fa-exclamation-circle text-warning" data-bs-toggle="tooltip" title="{{ $order->error }}"></i>
                                        @endif
                                    </td>
                                    <td>{{ number_format($order->orderdata()['quantity']) }}</td>
                                    <td>{{ number_format($order->start) }}</td>
                                    <td>{{ number_format($order->buff) }}</td>
                                    <td class="text-primary">{{ number_format($order->payment) }} đ</td>
                                    <td>
                                        {{-- Hoàn tiền --}}
                                        @if (isset($order->server->action->refund_status) && $order->server->action->refund_status === 'on')
                                            <a href="javascript:;" class="btn btn-sm btn-warning" title="Hoàn tiền" onclick="refundOrder('{{ $order->order_code }}')"><i class="fas fa-undo"></i></a>
                                        @endif
                                        {{-- Bảo hành --}}
                                        @if (isset($order->server->action->warranty_status) && $order->server->action->warranty_status === 'on')
                                            <a href="javascript:;" class="btn btn-sm btn-info" title="Bảo hành" onclick="warrantyOrder('{{ $order->order_code }}')"><i class="fas fa-sync"></i></a>
                                        @endif
                                        {{-- Cập nhật --}}
                                        <a href="javascript:;" class="btn btn-sm btn-primary" title="Cập nhật" onclick="updateOrder('{{ $order->order_code }}')"><i class="fas fa-cube"></i></a>
                                        {{-- Gia hạn --}}
                                        @if (isset($order->server->action->renews_status) && $order->server->action->renews_status === 'on')
                                            <a href="javascript:;" class="btn btn-sm btn-info" title="Gia hạn" onclick="renewsOrder('{{ $order->order_code }}')"><i class="fas fa-sync"></i></a>
                                        @endif
                                        <br>
                                        <a href="{{ site('status_orderv1') != 'on' ? route('new') : route('service', [
                                            'platform' => $order->service->platform->slug ?? 'null',
                                            'service' => $order->service->slug ?? 'null'
                                        ]) }}">Đặt lại</a>
                                        -
                                        <a class="text-danger" href="{{ route('ticket') }}">Hỗ trợ</a>
                                    </td>
                                </tr>
                            @empty
                                @include('admin.components.table-search-not-found', ['colspan' => 11])
                            @endforelse
                        </tbody>
                    </table>

                    <div class="d-flex justify-content-center align-items-center mt-3">
                        {{ $orders->appends(request()->all())->links('pagination::bootstrap-4') }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/theme/lamtilo/service.js"></script>
@endsection