/home/pay/server_old/resources/views/ Current File: //home/pay/server_old/resources/views/showTransactionReport.blade.php
@if($Withdraw->sts == 3)
@php($color = "#FF1010FF")
@php($lable = "تراکنش ناموفق ")
@php($image = "https://gholaktala.ir/images/red-x-icon.png")
@endif
@if($Withdraw->sts == 2)
@php($color = "#66FF6EFF")
@php($lable = "تراکنش موفق ")
@php($image = "https://uxwing.com/wp-content/themes/uxwing/download/checkmark-cross/done-icon.png")
@endif
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title></title>

    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">

    <!-- Styles -->
    <style>
        .card {
            overflow: visible;
            width: 290px;
            height: 504px;
        }

        .content {
            width: 100%;
            height: 100%;
            transform-style: preserve-3d;
            transition: transform 300ms;
            box-shadow: 0px 0px 10px 1px #000000ee;
            border-radius: 5px;
        }

        .front, .back {
            background-color: #151515;
            position: absolute;
            width: 100%;
            height: 100%;
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            border-radius: 5px;
            overflow: hidden;
        }

        .back {
            width: 100%;
            height: 100%;
            justify-content: center;
            display: flex;
            align-items: center;
            overflow: hidden;
        }

        .back::before {
            position: absolute;
            content: ' ';
            display: block;
            width: 160px;
            height: 160%;
            background: linear-gradient(90deg, transparent, {{$color}},  {{$color}},  {{$color}},  {{$color}}, transparent);
            animation: rotation_481 5000ms infinite linear;
        }

        .back-content {
            position: absolute;
            width: 99%;
            height: 99%;
            background-color: #151515;
            border-radius: 5px;
            color: white;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 30px;
        }


        @keyframes rotation_481 {
            0% {
                transform: rotateZ(0deg);
            }

            0% {
                transform: rotateZ(360deg);
            }
        }

        .front {
            transform: rotateY(180deg);
            color: white;
        }

        .front .front-content {
            position: absolute;
            width: 100%;
            height: 100%;
            padding: 10px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .front-content .badge {
            background-color: #00000055;
            padding: 2px 10px;
            border-radius: 10px;
            backdrop-filter: blur(2px);
            width: fit-content;
        }

        .description {
            box-shadow: 0px 0px 10px 5px #00000088;
            width: 100%;
            padding: 10px;
            background-color: #00000099;
            backdrop-filter: blur(5px);
            border-radius: 5px;
        }

        .title {
            font-size: 11px;
            max-width: 100%;
            display: flex;
            justify-content: space-between;
        }

        .title p {
            width: 50%;
        }

        .card-footer {
            color: #ffffff88;
            margin-top: 5px;
            font-size: 8px;
        }

        .front .img {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

        .circle {
            width: 90px;
            height: 90px;
            border-radius: 50%;
            background-color: #ffbb66;
            position: relative;
            filter: blur(15px);
            animation: floating 2600ms infinite linear;
        }

        #bottom {
            background-color: #ff8866;
            left: 50px;
            top: 0px;
            width: 150px;
            height: 150px;
            animation-delay: -800ms;
        }

        #right {
            background-color: #ff2233;
            left: 160px;
            top: -80px;
            width: 30px;
            height: 30px;
            animation-delay: -1800ms;
        }


        /*    boooooottt*/
        .animated-button {
            position: relative;
            display: flex;
            align-items: center;
            gap: 4px;
            padding: 16px 36px;
            border: 4px solid;
            border-color: transparent;
            font-size: 16px;
            background-color: inherit;
            border-radius: 100px;
            font-weight: 600;
            color:  {{$color}};
            box-shadow: 0 0 0 2px  {{$color}};
            cursor: pointer;
            overflow: hidden;
            transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
        }

        .animated-button svg {
            position: absolute;
            width: 24px;
            fill:  {{$color}};
            z-index: 9;
            transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
        }

        .animated-button .arr-1 {
            right: 16px;
        }

        .animated-button .arr-2 {
            left: -25%;
        }

        .animated-button .circle {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 20px;
            height: 10px;
            background-color:  {{$color}};
            border-radius: 50%;
            opacity: 0;
            transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
        }

        .animated-button .text {
            position: relative;
            z-index: 1;
            transform: translateX(-12px);
            transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
        }

        .animated-button:hover {
            box-shadow: 0 0 0 12px transparent;
            color: #212121;
            border-radius: 12px;
        }

        .animated-button:hover .arr-1 {
            right: -25%;
        }

        .animated-button:hover .arr-2 {
            left: 16px;
        }

        .animated-button:hover .text {
            transform: translateX(12px);
        }

        .animated-button:hover svg {
            fill: #212121;
        }

        .animated-button:active {
            scale: 0.95;
            box-shadow: 0 0 0 4px  {{$color}};
        }

        .animated-button:hover .circle {
            width: 220px;
            height: 220px;
            opacity: 1;
        }

    </style>
