@extends('admin.layouts.admin')
@section('title', 'Lịch sử đơn hàng')
@section('content') 

<div class="row">
    <div class="col-md-12">
        <div class="card custom-card">
            <div class="card-header">
                <div class="ribbon ribbon-primary ribbon-clip">LỊCH SỬ TẠO ĐƠN</div>
            </div>
            <div class="card-body">
                <form action="">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group mb-3">
                                <textarea type="text" class="form-control" id="search" name="search" value="{{ request('search') }}" placeholder="Nhập nội dung cần tìm kiếm mỗi hàng 1 dòng" rows="3">{{ old('search', request('search')) }}</textarea>
                            </div>
                        </div>
                        <div class="col-md-2">
                                <div class="form-group mb-3">
                                    <select name="status" id="status" class="form-control">
                                        <option value="">Tất cả trạng thái</option>
                                        <option value="Running"
                                            {{ request('status') == 'Running' ? 'selected' : '' }}>Đang chạy</option>
                                        <option value="Processing"
                                            {{ request('status') == 'Processing' ? 'selected' : '' }}>Đang xử lý</option>
                                        <option value="Completed" {{ request('status') == 'Completed' ? 'selected' : '' }}>
                                            Hoàn thành</option>
                                        <option value="Cancelled" {{ request('status') == 'Cancelled' ? 'selected' : '' }}>
                                            Đã hủy</option>
                                        <option value="Refunded" {{ request('status') == 'Refunded' ? 'selected' : '' }}>Đã
                                            hoàn tiền</option>
                                            
                                            
                                              <option value="PendingRefundPartialy" {{ request('status') == 'PendingRefundPartial' ? 'selected' : '' }}>Đang
                                            hoàn tiền</option>  
                                            
                                        <option value="Failed" {{ request('status') == 'Failed' ? 'selected' : '' }}>Thất
                                            bại</option>
                                        <option value="Pending" {{ request('status') == 'Pending' ? 'selected' : '' }}>Chờ
                                            xử lý</option>
                                        <option value="Partially Refunded"
                                            {{ request('status') == 'Partially Refunded' ? 'selected' : '' }}>Hoàn tiền một
                                            phần</option>
                                        <option value="Partially Completed"
                                            {{ request('status') == 'Partially Completed' ? 'selected' : '' }}>Hoàn thành
                                            một phần</option>
                                    </select>
                                </div>
                            </div>
                        <div class="col-md-2">
                           <div class="form-group">
                              <select name="order_type" id="order_type" class="form-control"  >
                                  <option value="normal" {{ request('order_type') == 'normal' ? 'selected' : '' }}>- Tất cả - </option>
                                  @foreach(App\Models\Smm::get() as $smm)
                                    <option value="{{$smm->name}}" {{ request('order_type') == $smm->name ? 'selected' : '' }}>- {{$smm->name_partner}}- </option>
                                 @endforeach
                                 <option value="dontay" {{ request('order_type') == 'dontay' ? 'selected' : '' }}>- Đơn tay -</option>
                              </select>
                           </div>
                        </div>
                        <div class="col-md-2">
                           <button type="submit" class="btn btn-primary w-100">
                              <i class="ti ti-search"></i>Tìm kiếm 
                           </button>
                        </div>
                    </div>
                </form>
                <div class="table-responsive table-wrapper mb-3 table-wrapper mb-3">
                    <table class="table text-nowrap table-striped table-hover table-bordered">
                        <thead>
                            <tr>
                            	<th>Hoàn Tiền</th>
                            	<th>Ghi chú admin</th>
                                <th>Thông Tin</th>
                                <th>Thao tác</th>
                                <th>Bắt đầu</th>
                                <th>Đã chạy</th>
                                <th>Dữ liệu đối tác</th>
                                <th>Dữ liệu đơn hàng</th>
                                <th>Bình luận</th>
                                <th>Ghi chú</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if ($orders->isEmpty()) @include('admin.components.table-search-not-found', ['colspan' => 8]) @else @foreach ($orders as $order) 
                            <tr>
                            <td>
                                    <a href="javascript:;" class="btn btn-sm btn-warning" data-bs-toggle="tooltip" data-bs-placement="top" title="Hoàn tiền" onclick="refundOrders('{{ $order->order_code }}')">
                                    <i class="fas fa-undo"></i>
                                    </a>
                                </td>
