@extends('client.layouts.client')
@section('content')
@section('title', $service->name . ' | ' . $platform->name)

<div class="row">
    <div class="col-md-12">
        
                <div class="row">
                    <div class="col-md-8 mb-3">
<div class="card">
           
 
            <div class="card-body">
                <h4 class="card-title text-primary mb-3">
                        <i class="ri-shopping-cart-fill"></i> {{ $platform->name}}
                    </h4>
                        <label class="form-label mb-3 fw-bold">Bạn có thể: <button style="font-size:0.8rem;"
                                type="button" class="badge bg-success border border-success" data-bs-toggle="modal"
                                data-bs-target="#ModalOrder">Mua nhiều link 1 lượt [ nhấn
                                vào đây ]</button></label>
                        <form action="{{ route('api.create.order') }}" method="POST" lamtilo-request="order">
                            <input type="hidden" name="provider_package" value="{{ $service->package }}">
                            <div class="form-group mb-3">
                                <label for="object_id" class="form-label">Link Hoặc
                                    UID:</label>
                                <div class="">
                                    <input type="text" class="form-control" id="object_id" name="object_id"
                                        placeholder="Nhập link hoặc ID cần tăng">
                                </div>

                            </div>
                            <div class="form-group mb-3">
                                <label for="" class="form-label">Máy chủ:</label>
                                <div class="mb-3">
                                    @if(site('price_sort') !== 'on')
                                    @foreach ($service->servers->where('domain',
                                    request()->getHost()) as $server)

                                    <div class="mb-0" {{ $server->visibility == "public" ? "" : "hidden" }}>









                                        <div class="form-check mb-2 d-flex align-items-start align-items-lg-center">
                                            <input type="radio" class="form-check-input" style="cursor: pointer;"
                                                name="provider_server" value="sv-{{ $server->package_id }}"
                                                id="provider-server-{{ $server->package_id }}"
                                                data-idsv="{{ $server->id }}" data-details="{{ $server->details }}"
                                                data-min="{{ $server->min }}" data-max="{{ $server->max }}"
                                                data-quantity="{{ $server->action->quantity_status }}"
                                                data-reaction="{{ $server->action->reaction_status }}"
                                                data-comment="{{ $server->action->comments_status }}"
                                                data-getuid="{{ $server->action->get_uid }}"
                                                data-minute="{{ $server->action->minutes_status }}"
                                                data-reaction_type="{{ $server->action->reaction_data ?? 'all' }}"
                                                data-comment_type="{{ $server->action->comments_data }}"
                                                data-minute_type="{{ $server->action->minutes_data }}"
                                                data-posts="{{ $server->action->posts_status }}"
                                                data-posts_type="{{ $server->action->posts_data }}"
                                                data-time="{{ $server->action->time_status }}"
                                                data-time_type="{{ $server->action->time_data }}"
                                                data-price="{{ $server->levelPrice(Auth::user()->level ?? $server->price_member) }}"
                                                data-ipt_average_time="{{ $service->orders()->where('object_server', $server->id)->selectRaw("CONCAT( FLOOR(AVG(TIMESTAMPDIFF(SECOND, created_at, updated_at)) / 3600), 'h ', FLOOR(MOD(AVG(TIMESTAMPDIFF(SECOND, created_at, updated_at)), 3600) / 60), 'm ', ROUND(MOD(AVG(TIMESTAMPDIFF(SECOND, created_at, updated_at)), 60)), 's' ) AS avg_completion_time")->limit(100)->value('avg_completion_time') }}"
                                                onclick="checkPrice()" @if ($server->status === 'inactive')
                                             disabled="">
                                             @else
                                             >
                                             @endif
                                                
                                            <!--                                                tat nut sp sep theo gia 
-->
                                            <label class="form-check-label"
                                                for="provider-server-{{ $server->package_id }}"
                                                style="cursor: pointer;">