</head>
<body style="background: #000;display: grid;place-items: center;">
<div class="card" style="padding-top:120px; ">
    <div class="content">
        <div class="back">
            <div class="back-content">

                <img src=" {{$image}}"
                     width="100">
                <strong style="font-size: 28px">{{$lable}}</strong>


                {{--                        <img src="https://gholaktala.ir/images/red-x-icon.png" width="100">--}}
                {{--                        <strong style="font-size: 28px">تراکنش ناموفق </strong>--}}

                <div style="text-align: center">
                    به مبلغ

                    <br>

                    {{$Withdraw->cash}}
                    IRR

                    <br>
                    کد پیگیری

                    <br>

                    {{$Withdraw->tracked_number}}

                    <br>
                    <div>

                        کد درگاه

                        <br>

                        {{$Withdraw->zify_code}}

                    </div>

                </div>


                {{--                <a href="https://app.gholaktala.ir/">--}}
                <button class="animated-button" onclick="redirectAfterDelay()">
                    <svg viewBox="0 0 24 24" class="arr-2" xmlns="http://www.w3.org/2000/svg">
                        <path
                                d="M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z"
                        ></path>
                    </svg>
                    <span class="text">  تایید  </span>
                    <span class="circle"></span>
                    <svg viewBox="0 0 24 24" class="arr-1" xmlns="http://www.w3.org/2000/svg">
                        <path
                                d="M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z"
                        ></path>
                    </svg>
                </button>

                {{--                </a>--}}


            </div>
        </div>

    </div>
</div>
<script>
    function redirectAfterDelay() {
        setTimeout(function() {
            window.location.href = 'https://app.gholaktala.ir';
        },1000);
    }
</script>
{{--<form class="form" style="margin: 19px; margin-top: 190PX;">--}}


{{--    @if($Withdraw->sts == 2)--}}
{{--        <p class="form-paragraph"--}}
{{--           style="background: #53a653;   color: #ffffff ;font-size: 20px;border-radius: 13px !important;">--}}
{{--            موفق--}}
{{--        </p>--}}
{{--    @endif--}}
{{--    @if($Withdraw->sts == 3)--}}
{{--        <p class="form-paragraph"--}}
{{--           style="background: #a65353;   color: #ffffff ;font-size: 20px;border-radius: 13px !important;">--}}
{{--            ناموفق--}}
{{--        </p>--}}
{{--    @endif--}}
{{--    <label for="file-input" class="drop-container">--}}
{{--        مبلغ--}}
{{--        {{$Withdraw->cash}}--}}
{{--            ریال--}}
{{--            در لیمان گلد نشست--}}

{{--        </label>--}}
{{--    </form>--}}