<td>
                                    <textarea class="form-control" rows="3" readonly>{{ $order->note_admin }}</textarea>
                                </td>
                                <td>
                                    <ul>
                                        <li>ID: {{ $order->id }}</li>
                                        <li>Username: {{ optional($order->user)->username ?? 'Không tìm thấy tên người dùng' }}</li>
                                        <li>Mã đơn: {{ $order->order_code }}</li>
                                        <li>Trạng Thái: {!! statusOrder($order->status, true) !!}</li>
                                    </ul>
                                <td>
                                    {{-- @if ($order->status === 'Processing')
                                    <a href="{{ route('admin.order.action', ['id' => $order->id, 'action' => 'Running']) }}" class="btn btn-sm btn-success" data-bs-toggle="tooltip" data-bs-placement="top" title="Duyệt đơn"> <i class="fas fa-check"></i>
                                    </a>
                                    <a href="{{ route('admin.order.action', ['id' => $order->id, 'action' => 'Cancelled']) }}" class="btn btn-sm btn-warning" data-bs-toggle="tooltip" data-bs-placement="top" title="Huỷ đơn">
                                    <i class="fas fa-times"></i>
                                    </a> @elseif ($order->status === 'Running') <a href="{{ route('admin.order.action', ['id' => $order->id, 'action' => 'Completed']) }}" class="btn btn-sm btn-success" data-bs-toggle="tooltip" data-bs-placement="top" title="Hoàn thành">
                                    <i class="fas fa-check"></i>
                                    </a>
                                    <a href="{{ route('admin.order.action', ['id' => $order->id, 'action' => 'Cancelled']) }}" class="btn btn-sm btn-warning" data-bs-toggle="tooltip" data-bs-placement="top" title="Huỷ đơn">
                                    <i class="fas fa-times"></i>
                                    </a> @endif --}} 
                                    <form action="{{ route('admin.order.action', ['id' => $order->id]) }}" method="POST" class="d-flex flex-column align-items-center">
                                        @csrf 
                                        <div class="form-group">
                                            <select name="status" id="" class="form-control" style="width: 180px;">
                                                <option value="Running" {{ $order->status === 'Running' ? 'selected' : '' }}>Đang chạy</option>
                                            <option value="Processing" {{ $order->status === 'Processing' ? 'selected' : '' }}> Đang xử lý</option>
                                            <option value="Completed" {{ $order->status === 'Completed' ? 'selected' : '' }}> Hoàn thành</option>
                                            <option value="Cancelled" {{ $order->status === 'Cancelled' ? 'selected' : '' }}> Đã hủy</option>
                                            <option value="Refunded" {{ $order->status === 'Refunded' ? 'selected' : '' }}> Đã hoàn tiền</option>
                                            <option value="Failed" {{ $order->status === 'Failed' ? 'selected' : '' }}> Thất bại</option>
                                            <option value="Pending" {{ $order->status === 'Pending' ? 'selected' : '' }}> Chờ xử lý</option>
                                            <option value="Partially Refunded" {{ $order->status === 'Partially Refunded' ? 'selected' : '' }}> Hoàn tiền một phần</option>
                                            <option value="Partially Completed" {{ $order->status === 'Partially Completed' ? 'selected' : '' }}> Hoàn thành một phần</option>
                                            <option value="WaitingForRefund" {{ $order->status === 'WaitingForRefund' ? 'selected' : '' }}> Chờ hoàn tiền</option>
                                            <option value="Expired" {{ $order->status === 'Expired' ? 'selected' : '' }}> Hết hạn</option>
                                            <option value="Success" {{ $order->status === 'Success' ? 'selected' : '' }}> Thành công</option>
                                            <option value="Active" {{ $order->status === 'Active' ? 'selected' : '' }}> Đang hoạt động</option>
                                            </select>
                                        </div>
                                        <div class="">
                                            <button type="submit" class="btn btn-sm btn-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="Cập nhật trạng thái">
                                            <i class="fas fa-check"></i>
                                            </button>
                                        </div>
                                    </form>
                                    {{-- xoá  --}}
                                    <!-- Nút xoá với SweetAlert2 -->