<strong class="text-xs">[{{ $server->id }}]</strong>
                                        <span class="badge bg-purple text-xs">Server {{ $loop->iteration }}</span> -
                                        <sp class="text-sm fw-semibold">{!! $server->name !!}</sp>
                                        <span
                                            class="badge bg-primary">{{ $server->levelPrice(Auth::user()->level ?? $server->price_member) }}đ</span>
                                            
                                             @if ($server->status === 'inactive')
                                             <span class="badge bg-danger rounded">Bảo trì</span>
                                             @else
                                             
                                             <i class="fas fa-check-circle"
                                                    style="color: green; margin-left:5px;"></i>
                                             @endif
                                                
                                                @if($server->should_use == 'on')
                                                <span class="badge bg-info">Nên dùng</span>
                                                @endif



                                                @php
                                                $total = App\Models\Order::where('server_id',
                                                $server->id)->where('domain', getDomain())->count();
                                                $success = App\Models\Order::where('server_id',
                                                $server->id)->where('status', 'Success')->where('domain',
                                                getDomain())->count();
                                                $completed = App\Models\Order::where('server_id',
                                                $server->id)->where('status', 'Completed')->where('domain',
                                                getDomain())->count();
                                                @endphp
                                                
                                                
                                        @if(site('mode_status') == 'on')
                                                <div>

                                                    <span class="badge bg-secondary">Đã bán: {{ $total }}</span>
                                                    <span class="badge bg-success">Hoàn thành:
                                                        {{ $success + $completed }}</span>

                                                    @php

                                                    if($total > 0)
                                                    {

                                                    if((($success + $completed) / $total) > 0)
                                                    {
                                                    $percent = round((($success + $completed) / $total *100),2);
                                                    }
                                                    else{
                                                    $percent =0;
                                                    }
                                                    }
                                                    else{
                                                    $percent =0;
                                                    }

                                                    @endphp
                                                    <span class="badge bg-info">Tỷ lệ: {{ $percent  }}%</span>
                                                </div>

                    @endif

                                            </label>
                                        </div>
                                    </div>
                                    @endforeach
                                    <div id="informationServer"></div>
                                    @else
                                    @foreach ($service->servers->where('domain',
                                    request()->getHost())
                                    ->sortBy(function ($server) {
                                    return $server->levelPrice(Auth::user()->level ?? $server->price_member);
                                    }) as $server)

                                    <div class="mb-0" {{ $server->visibility == "public" ? "" : "hidden" }}>









                                        <div class="form-check mb-0  ">
                                            <input type="radio" class="form-check-input" style="cursor: pointer;"
                                                name="provider_server" value="sv-{{ $server->package_id }}"
                                                id="provider-server-{{ $server->package_id }}"
                                                data-idsv="{{ $server->id }}" data-details="{{ $server->details }}"
                                                data-min="{{ $server->min }}" data-max="{{ $server->max }}"
                                                data-quantity="{{ $server->action->quantity_status }}"
                                                data-reaction="{{ $server->action->reaction_status }}"
                                                data-comment="{{ $server->action->comments_status }}"
                                                data-getuid="{{ $server->action->get_uid }}"
                                                data-minute="{{ $server->action->minutes_status }}"
                                                data-reaction_type="{{ $server->action->reaction_data ?? 'all' }}"
                                                data-comment_type="{{ $server->action->comments_data }}"
                                                data-minute_type="{{ $server->action->minutes_data }}"
                                                data-posts="{{ $server->action->posts_status }}"
                                                data-posts_type="{{ $server->action->posts_data }}"
                                                data-time="{{ $server->action->time_status }}"
                                                data-time_type="{{ $server->action->time_data }}"
                                                data-price="{{ $server->levelPrice(Auth::user()->level ?? $server->price_member) }}"
                                                data-ipt_average_time="{{ $service->orders()->where('object_server', $server->id)->selectRaw("CONCAT( FLOOR(AVG(TIMESTAMPDIFF(SECOND, created_at, updated_at)) / 3600), 'h ', FLOOR(MOD(AVG(TIMESTAMPDIFF(SECOND, created_at, updated_at)), 3600) / 60), 'm ', ROUND(MOD(AVG(TIMESTAMPDIFF(SECOND, created_at, updated_at)), 60)), 's' ) AS avg_completion_time")->limit(100)->value('avg_completion_time') }}"
                                                onclick="checkPrice()" >

                                            <label class="form-check-label"
                                                for="provider-server-{{ $server->package_id }}"
                                                style="cursor: pointer;">

                                                <span class="fw-semibold">[{{ $server->id  }}] <b class=" fw-bold">
                                                        SV{{ $server->package_id }}
                                                    </b> - {!! ucwords($server->name) !!} -</span>
                                                <span
                                                    class="text-danger   fw-bold">{{ $server->levelPrice(Auth::user()->level ?? $server->price_member) }}đ</span>
                                                <i class="fas fa-check-circle"
                                                    style="color: green; margin-left:5px;"></i>


                                                @if($server->should_use == 'on')
                                                <span class="badge bg-info				">Nên dùng</span>
                                                @endif
                                                @php
                                                $total = App\Models\Order::where('server_id',
                                                $server->id)->where('domain', getDomain())->count();
                                                $success = App\Models\Order::where('server_id',
                                                $server->id)->where('status', 'Success')->where('domain',
                                                getDomain())->count();
                                                $completed = App\Models\Order::where('server_id',
                                                $server->id)->where('status', 'Completed')->where('domain',
                                                getDomain())->count();
                                                @endphp
                                                @if(site('mode_status') == 'on')
                                                <div>
                                                    <style>
                                                    .bg-messenger {
                                                        background-color: #0084FF !important;
                                                        /* Màu xanh Messenger */
                                                        color: white !important;
                                                        /* Màu chữ trắng để dễ đọc */
                                                    }
                                                    </style>
                                    
                                                    <span class=" badge bg-secondary 	">Đã bán:
                                                        {{ $total }}</span>
                                                    <span class="badge bg-success">Hoàn thành:
                                                        {{ $success + $completed }}</span>

                                                    @php

                                                    if($total > 0)
                                                    {

                                                    if((($success + $completed) / $total) > 0)
                                                    {
                                                    $percent = round((($success + $completed) / $total *100),2);
                                                    }
                                                    else{
                                                    $percent =0;
                                                    }
                                                    }
                                                    else{
                                                    $percent =0;
                                                    }

                                                    @endphp
                                                    <span class="badge bg-info">Tỷ lệ: {{ $percent  }}%</span>
                                                </div>
                                        @endif


                                            </label>
                                        </div>
                                    </div>
                                    @endforeach
                                    <div id="informationServer"></div>
                                    @endif
                                </div>
                            </div>
                            <div id="ipt_average_time"></div>
                            <div class="form-group mb-3  reactions" id="reactions_type" style="display: none;">
                                <label class="form-label fw-bold col-md-3">Cảm xúc:</label>
                                <div class="mt-3">
                                    <div class=" form-check form-check-inline">
                                        <label class="form-check-label " for="reaction0">
                                            <input class="form-check-input checkbox d-none" type="radio"
                                                data-prices="101" id="reaction0" name="reaction" value="like"
                                                checked="">
                                            <img src="/theme/lamtilo/reaction/like.png" alt="image"
                                                class="d-block ml-2 rounded-circle" width="35">
                                        </label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <label class="form-check-label " for="reaction1">
                                            <input class="form-check-input checkbox d-none" type="radio"
                                                data-prices="100" id="reaction1" name="reaction" value="love">
                                            <img src="/theme/lamtilo/reaction/love.png" alt="image"
                                                class="d-block ml-2 rounded-circle" width="35">
                                        </label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <label class="form-check-label " for="reaction2">
                                            <input class="form-check-input checkbox d-none" type="radio"
                                                data-prices="100" id="reaction2" name="reaction" value="care">
                                            <img src="/theme/lamtilo/reaction/care.png" alt="image"
                                                class="d-block ml-2 rounded-circle" width="35">
                                        </label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <label class="form-check-label " for="reaction3">
                                            <input class="form-check-input checkbox d-none" type="radio"
                                                data-prices="100" id="reaction3" name="reaction" value="haha">
                                            <img src="/theme/lamtilo/reaction/haha.png" alt="image"
                                                class="d-block ml-2 rounded-circle" width="35">
                                        </label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <label class="form-check-label " for="reaction4">
                                            <input class="form-check-input checkbox d-none" type="radio"
                                                data-prices="100" id="reaction4" name="reaction" value="wow">
                                            <img src="/theme/lamtilo/reaction/wow.png" alt="image"
                                                class="d-block ml-2 rounded-circle" width="35">
                                        </label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <label class="form-check-label " for="reaction6">
                                            <input class="form-check-input checkbox d-none" type="radio"
                                                data-prices="100" id="reaction6" name="reaction" value="sad">
                                            <img src="/theme/lamtilo/reaction/sad.png" alt="image"
                                                class="d-block ml-2 rounded-circle" width="35">
                                        </label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <label class="form-check-label " for="reaction7">
                                            <input class="form-check-input checkbox d-none" type="radio"
                                                data-prices="100" id="reaction7" name="reaction" value="angry">
                                            <img src="/theme/lamtilo/reaction/angry.png" alt="image"
                                                class="d-block ml-2 rounded-circle" width="35">
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group mb-3  comments" id="comments_type" style="display: none;">
                                <label for="comments" class="form-label">
                                    Nội dung bình luận: <span id="counter_comment"
                                        class="badge bg-success py-1">0</span>
                                    <span id="quantity_limitss">(0 ~ 0)</span>
                                </label>
                                <div class="">
                                    <textarea class="form-control" name="comments" id="comments" rows="3"
                                        placeholder="Nhập mỗi dòng là một bình luận" onkeyup="checkPrice()"></textarea>
                                    <div class="alert alert-danger mt-1 mb-0" id="">
                                        <strong>Lưu ý:</strong> Nếu bạn nhập nhiều bình luận, hệ thống sẽ chọn
                                        ngẫu
                                        nhiên 1 bình
                                        luận trong số đó để tăng<br>Các ngôn từ bị cấm: dm|đm|đ m|d m|địt mẹ|dit
                                        me|lol|lừađảo|conchó|trảtiền|mấtdạy|lừa đảo| con chó|trả tiền|mất
                                        dạy|lua
                                        dao|con cho|tra tien|mat day
                                    </div>
                                </div>

                            </div>
                            <div class="form-group mb-3 minute" id="minute_type" style="display: none;">
                                <label for="minute" class="form-label">Số phút</label>
                                <div class="">
                                    <select name="minutes" class="form-select" onchange="checkPrice()">
                                        <option value="15">15 phút</option>
                                        <option value="30">30 phút</option>
                                        <option value="60">60 phút</option>
                                        <option value="90">90 phút</option>
                                        <option value="120">120 phút</option>
                                        <option value="150">150 phút</option>
                                        <option value="180">180 phút</option>
                                        <option value="210">210 phút</option>
                                        <option value="240">240 phút</option>
                                        <option value="270">270 phút</option>
                                        <option value="300">300 phút</option>
                                    </select>
                                </div>
                            </div>


                            <div class="form-group mb-3 " id="time_type" style="display: none;">
                                <label for="duration" class="form-label">Thời gian
                                    thuê:</label>
                                <div class="">
                                    <select name="duration" id="duration" class="form-select" onchange="checkPrice()">

                                        <option value="7">7 Ngày</option>
                                        <option value="15">15 Ngày</option>

                                        <option value="30">30 Ngày</option>
                                        <option value="60">60 Ngày</option>
                                        <option value="90">90 Ngày</option>
                                        <option value="120">120 Ngày</option>
                                        <option value="150">150 Ngày</option>
                                        <option value="180">180 Ngày</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group mb-3 " id="posts_type" style="display: none;">
                                <label for="posts" class="form-label">Số bài viết:</label>
                                <div class="">
                                    <select name="posts" id="posts" class="form-select" onchange="checkPrice();">

                                        <option value="5">5 Bài viết</option>
                                        <option value="10">10 Bài viết</option>
                                        <option value="20">20 Bài viết</option>
                                        <option value="30">30 Bài viết</option>
                                        <option value="40">40 Bài viết</option>
                                        <option value="50">50 Bài viết</option>
                                        <option value="60">60 Bài viết</option>

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



                            <div class="form-group mb-3  quantity" id="quantity_type">
                                <label for="quantity" class="form-label">Số lượng: <span
                                        id="quantity_limit">(0 ~ 0)</span></label>
                                <div class="">
                                    <input type="number" class="form-control" id="quantity" name="quantity" value=""
                                        onkeyup="checkPrice()" placeholder="Nhập số lượng" list="suggestions ">

                                </div>
                            </div>

                            <div class="form-group mb-3">
                                <label for="voucher" class="form-label">Mã giảm giá:</label>
                                <div class="">
                                    <input type="text" class="form-control" id="voucher" name="voucher"
                                        placeholder="Nhập mã giảm giá (Nếu có)">
                                </div>
                            </div>

                            <div class="form-group mb-3">
                                <label for="note" class="form-label">Ghi chú:</label>
                                <div class="">
                                    <textarea class="form-control" name="note" id="note" rows="3"
                                        placeholder="Nhập ghi chú nếu cần"></textarea>
                                </div>

                            </div>

                        <div class="alert bg-primary">
                            <div class="text-center">
                                <h6 class="text-white fs-5">Tổng thanh toán: <span id="total_pay"
                                        class="text-danger fw-bold">0</span> VNĐ</h6>
                                <p class="text-white mb-0 fs-6" id="text-order">Bạn sẽ tăng <span class="text-warning"
                                            id="total_quantity">0</span>
                                        số
                                        lượng với giá <span class="text-warning" id="current_price">0</span> đ
                                    </p>
                                 
                            </div>
                        </div>
                         
                            <div class="form-group">
                              
                                <button type="submit" id="countdown"
                                    class="btn btn-primary w-100 d-flex align-items-center justify-content-center gap-2">
                                    <i class="fas fa-shopping-cart"></i>
                                    <span>Tạo đơn hàng</span>
                                </button>
                             
                            </div>
                        </form>
                    </div>
                    </div>
        </div>
        <div class="col-md-4 mb-3">
           
            <div class="alert alert-warning mb-3">
             <h6 class="text-dark text-uppercase text-center fw-bold mb-2"> Ghi Chú Quan Trọng – Nên Đọc Tránh Mất Tiền</h6>
            <div class="px-2" style="font-size: 14px;">
                {!! nl2br(e($service->note)) !!}
            </div>
                
            </div>
        
         <div class="alert bg-danger text-white ">
                <div class="card-header py-3 fs-6 bg-danger text-white">
                    <h6 class="card-title">Lưu ý</h6>
                </div>
                <div class="card-body px-3" style="font-size: 14px;">
            {!! nl2br(e($service->details)) !!}
        </div>
            </div>
        
                    </div>

                </div>


            
    </div>