{{--    <path style="width: 40px" xmlns="http://www.w3.org/2000/svg" d="M38.9738 31.4997C38.8003 31.4576 38.7399 31.3909 38.7281 31.2247C38.7093 30.9497 38.7768 30.6845 38.8513 30.4207C38.9863 29.9423 39.1707 29.4792 39.3818 29.0239C39.6173 28.516 39.7946 27.9913 39.8676 27.4427C39.8833 27.3276 39.8817 27.2133 39.8558 27.0996C39.8135 26.9144 39.6848 26.84 39.4776 26.8814C39.272 26.9228 39.0931 27.014 38.9212 27.1193C38.5916 27.3213 38.2989 27.5626 38.0117 27.8096C37.3831 28.3498 36.7937 28.925 36.1612 29.461C35.8677 29.71 35.5656 29.95 35.2297 30.1548C34.9409 30.3309 34.6278 30.4403 34.2731 30.4382C33.9208 30.4361 33.643 30.3071 33.4421 30.0496C33.242 29.7928 33.1588 29.5031 33.1572 29.1937C33.1564 29.0253 33.1549 28.857 33.1015 28.6942C33.0858 28.6458 33.067 28.5981 33.0411 28.5539C32.9343 28.3708 32.7625 28.3189 32.5537 28.4087C32.3599 28.4922 32.1959 28.6149 32.035 28.7398C31.6183 29.0639 31.2361 29.4203 30.8375 29.762C30.4278 30.1134 30.0096 30.4565 29.5419 30.7469C29.2319 30.9391 28.9086 31.111 28.5342 31.1861C28.2886 31.2352 28.0501 31.2233 27.8209 31.1187C27.6232 31.0289 27.5329 30.8858 27.5274 30.6936C27.5204 30.4488 27.5902 30.2166 27.6702 29.9864C27.7927 29.6329 27.9614 29.2954 28.116 28.9531C28.1419 28.8963 28.1646 28.838 28.1842 28.7791C28.1929 28.7531 28.1999 28.7195 28.1717 28.7005C28.1387 28.6788 28.1128 28.7068 28.0893 28.723C27.9378 28.8268 27.7872 28.9327 27.6365 29.038C27.4168 29.1916 27.1915 29.3389 26.9412 29.4519C26.5881 29.6111 26.2365 29.6076 25.8857 29.4477C25.6479 29.3396 25.4463 29.1895 25.2579 29.0239C24.9322 28.7391 24.6592 28.4129 24.3657 28.1028C24.277 28.0088 24.186 27.9162 24.0824 27.8334C23.8022 27.6096 23.4891 27.5661 23.1501 27.7064C22.7624 27.8671 22.4187 28.0874 22.1181 28.3568C21.6324 28.7917 21.2016 29.2702 20.7597 29.7402C20.4451 30.0748 20.1414 30.4179 19.8008 30.7322C19.7231 30.8037 19.6368 30.862 19.5238 30.8823C19.3605 30.9118 19.2695 30.8486 19.2624 30.6999C19.2562 30.5722 19.2821 30.4488 19.3323 30.3295C19.585 29.7269 19.7364 29.1011 19.8667 28.4704C19.9616 28.0102 20.0425 27.5486 20.059 27.08C20.0621 26.9958 20.0597 26.9116 20.055 26.8281C20.0448 26.6541 19.9177 26.544 19.7223 26.5377C19.5693 26.5328 19.4335 26.5819 19.304 26.6471C19.0835 26.7587 18.8975 26.9088 18.7194 27.0673C17.8946 27.8012 17.1107 28.57 16.3196 29.3326C15.9335 29.7044 15.5537 30.0819 15.1496 30.4382C15.0797 30.5 15.0028 30.5519 14.9079 30.5785C14.7274 30.6305 14.561 30.5456 14.5194 30.3814C14.4943 30.2832 14.5021 30.1871 14.5304 30.0903C14.7007 29.5087 14.8937 28.932 15.0366 28.3441C15.0978 28.0923 15.1527 27.8397 15.1723 27.5816C15.1904 27.3466 14.9973 27.1691 14.7509 27.1915C14.6677 27.1992 14.5963 27.235 14.5249 27.2708C14.3107 27.3788 14.1239 27.5198 13.9403 27.6651C13.4576 28.0467 13.0339 28.4795 12.5834 28.8892C12.093 29.3361 11.5766 29.7563 10.9786 30.0896C10.6961 30.2474 10.3924 30.3463 10.0581 30.3491C9.48524 30.3534 9.01596 30.1562 8.66439 29.7493C8.36619 29.4049 8.17235 29.0099 7.98872 28.6107C7.95184 28.5308 7.91731 28.4494 7.87494 28.3715C7.68503 28.0214 7.30835 27.9085 6.92539 28.0902C6.6366 28.227 6.39804 28.4227 6.17438 28.6318C5.86205 28.9236 5.55835 29.2218 5.21777 29.4884C4.84737 29.7795 4.46206 30.0531 4.0328 30.2727C3.37361 30.6101 2.68696 30.6817 1.97911 30.4018C1.57654 30.2425 1.27362 29.9787 1.0382 29.6518C0.736069 29.233 0.574411 28.7679 0.474747 28.2824C0.454344 28.1835 0.437864 28.0839 0.417461 27.9772C0.315443 28.02 0.233829 28.1063 0.109054 28.0684C0.0447047 28.0488 0.0243012 27.9983 0.00154347 27.9485C-0.00865828 27.8299 0.0329334 27.7212 0.0902202 27.6173C0.214211 27.3943 0.34134 27.1726 0.467685 26.9509C0.485734 26.9186 0.506922 26.8877 0.510061 26.8499C0.558716 26.2599 0.650531 25.6748 0.757257 25.0918C0.900866 24.3103 1.06017 23.5309 1.29952 22.7669C1.53887 22.0008 1.86375 21.2607 2.18942 20.5213C2.57395 19.6507 2.99379 18.7948 3.52428 17.9866C3.74401 17.6527 3.98258 17.3307 4.27293 17.0416C4.44323 16.8719 4.62764 16.7161 4.85443 16.6067C5.02002 16.5267 5.19345 16.4755 5.38649 16.512C5.49793 16.533 5.58974 16.58 5.66351 16.6586C5.8903 16.9027 5.99311 17.1897 6.0292 17.499C6.09669 18.0722 5.97663 18.6264 5.81104 19.1743C5.51598 20.1509 5.0671 21.0748 4.57114 21.9805C3.6828 23.6024 2.65164 25.1514 1.53573 26.6562C1.46667 26.7495 1.42037 26.8436 1.40468 26.9558C1.31443 27.6138 1.46981 28.213 1.92575 28.7433C2.23023 29.0983 2.65635 29.2618 3.12877 29.3424C3.64592 29.4308 4.1309 29.3221 4.59311 29.1144C5.06553 28.9019 5.46811 28.603 5.85185 28.2831C6.28032 27.926 6.63346 27.5107 7.007 27.1101C7.29187 26.8036 7.5885 26.5068 7.94556 26.2641C8.11899 26.1462 8.30341 26.048 8.52157 26.0101C8.74758 25.9708 8.92964 26.0333 9.07011 26.1939C9.23569 26.384 9.3126 26.6092 9.3793 26.8372C9.50329 27.2603 9.56293 27.6945 9.64298 28.1253C9.683 28.3406 9.72302 28.556 9.78894 28.7665C9.91214 29.16 10.2245 29.3579 10.6828 29.3354C10.9472 29.3228 11.1936 29.2519 11.4283 29.1481C11.9729 28.9068 12.4108 28.5476 12.7875 28.1302C13.256 27.611 13.7072 27.08 14.1945 26.5742C14.6905 26.0599 15.1966 25.5548 15.7797 25.1164C15.9963 24.9536 16.2223 24.8028 16.4829 24.7003C16.8352 24.5621 17.0267 24.6562 17.0832 24.9978C17.1248 25.2504 17.0902 25.5015 17.0502 25.7513C16.9976 26.081 16.9357 26.4093 16.8823 26.739C16.8611 26.8695 16.8564 27.0014 16.8909 27.1319C16.9278 27.2722 17.0118 27.3346 17.1719 27.3269C17.4567 27.3129 17.6937 27.1971 17.9048 27.0337C18.2085 26.7987 18.4895 26.5419 18.772 26.2872C19.3935 25.7253 19.9977 25.1472 20.653 24.6148C20.7692 24.5208 20.8916 24.4324 21.0124 24.3433C21.0579 24.3096 21.1074 24.2787 21.1576 24.25C21.4064 24.109 21.601 24.17 21.6865 24.4211C21.7791 24.6947 21.7595 24.9761 21.7383 25.2553C21.6959 25.8025 21.5625 26.3335 21.3875 26.8583C21.3028 27.1122 21.2816 27.376 21.335 27.6398C21.3546 27.7373 21.3907 27.8299 21.4644 27.9064C21.5594 28.0046 21.6598 28.0235 21.7925 27.9688C21.8929 27.9267 21.9777 27.8643 22.0593 27.7983C22.3363 27.5739 22.5804 27.3206 22.8432 27.0842C23.0951 26.8576 23.3549 26.6373 23.6445 26.4479C23.7787 26.3602 23.9199 26.2823 24.0753 26.2269C24.401 26.1111 24.7007 26.1483 24.9762 26.3434C25.1402 26.4598 25.2681 26.6043 25.3835 26.7594C25.5294 26.9558 25.6487 27.1656 25.7586 27.3788C25.91 27.6721 26.0858 27.9513 26.3087 28.2073C26.7058 28.6633 27.1664 28.6669 27.649 28.4353C27.9473 28.2922 28.2274 28.1211 28.5021 27.9443C29.2295 27.4777 29.8691 26.9256 30.4757 26.3405C31.1302 25.7092 31.7556 25.0539 32.4407 24.4492C32.6369 24.2759 32.8331 24.1019 33.0418 23.9406C33.4115 23.6544 33.8447 23.5386 34.3328 23.5926C34.3665 23.5961 34.4002 23.6045 34.4332 23.6144C34.6733 23.6852 34.7424 23.8459 34.6161 24.0416C34.5282 24.177 34.4026 24.2829 34.2684 24.3811C33.9867 24.5867 33.6822 24.7656 33.4044 24.9768C32.6746 25.5331 32.0138 26.1504 31.3719 26.7846C30.6837 27.4644 30.0347 28.1744 29.3716 28.8731C29.3449 28.9012 29.3182 28.9278 29.2907 28.9552C29.1644 29.0801 29.0985 29.2218 29.1762 29.3859C29.2562 29.5557 29.4226 29.6181 29.6156 29.6259C29.7765 29.6322 29.924 29.5866 30.0653 29.5199C30.205 29.454 30.3266 29.3663 30.4428 29.2716C31.4472 28.4543 32.4651 27.651 33.5323 26.899C33.6257 26.833 33.7222 26.7699 33.8227 26.7138C33.9741 26.6296 34.0942 26.6668 34.1601 26.8155C34.2378 26.9909 34.2386 27.1775 34.2457 27.362C34.259 27.7121 34.2362 28.0621 34.2284 28.4122C34.226 28.5188 34.2284 28.6255 34.2543 28.73C34.3343 29.0541 34.5894 29.2442 34.9684 29.2575C35.3451 29.2709 35.6582 29.1425 35.9235 28.9096C36.9036 28.0495 37.8586 27.167 38.8294 26.2978C39.3701 25.8137 39.9061 25.3254 40.5095 24.9017C40.6555 24.7993 40.8069 24.7053 40.9717 24.6288C41.0698 24.5839 41.1703 24.5467 41.2802 24.5299C41.514 24.4941 41.7023 24.5804 41.8028 24.7719C41.8766 24.9129 41.8875 25.0637 41.8805 25.216C41.8632 25.5976 41.7471 25.961 41.6192 26.3216C41.3916 26.9593 41.0895 27.5717 40.8085 28.1912C40.7112 28.4052 40.6296 28.622 40.6476 28.8584C40.6516 28.9089 40.6602 28.9587 40.6782 29.0064C40.7151 29.1018 40.792 29.1516 40.9035 29.1579C41.0981 29.1692 41.259 29.1004 41.3924 28.9797C41.7439 28.6633 42.0908 28.3434 42.4431 28.0278C42.9038 27.6145 43.3692 27.2055 43.8855 26.8478C44.1453 26.6675 44.4223 26.5166 44.7535 26.4654C45.1364 26.4058 45.4432 26.5194 45.6802 26.7916C45.7956 26.9242 45.8615 27.0779 45.9196 27.2357C46.0326 27.5409 46.1315 27.851 46.2751 28.1463C46.3214 28.241 46.3755 28.3329 46.4258 28.4262C46.5913 28.7391 46.8856 28.885 47.2529 28.9412C47.453 28.9713 47.6539 28.9419 47.854 28.9545C48.0023 28.9636 48.0376 29.0169 47.9599 29.1327C47.8281 29.3277 47.6413 29.4778 47.4459 29.6195C47.1634 29.823 46.8605 29.9942 46.5019 30.0727C46.177 30.1436 45.9086 30.0671 45.6904 29.8412C45.5539 29.7002 45.4511 29.5403 45.3561 29.3754C45.2157 29.1313 45.0815 28.885 44.9379 28.6423C44.799 28.4094 44.635 28.1912 44.4278 28.0004C44.2449 27.8313 44.0276 27.7808 43.7749 27.8397C43.5685 27.8874 43.3864 27.9807 43.2138 28.0888C42.8701 28.3028 42.5703 28.563 42.2799 28.831C41.7102 29.3565 41.1844 29.9184 40.6068 30.4368C40.2922 30.7189 39.9798 31.0023 39.6235 31.2436C39.5309 31.306 39.4352 31.3643 39.3324 31.4134C39.2202 31.4674 39.1033 31.5039 38.9738 31.4997Z" fill="black"/>--}}


</body>
</html>