<div class="d-flex justify-content-center mt-1"> 
    <button onclick="confirmDelete('{{ route('admin.order.delete', ['id' => $order->id]) }}')" 
            class="btn btn-sm btn-danger" 
            data-bs-toggle="tooltip" 
            data-bs-placement="top" 
            title="Xoá">
        <i class="fas fa-trash"></i>
    </button>
</div>
<!-- SweetAlert2 -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
    function confirmDelete(url) {
        Swal.fire({
            title: 'Bạn có chắc chắn muốn xoá?',
            text: 'Hành động này sẽ không thể hoàn tác!',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#d33',
            cancelButtonColor: '#3085d6',
            confirmButtonText: 'Xoá',
            cancelButtonText: 'Hủy'
        }).then((result) => {
            if (result.isConfirmed) {
                window.location.href = url;
            }
        });
    }
</script>

                                </td>
                                <td>
                                    <form action="{{ route('admin.order.action.start', ['id' => $order->id]) }}" method="POST" class="d-flex flex-column align-items-center">
                                        @csrf 
                                        <div class="form-group">
                                            <input name="start" value="{{ number_format((float) $order->start) }}" class="form-control" style="width: 100px;">
                                        </div>
                                        <div class="">
                                            <button type="submit" class="btn btn-sm btn-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="Cập nhật">
                                            <i class="fas fa-check"></i>
                                            </button>
                                        </div>
                                    </form>
                                </td>
                                <td>
                                    <form action="{{ route('admin.order.action.buff', ['id' => $order->id]) }}" method="POST" class="d-flex flex-column align-items-center">
                                        @csrf 
                                        <div class="form-group">
                                            <input name="buff" value="{{ number_format((float) $order->buff) }}" class="form-control" style="width: 100px;">
                                        </div>
                                        <div class="">
                                            <button type="submit" class="btn btn-sm btn-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="Cập nhật">
                                            <i class="fas fa-check"></i>
                                            </button>
                                        </div>
                                    </form>
                                </td>
                                <td>
                                    <ul>
                                        <li>Mã đối tác: {{ $order->order_id }}</li>
                                        <li>Đối tác: {{ $order->orderProviderName }}</li>
                                        <li>Máy chủ đối tác: <span class="badge bg-primary"> {{$order->orderProviderServer }}</span>
                                        </li>
                                        <li>Đường dẫn máy chủ đối tác: <span class="badge bg-primary"> {{$order->orderProviderPath }}</span>
                                        </li>
                                    </ul>
                                </td>
                                <td>
                                    <ul>
                                        <li>Đường dẫn: <a href="javascript:;" onclick="coppy('{{ $order->object_id }}')" class="text-success">{{ $order->object_id }} </a>
                                        </li>
                                        <li>Máy chủ: <span class="badge bg-primary"> {{$order->object_server }}</span>
                                        </li>
                                        <li>Dịch vụ: {{ $order->service->name ?? 'Không tìm thấy dữ liệu' }}</li>
                                        <li>Tên sản phẩm : {{ $order->server->name ?? 'Không tìm thấy dữ liệu' }}</li>
                                        <li>Số lượng: {{ number_format(json_decode($order->order_data, true)['quantity']) }}
                                        </li>
                        <!--                <li>Số lượng đơn lặp lại:  <span class="text-danger fw-bold">{{number_format($order->quantity_loop) }} </span>
                                        </li>
                                        
                                        <li>Thời gian cách vòng lặp: <span class="text-danger fw-bold"> {{number_format($order->time_loop) }} phút</span>
                                        </li>-->
                                        
                                        
                                        <li>Giá: {{ $order->price }} đ</li>
                                        <li>Thành tiền: {{ number_format($order->payment) }} đ</li>
                                        <li>Thời gian tạo: {{ $order->created_at }}</li>
                                    </ul>
                                </td>
                                <td>
                                    <textarea class="form-control" rows="3" readonly>{{ json_decode($order->order_data, true)['comments'] }}</textarea>
                                </td>
                                <td>
                                    <textarea class="form-control" rows="3" readonly>{{ $order->note }}</textarea>
                                </td>
                            </tr>
                            @endforeach @endif 
                        </tbody>
                    </table>
                    <div class="d-flex text-center align-items-center pagination-style-1 mt-3">
                        {{ $orders->appends(request()->all())->links('pagination::bootstrap-4') }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row"> @if (getDomain() == env('APP_MAIN_SITE')) @endif </div>
<div class="row">
    <div class="col-md-12">
        <div class="card custom-card">
            <div class="card-header">
                <div class="ribbon ribbon-primary ribbon-clip">LỊCH SỬ ĐƠN CẦN HOÀN</div>
            </div>
            <div class="card-body">
                <form action="">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="form-group mb-3">
                                <input type="text" class="form-control" id="search1" name="search1"
                                    value="{{ request('search1') }}" placeholder="Nhập tài khoản hoặc mã đơn hàng">
                            </div>
                        </div>
                        <div class="col-md-2">
                            <button type="submit" class="btn btn-primary w-100">
                                <i class="ti ti-search"></i> Tìm kiếm
                            </button>
                        </div>
                    </div>
                </form>

                <div class="table-responsive table-wrapper mb-3">
                    <table class="table text-nowrap table-striped table-hover table-bordered">
                        <thead>
                            <tr>
                                <th>Thông Tin</th>
                                <th>Thao tác</th>
                                <th>Bắt đầu</th>
                                <th>Đã chạy</th>
                                <th>Dữ liệu đối tác</th>
                                <th>Dữ liệu đơn hàng</th>
                                <th>Bình luận</th>
                                <th>Ghi chú</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if ($ordersrefund->isEmpty())
                                @include('admin.components.table-search-not-found', ['colspan' => 8])
                            @else
                                @foreach ($ordersrefund as $order)
                                    <tr>
                                        {{-- Thông tin --}}
                                        <td>
                                            <ul>
                                                <li>ID: {{ $order->id }}</li>
                                                <li>Username: {{ optional($order->user)->username ?? 'Không tìm thấy tên người dùng' }}</li>
                                                <li>Mã đơn: {{ $order->order_code }}</li>
                                                <li>Trạng Thái: {!! statusOrder($order->status, true) !!}</li>
                                            </ul>
                                        </td>

                                        {{-- Thao tác --}}
                                        <td>
                                            <a href="javascript:;" class="btn btn-sm btn-warning"
                                                data-bs-toggle="tooltip" data-bs-placement="top" title="Hoàn tiền"
                                                onclick="refundOrders('{{ $order->order_code }}')">
                                                <i class="fas fa-undo"></i>
                                            </a>
                                        </td>

                                        {{-- Bắt đầu --}}
                                        <td>
                                            <form action="{{ route('admin.order.action.start', ['id' => $order->id]) }}"
                                                method="POST" class="d-flex flex-column align-items-center">
                                                @csrf
                                                <div class="form-group">
                                                    <input name="start" value="{{ number_format($order->start) }}"
                                                        class="form-control" style="width: 100px;">
                                                </div>
                                                <div>
                                                    <button type="submit" class="btn btn-sm btn-primary"
                                                        data-bs-toggle="tooltip" data-bs-placement="top" title="Cập nhật">
                                                        <i class="fas fa-check"></i>
                                                    </button>
                                                </div>
                                            </form>
                                        </td>

                                        {{-- Đã chạy --}}
                                        <td>
                                            <form action="{{ route('admin.order.action.buff', ['id' => $order->id]) }}"
                                                method="POST" class="d-flex flex-column align-items-center">
                                                @csrf
                                                <div class="form-group">
                                                    <input name="buff" value="{{ number_format($order->buff) }}"
                                                        class="form-control" style="width: 100px;">
                                                </div>
                                                <div>
                                                    <button type="submit" class="btn btn-sm btn-primary"
                                                        data-bs-toggle="tooltip" data-bs-placement="top" title="Cập nhật">
                                                        <i class="fas fa-check"></i>
                                                    </button>
                                                </div>
                                            </form>
                                        </td>

                                        {{-- Dữ liệu đối tác --}}
                                        <td>
                                            <ul>
                                                <li>Mã đối tác: {{ $order->order_id }}</li>
                                                <li>Đối tác: {{ $order->orderProviderName }}</li>
                                                <li>Máy chủ đối tác: <span
                                                        class="badge bg-primary">{{ $order->orderProviderServer }}</span>
                                                </li>
                                                <li>Đường dẫn máy chủ đối tác: <span
                                                        class="badge bg-primary">{{ $order->orderProviderPath }}</span>
                                                </li>
                                            </ul>
                                        </td>

                                        {{-- Dữ liệu đơn hàng --}}
                                        <td>
                                            <ul>
                                                <li>Đường dẫn: <a href="javascript:;"
                                                        onclick="coppy('{{ $order->object_id }}')"
                                                        class="text-success">{{ $order->object_id }}</a>
                                                </li>
                                                <li>Máy chủ: <span
                                                        class="badge bg-primary">{{ $order->object_server }}</span>
                                                </li>
                                                <li>Dịch vụ: {{ $order->service->name ?? 'Không tìm thấy dữ liệu' }}</li>
                                                <li>Số lượng: {{ number_format(json_decode($order->order_data, true)['quantity']) }}
                                                </li>
                                                <li>Giá: {{ $order->price }} đ</li>
                                                <li>Thành tiền: {{ number_format($order->payment) }} đ</li>
                                                <li>Thời gian tạo: {{ $order->created_at }}</li>
                                            </ul>
                                        </td>

                                        {{-- Bình luận --}}
                                        <td>
                                            <textarea class="form-control" rows="3" readonly>{{ json_decode($order->order_data, true)['comments'] ?? '' }}</textarea>
                                        </td>

                                        {{-- Ghi chú --}}
                                        <td>
                                            <textarea class="form-control" rows="3" readonly>{{ $order->note }}</textarea>
                                        </td>
                                    </tr>
                                @endforeach
                            @endif
                        </tbody>
                    </table>

                    <div class="d-flex justify-content-center align-items-center pagination-style-1 mt-3">
                        {{ $ordersrefund->appends(request()->all())->links('pagination::bootstrap-4') }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection @section('script') <script>
    document.querySelectorAll('.status-btn').forEach(button => {
      button.addEventListener('click', function() {
        let status = this.getAttribute('data-status');
        let url = new URL(window.location.href);
        if (status) {
          url.searchParams.set('status', status);
        } else {
          url.searchParams.delete('status');
        }
        window.location.href = url.toString();
      });
    });
</script>
<script>
    function refundOrders(order_code) {
      Swal.fire({
        title: 'Xác nhận hoàn tiền ?',
        html: `
            <div class="form-group mb-3">
                <label for="note_admin">Nhập ghi chú hoàn tiền</label>
                <textarea class="form-control" rows="3" id="note_admin" name="note_admin"></textarea>
            </div>
        `,
         
        icon: 'warning',
        showCloseButton: true,
        showCancelButton: true,
        confirmButtonText: "Hoàn tiền",
        cancelButtonColor: "rgb(224, 56, 56)",
        cancelButtonText: "Hủy"
      }).then(result => {
        if (result.isConfirmed) {
        const note_admin = document.getElementById('note_admin') ? document.getElementById('note_admin').value : 'Hoàn tiền';
          $.ajax({
            url: '/admin/order/refund',
            method: 'POST',
            data: {
              order_code: order_code,
              note_admin,
              _token: $('meta[name="csrf-token"]').attr('content') // CSRF Token
            },
            dataType: 'json',
            beforeSend: function(xhr) {
              xhr.setRequestHeader('X-CSRF-TOKEN', $('meta[name="csrf-token"]').attr('content')); // Add CSRF Token to header
              Swal.fire({
                title: 'Đang xử lý...',
                showConfirmButton: false,
                allowOutsideClick: false,
                didOpen: () => {
                  Swal.showLoading();
                },
              });
            },
            success: function(response) {
              if (response.status === 'success') {
                Swal.fire({
                  icon: 'success',
                  title: "Thông báo",
                  text: response.message,
                  confirmButtonText: "Đồng ý !",
                }).then(() => {
                  window.location.reload();
                });
              } else {
                Swal.fire({
                  icon: 'error',
                  title: "Thông báo",
                  text: response.message,
                  confirmButtonText: "Đồng ý !",
                });
              }
            },
            error: function(xhr) {
              Swal.fire({
                icon: 'error',
                title: "Thông báo",
                text: xhr.responseJSON.message,
                confirmButtonText: "Đồng ý !",
              });
            }
          })
        }
      })
    }
</script> 
@endsection