</div>
<div class="row">
    <div class="col-md-12 col-lg-12 col-xl-12">
        <div class="card shadow">
                <div class="card-body">
                    <h4 class="card-title mb-3">Lịch sử tạo đơn</h4>
        <form action="">
            <div class="mb-3 row">
                <div class="col-md-1">
                    <form action="">
                        <div class="row">
                            <div class="form-group">
                                <label for="start_date" class="form-label fw-bold">Hiển
                                    thị</label>
                                <select name="soluong" id="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>
                    </form>
                </div>
                <div class="col-md-6 col-lg-3">
                    <div class="form-group">
                        <label for="start_date" class="form-label fw-bold">Từ ngày</label>
                        <input type="date" class="form-control" id="start_date" name="start_date"
                            value="{{ request()->start_date }}">
                    </div>
                </div>
                <div class="col-md-6 col-lg-3">
                    <div class="form-group">
                        <label for="end_date" class="form-label fw-bold">Đến ngày</label>
                        <input type="date" class="form-control" id="end_date" name="end_date"
                            value="{{ request()->end_date }}">
                    </div>
                </div>
                <div class="col-md-6 col-lg-3">
                    <div class="form-group">
                        <label for="status" class="form-label fw-bold">Trạng thái</label>
                        <select name="status" id="status" class="form-select">
                            <option value="">Tất cả</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="Failed" {{ request()->status === 'Failed' ? 'selected' : '' }}>Thất
                                bại</option>
                            <option value="Pending" {{ request()->status === 'Pending' ? 'selected' : '' }}>
                                Chờ xử lý</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-6 col-lg-2">
                    <div>
                        <label for="order_code" class="form-label fw-bold">Mã đơn hàng</label>
                        <div class="input-group">
                            <input type="text" class="form-control" id="order_code" name="order_code"
                                value="{{ request()->order_code }}" placeholder="Nhập mã đơn hàng">
                            <button type="submit" class="btn btn-primary d-flex align-items-center">
                                <i class="fas fa-search"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
        <div class="table-responsive">
            <table class="table table-striped table-bordered table-hover fw-bold mb-3">
                <thead>
                    <tr>
                        <th>STT</th>
                        <th>Thao tác</th>
                        <th>Mã gói</th>
                        <th>Mã đơn hàng</th>
                        <th>LINK/UID</th>
                        <th>Máy chủ</th>
                        
                        <th>Số lượng</th>
                         
                        @if ($service->reaction_status === 'on')
                        <th>Cảm xúc</th>
                        @endif
                        @if ($service->comments_status === 'on')
                        <th>Bình luận</th>
                        @endif
                        @if ($service->minute_status === 'on')
                        <th>Số phút</th>
                        @endif
                        @if ($service->time_status === 'on')
                        <th>Số ngày</th>
                        <th>Còn lại</th>
                        @endif
                        
                        
                        {{-- @if ($service->posts_status === 'on')
                                            <th>Bài viết/Ngày</th>
                                            @endif --}}
                        @if ($service->time_status !== 'on')
                        <th>Ban đầu</th>
                        <th>Đã tăng</th>
                        @endif
                        <th>Trạng thái</th>
                        <th>Giá tiền</th>
                        <th>Thanh toán</th>
                        <th>Cập nhật</th>
                        <th>Thời gian tạo</th>
                        <th>Ghi chú</th>
                    </tr>
                </thead>
                <tbody class="fw-bold">
                    @if ($orders->isEmpty())
                    @include('admin.components.table-search-not-found', ['colspan' => 20])
                    @else
                    @foreach ($orders as $order)
                    <tr>
                        <td>{{ $order->id }}</td>
                        <td class="">
                            <div class="d-flex align-items-center gap-1">
                                @if (
                                $order->status !== 'Completed' &&
                                $order->status !== 'Refunded' &&
                                $order->status !== 'Cancelled' &&
                                $order->status !== 'Failed' &&
                                $order->status !== 'WaitingForRefund' &&
                                $order->status !== 'WaitingForRefund' &&
                                $order->status !== 'Failed' &&
                                $order->status !== 'Partially Refunded' &&
                                $order->status !== 'Partially Completed'
                                )
                                {{-- 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" data-bs-toggle="tooltip"
                                    data-bs-placement="top" title="Hoàn tiền"
                                    onclick="refundOrder('{{ $order->order_code }}')">
                                    <i class="fas fa-undo"></i>
                                    @endif

                                    {{-- Hoàn tiền --}}
                                    @if (isset($order->server->action->up_status) &&
                                    $order->server->action->up_status === 'on')
                                    <a href="javascript:;" class="btn btn-sm btn-primary" data-bs-toggle="tooltip"
                                        data-bs-placement="top" title="Tăng tốc"
                                        onclick="upOrder('{{ $order->order_code }}')">
                                        <i class="fa fa-level-up"></i>
                                        @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" data-bs-toggle="tooltip"
                                            data-bs-placement="top" title="Bảo hành"
                                            onclick="warrantyOrder('{{ $order->order_code }}')">
                                            <i class="fas fa-sync"></i>
                                        </a>
                                        @endif
                                        {{-- Cập nhật --}}
                                        @endif
                                        <a href="javascript:;" class="btn btn-sm btn-primary" data-bs-toggle="tooltip"
                                            data-bs-placement="top" title="Cập nhật"
                                            onclick="updateOrder('{{ $order->order_code }}')">
                                            <i class="fas fa-cube"></i>
                                        </a>
                                        {{-- bảo hành --}}
                                        @if (isset($order->server->action->renews_status) &&
                                        $order->server->action->renews_status === 'on')
                                        <a href="javascript:;" class="btn btn-sm btn-info" data-bs-toggle="tooltip"
                                            data-bs-placement="top" title="Gia hạn"
                                            onclick="renewsOrder('{{ $order->order_code }}')">
                                            <i class="fas fa-sync"></i>
                                        </a>
                                        @endif
                            </div>
                        </td>
                        <td>{{ $order->service->package }}</td>
                        <td> <a href="javascript:;" onclick="coppy('{{ $order->order_code }}')"
                                class="text-success">{{ $order->order_code }} </a></td>
                        <td>
                            <a href="javascript:;"
                                onclick="coppy('{{ $order->object_id }}')">{{ $order->object_id }}</a>
                        </td>
<td>
    @php
        $servers = $service->servers->where('domain', request()->getHost())->values();
        $index = $servers->search(function($sv) use ($order) {
            return $sv->id == ($order->object_server ?? $order->server_id);
        });
    @endphp

    <span class="badge bg-purple">
        {{ $index !== false ? 'Server ' . ($index + 1) : 'Server?' }}
    </span>
</td>


                         
                        <td class="text-danger">
                            {{ number_format($order->orderdata()['quantity']) }}
                        </td>
                        
                        @if ($service->reaction_status === 'on')
                        <td>
                            <div class=" form-check form-check-inline">
                                <label class="form-check-label " for="reaction0">
                                    <input class="form-check-input checkbox d-none" type="radio" data-prices="101"
                                        id="reaction0" name="reaction" value="{{ $order->orderdata()['reaction'] }}"
                                        checked="">
                                    <img src="/assets/pack-lamtilo/reaction/{{ $order->orderdata()['reaction'] }}.png"
                                        alt="image" class="d-block ml-2 rounded-circle" width="35">
                                </label>
                            </div>
                        </td>
                        @endif
                        @if ($service->comments_status === 'on')
                        <td>
                            <textarea class="form-control note" rows="3"
                                readonly>{{ $order->orderdata()['comments'] }}</textarea>
                        </td>
                        @endif
                        @if ($service->minute_status === 'on')
                        <td>{{ $order->orderdata()['minute'] }} phút</td>
                        @endif
                        @if ($service->time_status === 'on')
                        <td>{{ $order->orderdata()['duration'] }} ngày</td>
                        <td>{{ remainingDays($order->time, $order->remaining, true) }}
                        </td>
                        @endif
                        {{-- @if ($service->posts_status === 'on')
                                            <td>{{ $order->posts ?? 0 }}/{{ $order->orderdata()['posts'] }}</td>
                        @endif --}}
                        @if ($service->time_status !== 'on')
                        <td class="text-primary">
    {{ number_format((float) $order->start) }}
</td>
                        <td class="text-success">
    {{ number_format((float) $order->buff) }}
</td>
                        @endif
                        <td>
                            {!! statusOrder($order->status, true) !!}
                        </td>
                        <td><span class="badge bg-danger">{{ $order->price }} đ</span></td>
                        <td>
                             <span class="badge bg-warning">
        {{ number_format((float) $order->payment) }} đ
    </span>
                        </td>
                        <td class="text-success">{{ $order->updated_at->diffForHumans() }}</td>
                        <td>{{ $order->created_at }}</td>
                        <td>
                            <textarea class="form-control note" rows="3" readonly>{{ $order->note }}</textarea>
                        </td>
                    </tr>
                    @endforeach
                    @endif
                </tbody>
            </table>
            <div class="d-flex justify-content-center align-items-center">
                {{ $orders->appends(request()->all())->links('pagination::bootstrap-4') }}
            </div>
        </div>
    </div>
</div>
</div>
</div>
 



<div class="modal fade" id="ModalOrder" tabindex="-1" aria-labelledby="ModalOrderLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title font-semibold text-default-900 " id="ModalOrderLabel">Mua nhiều ID</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div id="form_multiple_order" class="table-responsive">
                    <div class="mb-3">
                        <div class="form-group"> <label
                                class="text-base/normal font-semibold text-default-900 form-label"> Nhập ID hoặc
                                Link
                                tùy theo gói : <b><span style="color: red" id="multiple_object_id_count">0</span></b>
                            </label> <textarea style="height: 200px" onkeyup="countLines()" class="form-control"
                                name="multiple_object_id"
                                placeholder="link 1&#10;link 2&#10;link 3&#10;link 4&#10;link 5"></textarea>
                        </div>
                    </div>
                    <div class="form-row row mt-1">
                        <div class="col-md-6"> <label
                                class="text-base/normal font-semibold text-default-900 form-label">Chọn
                                gói</label>
                            <select class="form-control " name="servicesNames" id="servicesNames"
                                onchange="checkOrderPrice();">
                                <option value="">----Chọn gói-----</option>
                                @foreach ($service->servers->where('visibility', 'public')->where('domain',
                                request()->getHost()) as $server)

                                <option data-id="{{ $server->id }}" value="sv-{{ $server->package_id }}"
                                    id="provider-server-{{ $server->package_id }}"
                                    data-orderstatus="{{ $server->order_free }}"
                                    data-orderlimit="{{ $server->order_limit }}"
                                    data-orderpayment="{{ $server->order_payment }}"
                                    data-details="{{ $server->details }}" data-min="{{ $server->min }}"
                                    data-max="{{ $server->max }}" data-quantity="{{ $server->action->quantity_status }}"
                                    data-reaction="{{ $server->action->reaction_status }}"
                                    data-comment="{{ $server->action->comments_status }}"
                                    data-getuid="{{ $server->action->get_uid }}"
                                    data-minute="{{ $server->action->minutes_status }}"
                                    data-reaction_type="{{ $server->action->reaction_data ?? 'all' }}"
                                    data-comment_type="{{ $server->action->comments_data }}"
                                    data-minute_type="{{ $server->action->minutes_data }}"
                                    data-posts="{{ $server->action->posts_status }}"
                                    data-posts_type="{{ $server->action->posts_data }}"
                                    data-time="{{ $server->action->time_status }}"
                                    data-time_type="{{ $server->action->time_data }}"
                                    data-price="{{ $server->levelPrice(Auth::user()->level) }}"
                                    onclick="checkOrderPrice()">
                                    ID:
                                    {{ $server->id }} - Server
                                    {{ $server->package_id }} - {!! ucwords($server['name']) !!} <span>
                                        {{ $server->levelPrice(Auth::user()->level) }} Coin </span>
                                    <span class="text-yellow-600">
                                        (@if ($server->status === 'active')
                                        <span>Hoạt Động</span>
                                        @else
                                        <span>Bảo Trì</span>
                                        @endif)</span>
                                </option>

                                @endforeach

                            </select>
                        </div>
                        <div class="col-md-6 mb-3">

                            <label class="form-label">Số Lượng ( <span id="min_quantity1">100</span> ~
                                <span id="max_quantity1">100,000</span> )</label>

                            <input class="form-control" name="multiple_quantity" id="multiple_quantity"
                                onkeyup="checkOrderPrice();" placeholder="Nhập số lượng...">

                        </div>



                    </div>

                    <div class="form-group mb-3 " id="times_type" style="display: none;">
                        <label for="day" class="form-label">Thời gian thuê:</label>
                        <div class="">
                            <select name="day" id="day" class="form-select">
                                <option value="1">1 Ngày</option>
                                <option value="7">7 Ngày</option>
                                <option value="15">15 Ngày</option>

                                <option value="30">30 Ngày</option>
                                <option value="60">60 Ngày</option>
                                <option value="90">90 Ngày</option>
                                <option value="120">120 Ngày</option>
                                <option value="150">150 Ngày</option>
                                <option value="180">180 Ngày</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group mb-3 " id="post_type" style="display: none;">
                        <label for="post_day" class="form-label">Số bài viết:</label>
                        <div class="">
                            <select name="post_day" id="post_day" class="form-select">
<option value="1">1 Bài viết</option>
                                <option value="5">5 Bài viết</option>
                                <option value="10">10 Bài viết</option>
                                <option value="20">20 Bài viết</option>
                                <option value="30">30 Bài viết</option>
                                <option value="40">40 Bài viết</option>
                                <option value="50">50 Bài viết</option>
                                <option value="60">60 Bài viết</option>

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

                    <div class="form-group    react" id="reaction_type" style="display: none;">
                        <label class="form-label   ">Cảm xúc:</label>

                        <div class="mt-3">
                            <div class=" form-check form-check-inline">
                                <label class="form-check-label " for="reaction01">
                                    <input class="form-check-input checkbox d-none" type="radio" data-prices="101"
                                        id="reaction01" name="mutilreaction" value="like" checked="">
                                    <img src="{{ asset('assets/pack-lamtilo/reaction/like.png') }}" alt="image"
                                        class="d-block ml-2 rounded-circle" width="30">
                                </label>
                            </div>
                            <div class="form-check form-check-inline">
                                <label class="form-check-label " for="reaction1_1">
                                    <input class="form-check-input checkbox d-none" type="radio" data-prices="100"
                                        id="reaction1_1" name="mutilreaction" value="love">
                                    <img src="{{ asset('assets/pack-lamtilo/reaction/love.png') }}" alt="image"
                                        class="d-block ml-2 rounded-circle" width="30">
                                </label>
                            </div>
                            <div class="form-check form-check-inline">
                                <label class="form-check-label " for="reaction2_2">
                                    <input class="form-check-input checkbox d-none" type="radio" data-prices="100"
                                        id="reaction2_2" name="mutilreaction" value="care">
                                    <img src="{{ asset('assets/pack-lamtilo/reaction/care.png') }}" alt="image"
                                        class="d-block ml-2 rounded-circle" width="30">
                                </label>
                            </div>
                            <div class="form-check form-check-inline">
                                <label class="form-check-label " for="reaction3_3">
                                    <input class="form-check-input checkbox d-none" type="radio" data-prices="100"
                                        id="reaction3_3" name="mutilreaction" value="haha">
                                    <img src="{{ asset('assets/pack-lamtilo/reaction/haha.png') }}" alt="image"
                                        class="d-block ml-2 rounded-circle" width="30">
                                </label>
                            </div>
                            <div class="form-check form-check-inline">
                                <label class="form-check-label " for="reaction4_4">
                                    <input class="form-check-input checkbox d-none" type="radio" data-prices="100"
                                        id="reaction4_4" name="mutilreaction" value="wow">
                                    <img src="{{ asset('assets/pack-lamtilo/reaction/wow.png') }}" alt="image"
                                        class="d-block ml-2 rounded-circle" width="30">
                                </label>
                            </div>
                            <div class="form-check form-check-inline">
                                <label class="form-check-label " for="reaction6_6">
                                    <input class="form-check-input checkbox d-none" type="radio" data-prices="100"
                                        id="reaction6_6" name="mutilreaction" value="sad">
                                    <img src="{{ asset('assets/pack-lamtilo/reaction/sad.png') }}" alt="image"
                                        class="d-block ml-2 rounded-circle" width="30">
                                </label>
                            </div>
                            <div class="form-check form-check-inline">
                                <label class="form-check-label " for="reaction7_7">
                                    <input class="form-check-input checkbox d-none" type="radio" data-prices="100"
                                        id="reaction7_7" name="mutilreaction" value="angry">
                                    <img src="{{ asset('assets/pack-lamtilo/reaction/angry.png') }}" alt="image"
                                        class="d-block ml-2 rounded-circle" width="30">
                                </label>
                            </div>

                        </div>
                    </div>
                    <div class="row">
                        <div id="inforLimit"></div>
                        <div class="col-md-12">
                            <div class="alert alert-warning" id="inforServer" style="display: none"></div>

                        </div>
                    </div> <button onclick="addFormMultiple()" type="button" id="multiple_btn_add_cart"
                        class="py-2 px-5 my-4 inline-block font-semibold tracking-wide border align-middle duration-500 text-sm text-center bg-success hover:bg-emerald-700 border-emerald-600 hover:border-emerald-700 text-white rounded">
                        Thêm vào giỏ hàng </button>
                </div>
                <!-- Danh sách đơn hàng -->
                <div id="list_order">
                    <div class="table-responsive" style="max-height: 400px; overflow-y: auto;">
                        <div class=" my-3 inline-flex items-center border border-yellow-600/20 bg-yellow-600/10 text-sm text-yellow-600 rounded-md px-4 py-3 w-full"
                            role="alert"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                stroke-linecap="round" stroke-linejoin="round" data-lucide="alert-triangle"
                                class="lucide lucide-alert-triangle h-4 w-4 me-2">
                                <path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z">
                                </path>
                                <path d="M12 9v4"></path>
                                <path d="M12 17h.01"></path>
                            </svg> <span><b>Lưu ý:</b> Tick chọn đơn hàng muốn tăng trước khi mua</span> </div>
                        <table class="table align-middle mb-0">
                            <thead class="table-light  sticky top-0">
                                <tr>
                                    <th scope="col">
                                        <div class="form-check"> <input class="form-check-input" type="checkbox"
                                                value="" onchange="checkAll(this)" id="responsivetableCheck">
                                            <label class="form-check-label" for="responsivetableCheck"></label>
                                        </div>
                                    </th>
                                    <th style="width: 120px">Thao tác</th>
                                    <th scope="col" style="width: 150px">Trạng thái</th>

                                    <th style="width: 150px">Link mua</th>
                                    <th style="width: 150px">Số lượng</th>
                                    <th scope="col">Giá</th>
                                    <th scope="col">Tổng</th>
                                    <th scope="col">Máy chủ</th>
                                    <th scope="col">Tên máy chủ</th>
                                    <th scope="col">Cảm xúc</th>
                                    <th scope="col">Thời gian thuê</th>
                                    <th scope="col">Số bài viết / Ngày</th>
                                </tr>
                            </thead>
                            <tbody id="tbody_multiple_list_order"> </tbody>
                        </table>
                    </div>
                    <div class="text-end mt-3"> <button onclick="deleteAllOrders()" type="button"
                            class="py-2 px-5 inline-block font-semibold tracking-wide border align-middle duration-500 text-sm text-center bg-primary hover:bg-gray-700 border-gray-600 hover:border-gray-700 text-white rounded">
                            Xóa tất cả đơn </button> <button onclick="deleteSelectedOrders()" type="button"
                            class="py-2 px-5 inline-block font-semibold tracking-wide border align-middle duration-500 text-sm text-center bg-secondary hover:bg-orange-600 border-orange-500 hover:border-orange-600 text-white rounded">
                            Xóa đơn đã chọn </button> </div>
                </div>
            </div>
            <div class="modal-footer">
                <div>
                    <p> Tổng số lượng mua : <b class="text-danger" id="multiple_total_quantity">0</b><br> Tổng
                        số đơn : <b class="text-danger" id="multiple_total_order">0</b><br> Tổng tiền : <b
                            class="text-danger" id="multiple_total_coin">0</b><br> </p>
                </div>
                <div> <button type="button" data-bs-dismiss="modal"
                        class="py-2 px-5 my-4 inline-block font-semibold tracking-wide border align-middle duration-500 text-sm text-center bg-danger hover:bg-red-700 border-red-600 hover:border-red-700 text-white rounded">
                        Thoát </button> <button onclick="stopBuyingOrders()" type="button" id="multiple_btn_stop_buy"
                        class="py-2 px-5 inline-block font-semibold tracking-wide border align-middle duration-500 text-sm text-center bg-warning hover:bg-yellow-600 border-yellow-500 hover:border-yellow-600 text-white rounded">
                        Dừng mua </button> <button type="button" onclick="buyMultipleOrder()" id="multiple_btn_buy"
                        class="py-2 px-5 my-4 inline-block font-semibold tracking-wide border align-middle duration-500 text-sm text-center bg-success hover:bg-green-700 border-emerald-600 hover:border-emerald-700 text-white rounded">
                        Mua đơn đã chọn </button> </div>
            </div>
        </div>
    </div>
</div>

@endsection
@section('script')

<script type="application/javascript">
function showEl1m(elm, status) {
    if (status === 'on') {

        elm.show();
    } else {
        elm.hide();
    }

}

function showReaction1() {
    const provider_server = $('#servicesNames option:selected');
    const reaction_type = provider_server.data('reaction_type');
    const reactionss = $('[name="mutilreaction"]');
    if (reaction_type === 'all' || reaction_type === 'ALL') {
        reactionss.each(function() {
            $(this).parent().show();
        });
    } else {
        try {
            const reaction_types = reaction_type.split(',').map(item => item.toLowerCase()
                .trim()); // Loại bỏ khoảng trắng thừa

            reactionss.each(function() {
                try {
                    const reactionValue = $(this).val();
                    if (reaction_types.includes(reactionValue)) {
                        $(this).parent().show();
                    } else {
                        $(this).parent().hide();
                    }
                } catch (innerError) {
                    console.error("Lỗi khi xử lý từng phần tử reaction:", innerError);
                }
            });
        } catch (error) {
            console.error("Lỗi khi xử lý reaction_type:", error);
        }


    }
}
const provider_package = "{{ $service->package }}";

function checkOrderPrice() {
    const provider_server = $('#servicesNames option:selected');
    let price = provider_server.data('price');

    if (price !== 0 && !price) return;
    showEl1m($('#reaction_type'), provider_server.data('reaction'));

    showEl1m($('#times_type'), provider_server.data('time'));

    showEl1m($('#post_type'), provider_server.data('posts'));
    showReaction1();
    $("#min_quantity1").html(Intl.NumberFormat("en-US").format(provider_server.data("min") || 0));
    $("#max_quantity1").html(Intl.NumberFormat("en-US").format(provider_server.data("max") || 0));
    let detail = provider_server.data('details');
    if (detail) {
        $("#inforServer").html(detail).show();
    } else {
        $("#inforServer").hide();
    }
    if (provider_server.data('orderstatus') === 'on') {

        $('#inforLimit').html(`<ul>
                <li>Số dư tối thiểu để có thể đặt hàng: <b><i>${Intl.NumberFormat().format(provider_server.data('orderpayment'))} VND </i></b></li>
                <li>Tối đa số đơn hàng trên từng tài khoản: <b><i>${Intl.NumberFormat().format(provider_server.data('orderlimit'))} </i></b></li>
            </ul>`);
    } else {
        $('#inforLimit').html('');

    }


}


let addOrder = 1;
let inProgress = false;
let buyingActive = true;

/* Đếm số dòng trong textarea */
const countLines = () => {
    const textarea = document.querySelector('textarea[name="multiple_object_id"]');
    const lines = textarea.value.split('\n').filter(line => line.trim() !== '');
    document.getElementById('multiple_object_id_count').textContent = lines.length;
};

/* Xử lý thêm đơn hàng vào giỏ */
const addFormMultiple = async () => {


    const btnAddCart = document.getElementById('multiple_btn_add_cart');
    btnAddCart.disabled = true;
    btnAddCart.innerHTML = "Đang xử lý...";

    let servicesNames = $('#servicesNames option:selected');
    const selectedOption = document.querySelector('#servicesNames option:checked');
    if (!selectedOption || selectedOption.value === "0") {
        swal(
            "Hãy chọn máy chủ trước khi tiếp tục!",
            "error"
        );

        resetButton(btnAddCart, "Thêm vào giỏ hàng");
        return;
    }

    const textarea = document.querySelector('textarea[name="multiple_object_id"]');
    const links = textarea.value.split('\n').map(link => link.trim()).filter(link => link !== '');
    if (links.length === 0) {
        swal(
            "Hãy nhập ít nhất một link!",
            "error"
        );
        resetButton(btnAddCart, "Thêm vào giỏ hàng");
        return;
    }

    const tbody = document.getElementById('tbody_multiple_list_order');
    let index = 0;

    const processLink = async () => {
        if (index >= links.length || addOrder === 0) {
            resetButton(btnAddCart, "Thêm vào giỏ hàng");
            return;
        }

        const link = links[index++];
        const reaction = document.querySelector('input[name="mutilreaction"]:checked')?.value || "N/A";
        const multipleQuantity = document.getElementById('multiple_quantity')?.value || 1000;
        const day = $('#day option:selected').val() || 1;
        const post_day = $('#post_day option:selected').val() || 1;

        const data = {
            server_code: servicesNames.data('id'),
            reaction,
            link,
            day,
            post_day,
            multiple_quantity: multipleQuantity
        };


        const response = await fetch('/api/service/check_order', {
            method: 'POST',
            headers: {

                'X-ACCESS-TOKEN': $('meta[name="access-token"]').attr('content'),
                'Content-Type': 'application/json',
            },
            body: JSON.stringify(data)
        });

        const result = await response.json();

        if (result.status === 'success') {
            removeExistingRow(tbody, result.id);
            addNewRow(tbody, result, link);
            updateMultipleSummary();
            swal(`Thêm giỏ hàng thành công! ${link}`, "success");
        } else {
            console.log("Đã xảy ra lỗi!");
        }


        processLink();
    };

    processLink();
};

/* Thêm dòng mới vào danh sách */
const addNewRow = (tbody, result, link) => {
    const newRow = document.createElement('tr');
    newRow.innerHTML = `
                                <td><input type="checkbox" class="form-check-input"></td>
                                <td>
                                    <button class="btn btn-danger" onclick="this.closest('tr').remove(); updateMultipleSummary();">Xóa</button>
                                     
                                </td>
                                <td><span class="status-label pending">Chờ</span></td>
                                <td style="width: 150px"><input class="form-control" value='${link}' style="width: 150px;"></td> 
                                <td style="width: 150px"><input class="form-control" value='${result.amount}' style="width: 150px;"></td>

                                <td>${result.price || 0}</td>
                                <td>${result.total.toLocaleString('vi-VN')} Coin</td>
                                <td>${result.service || 'N/A'}</td>
                                <td>${result.name || 'N/A'}</td>
                                <td>${result.reaction || 'N/A'}</td>
                                <td>${result.day || 'N/A'}</td>
                                <td>${result.post_day || 'N/A'}</td>
                            `;
    tbody.appendChild(newRow);
};

/* Xóa dòng trùng lặp */
const removeExistingRow = (tbody, id) => {
    tbody.querySelectorAll('tr').forEach(row => {
        if (row.cells[4]?.textContent.trim() === id.toString()) {
            row.remove();
        }
    });
};

function deleteSelectedOrders() {
    const rows = document.querySelectorAll('#tbody_multiple_list_order tr');
    let countSelected = 0;
    rows.forEach(row => {
        const checkbox = row.querySelector('td .form-check-input');
        if (checkbox && checkbox.checked) {
            countSelected++;
            row.remove();
        }
    });
    if (countSelected === 0) {
        swal("Vui lòng chọn ít nhất 1 đơn để xóa!", "warning");
        return;
    }
    updateMultipleSummary();
}

/* Reset trạng thái đơn hàng */
const resetOrderRow = (btn) => {
    btn.closest('tr').cells[2].innerHTML = `<span class="status-label pending">Chờ</span>`;
};

/* Cập nhật thống kê */
const updateMultipleSummary = () => {
    const rows = document.querySelectorAll('#tbody_multiple_list_order tr');
    let totalQuantity = 0,
        totalOrder = 0,
        totalCoin = 0;

    rows.forEach(row => {
        const quantity = parseInt(row.cells[4].querySelector('input').value || 0);
        const day = parseInt(row.cells[10].textContent);
        const post_day = parseInt(row.cells[11].textContent);
        const price = parseFloat(row.cells[5]?.textContent.replace(/,/g, '') || 0);
        totalQuantity += quantity;
        totalCoin = totalCoin + (quantity * post_day * day * price);
        totalOrder++;
    });

    document.getElementById('multiple_total_quantity').textContent = totalQuantity.toLocaleString('vi-VN');
    document.getElementById('multiple_total_order').textContent = totalOrder;
    document.getElementById('multiple_total_coin').textContent = `${totalCoin.toLocaleString('vi-VN')} Coin`;
};

function checkAll(masterCheckbox) {
    const checkboxes = document.querySelectorAll('#tbody_multiple_list_order input[type="checkbox"]');
    checkboxes.forEach(function(checkbox) {
        checkbox.checked = masterCheckbox.checked;
    });
}

/* Mua đơn hàng */
const buyMultipleOrder = async () => {
    const btnBuy = document.getElementById('multiple_btn_buy');
    btnBuy.disabled = true;
    btnBuy.innerHTML = "Đang xử lý...";
    buyingActive = true;

    const rows = document.querySelectorAll('#tbody_multiple_list_order tr input[type="checkbox"]:checked');
    if (rows.length === 0) {
        swal(
            "Vui lòng chọn ít nhất 1 đơn để mua!",
            "warning"
        );
        resetButton(btnBuy, "Mua đơn đã chọn");
        return;
    }

    for (const checkbox of rows) {
        if (!buyingActive) break;

        const row = checkbox.closest('tr');
        const statusCell = row.cells[2];

        statusCell.innerHTML = `<span class="status-label processing">Đang xử lý...</span>`;

        try {
            const formData = new FormData();
            formData.append('provider_package', provider_package);
            formData.append('provider_server', row.cells[7].textContent);
            formData.append('object_id', row.cells[3].querySelector('input').value);

            formData.append('duration', row.cells[10].textContent);

            formData.append('posts', row.cells[11].textContent);

            formData.append('reaction', row.cells[9].textContent);
            formData.append('quantity', row.cells[4].querySelector('input').value);

            const response = await fetch('/api/v1/start/create/order', {
                headers: {
                    'X-ACCESS-TOKEN': $('meta[name="access-token"]').attr('content')
                },
                method: "POST",
                body: formData

            });
            const result = await response.json();

            statusCell.innerHTML =
                `<span class="status-label ${result.status === 'success' ? 'success' : 'error'}">${result.message || "Thất bại"}</span>`;
        } catch (error) {
            statusCell.innerHTML = `<span class="status-label error">Lỗi khi mua</span>`;
        }
    }
    swal(
        "Quá trình mua đơn hoàn tất.",
        "success"
    );
    resetButton1(btnBuy, "Mua đơn đã chọn");
};

/* Dừng mua đơn */
const stopBuyingOrders = () => {
    buyingActive = false;
    swal(
        "Đã dừng mua đơn.",
        "info"
    );
};

/* Xóa tất cả đơn */
const deleteAllOrders = () => {
    document.getElementById('tbody_multiple_list_order').innerHTML = "";
    updateMultipleSummary();
};

/* Hiển thị thông báo */
const showToast = (type, message) => {
    console.log(`[${type.toUpperCase()}]: ${message}`);
};

/* Reset nút */
const resetButton1 = (btn, text) => {
    btn.disabled = false;
    btn.innerHTML = text;

};
const resetButton = (btn, text) => {
    btn.disabled = false;
    btn.innerHTML = text;

};
</script>
<script src="/theme/lamtilo/service_order_new.js?lamtilo-time={{ time() }}"></script>
<script>
const confirmPayment = "{{ site('confirm_payment') }}";
</script>
@endsection