@extends("frontend.main")
@section("content")
    @inject("Carbon",Illuminate\Support\Carbon::class)
    <div class="row mt-2">
        <div class="col border shadow rounded p-2">
            <div class="title text-center font-weight-bold fs-4">Thông tin cấu hình</div>
            <div class="box-element mt-3 border-dash p-3 mb-3">
                <div class="row">
                    <div class="col-md-6">
                        Server
                    </div>
                    <div class="col-md-6">
                        {{ $product->Server->name }}
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        Tên miền
                    </div>
                    <div class="col-md-6">
                        {{ $product->name }}
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        Username
                    </div>
                    <div class="col-md-6">
                        {{ $product->username }}
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        Password
                    </div>
                    <div class="col-md-6">
                        {{ $product->password ? SignRSA::DecryptFunc($product->password) : "" }}
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        Gói dịch vụ
                    </div>
                    <div class="col-md-6">
                        {{ $information->name }}
                    </div>
                </div>

            </div>
        </div>
        <div class="col shadow rounded border p-2">
            <div class="title text-center font-weight-bold fs-4">Thông tin thanh toán</div>
            <div class="box-element mt-3 border-dash p-3">
                <div class="row">
                    <div class="col-md-6">
                        Ngày đăng ký
                    </div>
                    <div class="col-md-6">
                        {{ $Carbon::parse($product->created_at)->format('d/m/Y') }}
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        Thanh toán lần đầu
                    </div>
                    <div class="col-md-6">
                        {{ number_format($product->first_payment,0,',','.') }} đ
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        Thanh toán định kỳ
                    </div>
                    <div class="col-md-6">
                        {{ number_format($product->next_payment,0,',','.') }} đ
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        Hạn sử dụng
                    </div>
                    <div class="col-md-6">
                        @if($Carbon::now()->diffInDays($Carbon::parse($product->next_due_date),false) > 0)
                            <span class="badge bg-success"> Còn {{$Carbon::now()->diffInDays($Carbon::parse($product->next_due_date),false)}} ngày</span>
                        @else
                            <span class="badge bg-danger">Hết hạn</span>
                        @endif

                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        Ngày hết hạn
                    </div>
                    <div class="col-md-6">
                        {{ $Carbon::parse($product->next_due_date)->format('d/m/Y') }}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row mt-3">
        <div class="col ps-0">
            <div
                data-bs-toggle="modal" data-bs-target="#renew"
                class="rounded shadow p-3 btn w-100 d-flex align-items-center justify-content-center  ">
                <div><img src="{{ asset('template/assets/icon/cashless-payment.png') }}" style="width: 40px; margin-right: 20px" alt="Reset password"></div>
                <div>Gia hạn dịch vụ</div>
            </div>
        </div>
{{--        <div class="col">--}}
{{--            <div class="rounded shadow p-3 btn w-100 d-flex align-items-center justify-content-center  ">--}}
{{--                <div><img src="{{ asset('template/assets/icon/reset-password.png') }}" style="width: 40px; margin-right: 20px" alt="Reset password"></div>--}}
{{--                <div>Reset Password</div>--}}
{{--            </div>--}}
{{--        </div>--}}
        <div class="col pe-0">
            <div
                onclick="window.open('https://{{$product->Server->name}}/login_up.php')"
                class="rounded shadow p-3 d-flex align-items-center justify-content-center btn w-100">
                <div><img src="{{ asset('template/assets/icon/plesk.svg') }}" style="width: 40px; margin-right: 20px" alt="Plesk Logo"></div>
                <div>Truy cập vào Plesk Panel</div>
            </div>
        </div>
    </div>
    @include("form.renew")
@endsection