@extends('layout.mainlayout')

@section('content')
    @php
        $locale = app('translator')->getLocale() ?? 'en';
            $currency_code = '<img src="/img/sar.svg" alt="SAR" style="height: 1em; width: auto; display: inline-block; vertical-align: middle;">';

            if (isset($global_symbol['from_website']) && $global_symbol['from_website']){
                if ($locale == 'en'){
                  if(isset($global_symbol['is_html']) && $global_symbol['is_html']){
                      $currency_code = '<img src="/img/sar.svg" alt="SAR" style="height: 1em; width: auto; display: inline-block; vertical-align: middle;">';
                  }elseif($global_symbol['currency']){
                      $currency_code = $global_symbol['currency_ar'];
                  }
                }else{
                   if(isset($global_symbol['is_html_ar']) && $global_symbol['is_html_ar']){
                      $currency_code = '<img src="/img/sar.svg" alt="SAR" style="height: 1em; width: auto; display: inline-block; vertical-align: middle;">';
                  }elseif($global_symbol['currency']){
                      $currency_code = $global_symbol['currency_ar'];
                  }
                }
            }
    @endphp
    <main class="page-main">
        <!-- Start Breadcrubms Section -->
        <section class="new-sec breadcrumbs-sec">
            <div class="container">
                <h3 class="page-title">{{trans('web.checkout')}}</h3>
                <i class="ri-arrow-down-s-line icon"></i>
            </div>
        </section>
        <!-- End Breadcrubms Section -->
        <!-- Start Checkout Section -->
        <section class="new-sec checkout-sec">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7">
                        <div class="steps">
                            <div class="stepper">
                                <div class="step active">
                                    <p class="step-num" @if(!empty($profile) && $profile->EXTRA_COLOR) style="background:{{$profile->EXTRA_COLOR}}" @endif>1</p>
                                    <p class="step-title" @if(!empty($profile) && $profile->EXTRA_COLOR) style="color:{{$profile->EXTRA_COLOR}}" @endif>{{trans('web.appointment')}}</p>
                                </div>
                                <div class="step active">
                                    <p class="step-num" @if(!empty($profile) && $profile->EXTRA_COLOR) style="background:{{$profile->EXTRA_COLOR}}" @endif>2</p>
                                    <p class="step-title" @if(!empty($profile) && $profile->EXTRA_COLOR) style="color:{{$profile->EXTRA_COLOR}}" @endif>{{trans('web.account')}}</p>
                                </div>
                                <div class="step active">
                                    <p class="step-num" @if(!empty($profile) && $profile->EXTRA_COLOR) style="background:{{$profile->EXTRA_COLOR}}" @endif>3</p>
                                    <p class="step-title" @if(!empty($profile) && $profile->EXTRA_COLOR) style="color:{{$profile->EXTRA_COLOR}}" @endif>{{trans('web.payment')}}</p>
                                </div>
                            </div>
                            <div class="step-content">
                                <div class="col-md-8 col-lg-8 col-xl-10 space">
                                    <div class="row" style="@if(empty($error)) display: none; @endif">
                                        <div class="col" style="text-align: center;">
                                            <div class="alert alert-danger" role="alert" >@if(!empty($error)) {{$error}} @endif</div>
                                        </div>
                                    </div>
                                    <div class="method-side">
                                        <div class="heading-side mb-4">
                                            <h4 class="side-title" @if(!empty($profile) && $profile->COLOR) style="color:{{$profile->COLOR}};font-size: 25px;position: relative;" @else style=" color: var(--blazma-text);font-size: 25px;position: relative;" @endif >{{trans("web.payment_method")}}</h4>
                                        </div> <!-- End Heading Side -->
                                        @if(empty(session('is_company')))
                                            <div class="methods">
                                                @if($has_cod)
                                                    <div class="single-method selected cod-payment" @if(!empty($profile) && $profile->COLOR) style="border-color:{{$profile->COLOR}}" @endif>
                                                        <div class="mark-div">
                                                            <div class="circle-out" @if(!empty($profile) && $profile->COLOR) style="border-color:{{$profile->COLOR}}" @endif>
                                                                <div class="inside-circle" @if(!empty($profile) && $profile->COLOR) style="background:{{$profile->COLOR}}" @endif></div>
                                                            </div>
                                                        </div>
                                                        <div class="info">
                                                            <h5 class="title">{{trans("web.cod")}}</h5>
                                                            <p class="desc">{{trans("web.cod_desc")}}</p>
                                                        </div>
                                                    </div>
                                                @endif
                                                @if($has_prepaid)
                                                    <div class="single-method online-payment">
                                                        <div class="mark-div">
                                                            <div class="circle-out">
                                                                <div class="inside-circle"></div>
                                                            </div>
                                                        </div>
                                                        <div class="info">
                                                            <h5 class="title">{{trans("web.prepaid")}}</h5>
                                                            <p class="desc">{{trans("web.prepaid_desc")}}</p>
                                                        </div>
                                                    </div> <!-- Single Method -->
                                                @endif

                                                    @if($has_tamara)
                                                        <div class="single-method installment-payment">
                                                            <div class="mark-div">
                                                                <div class="circle-out">
                                                                    <div class="inside-circle"></div>
                                                                </div>
                                                            </div>
                                                            <div class="info">
                                                                <h5 class="title">{{trans("web.installment_payment")}}</h5>
                                                                <p class="desc">{{trans("web.installment_desc")}}
                                                                    @if(app('translator')->getLocale()=='ar')
{{--                                                                        <svg width="75" height="17" viewBox="0 0 108 27" fill="none" style="color: var(--blazma-primary)"> <path d="M7.5836 8.18949C7.31656 8.18578 6.92713 8.46395 6.78619 8.72357C6.35967 9.5284 6.05183 10.3963 5.64385 11.2122C5.42503 11.6499 5.52517 11.9095 5.83671 12.2581C6.67492 13.1928 7.53909 14.1163 8.23266 15.1548C9.06345 16.3973 8.95218 17.7213 7.89144 18.7598C7.09032 19.5461 6.14455 20.2545 5.13573 20.7367C3.67443 21.4302 2.09444 21.8716 0.577508 22.4539C0.366101 22.5355 0.039719 22.8062 0.0137567 22.9843C-0.0752566 23.548 0.239999 23.7112 0.447697 23.8039C2.19458 24.5679 3.96743 25.2689 5.81075 26.0181C6.40417 25.1243 7.00131 24.2935 7.52426 23.4145C10.3467 18.6782 10.9698 13.7973 8.37359 8.74582C8.23637 8.48249 7.85806 8.1932 7.5836 8.18949V8.18949Z" fill="currentColor"></path> <path d="M70.1562 2.04752L70.0932 1.98447C69.2513 1.14255 67.8901 1.14255 67.0482 1.98447C66.2063 2.82638 66.2063 4.18755 67.0482 5.02946L67.1112 5.09252C68.3278 6.30903 69.6926 5.55613 70.1562 5.09252C70.9982 4.2506 70.9982 2.88943 70.1562 2.04752Z" fill="currentColor"></path> <path d="M61.2031 2.1328C60.9842 2.35162 60.8173 2.60754 60.7061 2.87828L63.9736 5.70817C64.1368 5.61174 64.2888 5.49676 64.4298 5.35953L64.4965 5.29277C65.7872 4.00208 64.9898 2.55932 64.4965 2.06604C63.6064 1.1759 62.1599 1.1759 61.2698 2.06604L61.2031 2.1328V2.1328Z" fill="currentColor"></path> <path d="M12.6871 0.675255C12.6871 0.675255 11.8823 2.34796 11.5188 3.20472C11.3704 3.55335 11.274 3.95762 11.2926 4.33222C11.4261 7.31046 11.5485 10.2924 11.7636 13.2632C11.9861 16.2897 13.4771 18.5002 16.2773 19.776C18.2356 20.6699 20.3163 21.0741 22.4415 21.1965C25.123 21.3486 27.812 21.4302 30.5009 21.4525C34.9664 21.4895 39.3985 21.1706 43.7676 20.2953C45.1176 20.121 49.3309 19.0305 50.0616 18.6337C50.885 18.1886 50.8293 18.2925 51.6564 18.5039C53.6666 19.012 58.9741 18.8896 60.5021 18.4371C61.5258 18.1367 62.4604 17.8919 62.6867 17.1909C63.625 18.6708 64.1517 19.4237 65.7687 19.279C67.3821 19.1344 67.523 19.0528 69.1067 18.7005C70.4308 18.4075 71.4063 17.5507 71.8031 16.2637C72.0479 15.4663 72.0182 15.0843 72.085 14.4872C72.3298 12.3768 72.0034 10.374 70.7832 8.59744C70.5866 8.31186 70.4642 8.02998 69.7706 8.07449C69.5555 8.08933 69.2328 8.40829 69.0993 8.66791C68.6988 9.4542 68.3946 10.2924 67.9941 11.0824C67.7678 11.5275 67.8717 11.8427 68.2203 12.1654C68.9621 12.8478 69.6482 13.5228 70.5792 14.4649C68.8063 14.6504 68.1944 14.8432 66.6663 14.9619C65.1308 15.0806 62.338 15.0583 61.5517 13.6786C60.9769 12.6661 60.606 11.9688 59.6713 11.279C58.1136 10.1292 55.599 10.1366 53.496 11.2196C52.5465 11.7092 51.5451 12.6661 51.3819 13.8047C51.3078 14.3128 51.1335 14.7319 50.5623 14.8803C41.8575 17.1168 31.6432 18.1627 23.0683 17.2021C20.8838 16.9573 18.7215 16.5975 16.6482 15.789C14.8086 15.0695 13.9741 13.7973 14.0112 11.8056C14.0742 8.13754 14.0334 4.46574 14.0149 0.793939C14.0149 0.793939 14.0742 0.0818324 13.3399 0.0187812C13.0506 -0.00718098 12.676 0.682673 12.676 0.682673L12.6871 0.675255ZM59.7937 15.9188L52.6652 15.8335C52.6652 15.8335 53.1919 13.0184 56.0922 12.9109C60.2685 12.7514 59.7937 15.9225 59.7937 15.9225V15.9188Z" fill="currentColor"></path> <path d="M2.93275 1.0166C2.93275 1.0166 2.99209 0.304489 2.25773 0.241437C1.96844 0.215475 1.59384 0.905329 1.59384 0.905329C1.59384 0.905329 0.789012 2.57804 0.425541 3.43479C0.277186 3.78343 0.180755 4.1877 0.199299 4.56229C0.266059 6.0236 0.32911 7.48861 0.399579 8.94991H0.392161C0.488592 11.0306 0.588732 13.1113 0.688872 15.192C0.748215 16.4715 0.818684 17.7474 0.885444 19.0529H2.06858C2.35787 17.599 2.86228 16.1674 2.89566 14.7247C2.94017 12.7849 2.94017 3.6462 2.92533 1.0203L2.93275 1.0166Z" fill="currentColor"></path> <path d="M79.0613 7.65529C78.4197 8.3266 77.9412 9.09805 77.626 9.914L87.5732 18.1663C88.0517 17.8696 88.5041 17.5172 88.9121 17.0907L89.105 16.8904C92.8769 12.9516 90.3994 8.68636 88.8973 7.24731C86.1787 4.63996 81.8615 4.73639 79.2542 7.45501L79.0613 7.65529V7.65529Z" fill="currentColor"></path> <path d="M100.888 18.7338C104.606 18.7338 107.62 15.7199 107.62 12.0021C107.62 8.28436 104.606 5.27051 100.888 5.27051C97.1703 5.27051 94.1565 8.28436 94.1565 12.0021C94.1565 15.7199 97.1703 18.7338 100.888 18.7338Z" fill="currentColor"></path> </svg>--}}
                                                                        <img src="img/tamara_logo_ar.svg" height="60" width="70" alt="{{trans("web.installment_desc")}}">
                                                                    @else
{{--                                                                        <svg width="75" height="18" viewBox="0 0 185 26" fill="none" style="color: var(--blazma-primary)"> <path d="M90.5893 5.77756C88.359 4.92403 86.1287 4.53009 83.4392 5.121C81.2745 5.58059 79.5689 6.43413 78.4538 8.6008C78.9786 8.99473 79.3722 9.38867 79.8313 9.78261C80.5529 10.4392 81.2745 11.0301 82.2584 11.818C83.0456 10.7018 84.4231 9.45433 85.9319 9.38867C87.6374 9.32302 89.2773 10.3079 89.5397 11.6867C89.6709 12.2776 89.7365 14.6412 89.7365 14.6412L88.8181 14.8382C88.7525 14.8382 88.5558 14.9038 88.2934 14.8382C88.2278 14.8382 88.2278 14.7725 88.1622 14.7725C88.0966 14.7725 88.0966 14.7725 88.031 14.7069C85.9975 13.9846 84.0952 13.5907 82.2584 13.5907C81.6025 13.5907 80.9465 13.6564 80.2905 13.722C78.257 14.0503 75.8955 15.1665 75.8955 18.8432C75.8955 20.222 76.2235 21.2725 76.8139 22.126C77.929 23.6362 79.5034 24.5553 81.6025 24.5553C83.8984 24.5553 85.9319 23.9644 87.8998 22.3887C87.9654 22.3887 88.359 21.9947 88.4902 21.9291L89.7365 20.9442V22.52V24.5553H94.9187V11.818C94.7875 8.99473 93.2132 6.76241 90.5893 5.77756ZM88.9493 17.5957C87.8342 19.5654 86.0631 20.6816 83.964 20.6816C83.8984 20.6816 83.7672 20.6816 83.7016 20.6816C83.308 20.6816 82.8488 20.6159 82.3896 20.5503C80.8153 20.1564 79.9625 18.9089 80.0281 17.2018L80.0937 16.4796H89.6053L88.9493 17.5957Z" fill="currentColor"></path> <path d="M144.51 5.77756C142.28 4.92403 140.05 4.53009 137.36 5.121C135.195 5.58059 133.49 6.43413 132.375 8.6008C132.899 8.99473 133.293 9.38867 133.752 9.78261C134.474 10.4392 135.195 11.0301 136.179 11.818C136.966 10.7018 138.344 9.45433 139.853 9.38867C141.558 9.32302 143.198 10.3079 143.461 11.6867C143.592 12.2776 143.657 14.6412 143.657 14.6412L142.739 14.8382C142.673 14.8382 142.477 14.9038 142.214 14.8382C142.149 14.8382 142.149 14.7725 142.083 14.7725C142.017 14.7725 142.017 14.7725 141.952 14.7069C139.918 13.9846 138.016 13.5907 136.179 13.5907C135.523 13.5907 134.867 13.6564 134.211 13.722C132.178 14.0503 129.816 15.1665 129.816 18.8432C129.816 20.222 130.144 21.2725 130.735 22.126C131.85 23.6362 133.424 24.5553 135.523 24.5553C137.819 24.5553 139.853 23.9644 141.821 22.3887C141.886 22.3887 142.28 21.9947 142.411 21.9291L143.657 20.9442V22.52V24.5553H148.84V11.818C148.708 8.99473 147.2 6.76241 144.51 5.77756ZM142.87 17.5957C141.755 19.5654 139.984 20.6816 137.885 20.6816C137.819 20.6816 137.688 20.6816 137.622 20.6816C137.229 20.6816 136.77 20.6159 136.311 20.5503C134.736 20.1564 133.883 18.9089 133.949 17.2018L134.015 16.4796H143.526L142.87 17.5957Z" fill="currentColor"></path> <path d="M179.801 5.77756C177.571 4.92403 175.341 4.53009 172.651 5.121C170.486 5.58059 168.781 6.43413 167.666 8.6008C168.19 8.99473 168.584 9.38867 169.043 9.78261C169.765 10.4392 170.486 11.0301 171.47 11.818C172.258 10.7018 173.635 9.45433 175.144 9.38867C176.849 9.32302 178.489 10.3079 178.752 11.6867C178.883 12.2776 178.948 14.6412 178.948 14.6412L178.03 14.8382C177.964 14.8382 177.768 14.9038 177.505 14.8382C177.44 14.8382 177.44 14.7725 177.374 14.7725C177.308 14.7725 177.309 14.7725 177.243 14.7069C175.209 13.9846 173.307 13.5907 171.47 13.5907C170.814 13.5907 170.158 13.6564 169.502 13.722C167.469 14.0503 165.107 15.1665 165.107 18.8432C165.107 20.222 165.435 21.2725 166.026 22.126C167.141 23.6362 168.715 24.5553 170.814 24.5553C173.11 24.5553 175.144 23.9644 177.112 22.3887C177.177 22.3887 177.571 21.9947 177.702 21.9291L178.948 20.9442V22.52V24.5553H184.131V11.818C183.999 8.99473 182.425 6.76241 179.801 5.77756ZM178.161 17.5957C177.046 19.5654 175.275 20.6816 173.176 20.6816C173.11 20.6816 172.979 20.6816 172.913 20.6816C172.52 20.6816 172.061 20.6159 171.602 20.5503C170.027 20.1564 169.174 18.9089 169.24 17.2018L169.306 16.4796H178.817L178.161 17.5957Z" fill="currentColor"></path> <path d="M162.878 6.43457C161.238 6.50023 159.991 7.22245 159.204 8.66689C159.139 8.79821 158.548 9.91437 158.548 9.91437L157.302 9.65174V9.06083V6.6972H152.316V24.4901H157.302V22.8487C157.302 21.2073 157.302 19.5002 157.302 17.8588V17.5305C157.302 16.9396 157.236 16.3487 157.302 15.6921C157.433 13.3942 159.204 11.6871 161.369 11.4245C162.09 11.3588 163.796 11.2932 163.993 11.2932V6.43457C163.665 6.43457 163.271 6.43457 162.878 6.43457Z" fill="currentColor"></path> <path d="M71.9595 20.3535C71.5659 20.3535 71.1067 20.3535 70.6475 20.2222C69.3356 20.0253 68.4828 19.3687 68.1548 18.3182C68.0236 17.8586 67.8924 17.399 67.8924 16.9394V8.99495H68.6796C70.3195 8.92929 72.0907 8.79798 73.7962 8.33838L72.7466 4.72727L67.958 5.4495V0H62.3167V5.31818H58.3809V8.99495H62.1855C62.1855 8.99495 62.1855 16.5455 62.1855 18.5152C62.1855 19.7626 62.5135 20.8788 63.1695 21.8636C63.9566 23.0455 65.0062 23.7677 66.6461 24.1616C68.4172 24.6212 70.1228 24.5556 72.0251 24.5556C72.1563 24.5556 72.3531 24.5556 72.4842 24.5556V20.3535C72.4186 20.3535 72.353 20.3535 72.2875 20.3535C72.2219 20.3535 72.0907 20.3535 71.9595 20.3535Z" fill="currentColor"></path> <path d="M115.32 14.4444C115.32 12.6716 116.501 11.2272 118.141 11.0959C120.109 10.8989 121.486 11.8838 121.88 13.7221C121.945 14.0504 121.945 14.3787 121.945 14.707C121.945 17.3989 121.945 20.0252 121.945 22.7171V24.4898H126.931V21.7322C126.931 18.6464 126.931 15.5605 126.931 12.4747C126.931 11.7525 126.865 11.2272 126.8 10.7676C126.406 8.53528 125.225 7.22215 123.192 6.63124C121.027 6.04033 117.419 6.49993 115.714 9.45447L114.926 10.9646C114.533 8.73225 113.221 7.15649 111.253 6.56558C109.088 5.97467 105.808 6.49993 104.169 9.38881L103.447 10.7019V6.6969H98.1992V24.4898H103.381C103.381 24.4898 103.381 17.3989 103.381 14.8383C103.381 14.51 103.381 14.1817 103.447 13.8535C103.644 12.5403 104.497 11.5555 105.743 11.2272C107.186 10.8333 108.629 11.2929 109.416 12.3434C110.007 13.1312 110.072 13.9848 110.072 14.6413C110.072 17.1363 110.072 24.4898 110.072 24.4898H115.32" fill="currentColor"></path> <path d="M2.3615 6.89418C1.31194 8.076 0.524777 9.32347 0 10.7023L16.5305 24.4245C17.3176 23.8992 18.1048 23.374 18.7608 22.6518L19.0888 22.3235C25.3861 15.7578 21.2535 8.66691 18.7608 6.30327C14.2346 1.90428 7.01889 2.0356 2.68948 6.5659L2.3615 6.89418Z" fill="currentColor"></path> <path d="M48.0176 14.5104C48.0176 20.8791 42.901 26.0003 36.5381 26.0003C30.1752 26.0003 25.0586 20.8791 25.0586 14.5104C25.0586 8.20738 30.1752 3.02051 36.5381 3.02051C42.901 3.08616 48.0176 8.20738 48.0176 14.5104Z" fill="currentColor"></path> </svg>--}}
                                                                        <img src="img/tamara_logo.svg" height="60" width="70" alt="{{trans("web.installment_desc")}}">
                                                                    @endif
                                                                </p>
                                                            </div>
                                                        </div> <!-- Single Method -->
                                                    @endif

                                            </div>
                                        @endif
                                    </div>
                                    @if(empty(config('services.PROFILE_ID')) || config('services.PROFILE_ID') != 4)
                                        <p class="desc">{{trans("web.term_agree")}}, <a id="term_check_info" href="#" style="color: #007bff;">{{trans("web.check_info")}}</a></p>
                                    @else
                                        <p class="desc">{{trans("web.delta_term_agree")}}</p>
                                        <ul style="margin: 7px;">
                                            <li style="font-size: 13px;margin-bottom: 6px;">
                                                {{trans("web.delta_term1")}}
                                            </li>
                                            <li style="font-size: 13px;margin-bottom: 6px;">
                                                {{trans("web.delta_term2")}}
                                            </li>
                                            <li style="font-size: 13px;margin-bottom: 6px;">
                                                {{trans("web.delta_term3")}}
                                            </li>
                                        </ul>
                                    @endif
                                    @if($has_cod)
                                        <form id="cod-form" method="post" action="/cod_order{{$cod_url}}" style="text-align: center">
                                            <div class="btn-div text-center py-3">
                                                @if(!empty(session('is_company')))
                                                    <input onClick="this.form.submit();this.disabled=true;"  @if(!empty($profile) && $profile->COLOR) style="background:{{$profile->COLOR}}" @endif class="btn pay-btn complete-purchase-btn" value="{{trans("web.cod")}} @if(app('translator')->getLocale() == 'ar') &#10229; @else &#10230; @endif" />
                                                @else
                                                    <input onClick="this.form.submit();this.disabled=true; snaptr('track', 'PURCHASE', {'currency': 'SAR','price': '{{empty($cart["net_total"]) ? "0" : $cart["net_total"]}}'});" @if(!empty($profile) && $profile->COLOR) style="background:{{$profile->COLOR}}" @endif class="btn pay-btn complete-purchase-btn" value="{{trans("web.complete_purchase")}} @if(app('translator')->getLocale() == 'ar') &#10229; @else &#10230; @endif " />
                                                @endif
                                            </div>
                                        </form>
                                    @endif
                                    @if($has_credit)
                                        <form method="post" action="/credit_order{{$cod_url}}" style="text-align: center">
                                            <div class="btn-div text-center py-3" style="margin-top:0px;padding-top:0px !important;">
                                                <input {{--style="    background: linear-gradient(to right, #723540 , var(--blazma-primary));"--}} onClick="this.form.submit();this.disabled=true;" class="btn pay-btn complete-purchase-btn" value="{{trans("web.credit")}} &#10230;">
                                            </div>
                                        </form>
                                    @endif

                                    @if($has_tamara)
                                        <form id="installment-form" method="post" action="/tamara/payment{{$cod_url}}" style="text-align: center;display: none">
                                            <div class="btn-div text-center py-3" style="margin-top:0px;padding-top:0px !important;">
                                                <input onClick="this.form.submit();this.disabled=true;" class="btn pay-btn complete-purchase-btn" value="{{trans("web.complete_purchase")}} @if(app('translator')->getLocale() == 'ar') &#10229; @else &#10230; @endif">
                                            </div>
                                        </form>
                                    @endif

                                    @if($has_prepaid)
                                        <div  id="online-form" style="text-align: center;display: none">
                                            <div id="root"></div>
                                            <div class="btn-div text-center py-3">
                                                <button  id="openLightBox" onClick="goSell.openPaymentPage(); snaptr('track', 'PURCHASE', {'currency': 'SAR','price': '{{empty($cart["net_total"]) ? "0" : $cart["net_total"]}}'});" class="btn pay-btn complete-purchase-btn pulse-button">{{trans("web.complete_purchase")}}</button>
                                            </div>
                                        </div>
                                    @endif
{{--                                    @if($has_tamara)--}}
{{--                                        <div  id="installment-payment" style="text-align: center;display: none">--}}
{{--                                            <div id="root"></div>--}}
{{--                                            <div class="btn-div text-center py-3">--}}
{{--                                                <button  id="openLightBox" onClick="goSell.openPaymentPage(); snaptr('track', 'PURCHASE', {'currency': 'SAR','price': '{{empty($cart["net_total"]) ? "0" : $cart["net_total"]}}'});" class="btn pay-btn complete-purchase-btn pulse-button">{{trans("web.complete_purchase")}}</button>--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                    @endif--}}


                                </div>
                                {{--<form class="form">
                                    <h2 class="step-title">Payment details</h2>
                                    <div class="step-main">
                                        <div class="form-group payment">
                                            <label for="payment-method">Payment method:</label>
                                            <input type="radio" name="payment-method"
                                                   checked
                                                   id="card"
                                                   value="1">
                                            <label for="card">Credit Card</label>
                                            <input type="radio" name="payment-method"
                                                   id="arrival"
                                                   value="2">
                                            <label for="arrival">Pay on Arrival</label>
                                        </div>
                                        <div class="form-group">
                                            <input type="text"
                                                   class="form-control"
                                                   placeholder="Name on card"
                                            />
                                        </div>
                                        <div class="form-group">
                                            <input type="text"
                                                   class="form-control"
                                                   placeholder="Credit card nomber"
                                            />
                                        </div>
                                        <div class="twice">
                                            <div class="form-group">
                                                <input type="text" class="form-control" placeholder="Expiration date">
                                            </div>
                                            <div class="form-group">
                                                <input type="text" class="form-control" placeholder="Security code (CVV)">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="step-footer">
                                        <button class="btn cart-btn"
                                                id="open-cart" type="button">
                                            <span class="icon">&#10229;</span>
                                            Return to cart
                                        </button>
                                        <a href="#"
                                           class="btn continue-btn">
                                            <span>Complete purchase</span>
                                            <span class="icon">&#10230;</span>
                                        </a>
                                    </div>
                                </form>--}}
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-5" id="order-summary">
                        <div class="order-summary">
                            <div class="header">
                                <h2 class="title">{{trans('web.order_summary')}}</h2>
                            </div>
                            <div class="card-list">
                                <div class="packages">
                                    @foreach($packages as $package)
                                        <div class="single-package">
                                            <div class="left-side">
                                                <div class="package-image">
                                                    <img src="@if(app('translator')->getLocale() == "ar") {{$package['IMAGE_URL_AR']}} @else {{$package['IMAGE_URL']}} @endif"
                                                         alt="Diabetes">
                                                </div>
                                                <div class="package-name">
                                                    <h6 class="tag">{{ $package['IS_PACKAGE'] ? trans('web.packages') : trans('web.test')}}</h6>
                                                    <h4 class="title">@if(app('translator')->getLocale() == "ar")
                                                            {{$package["NAME_AR"]}}
                                                        @else
                                                            {{$package["NAME_EN"]}}
                                                        @endif</h4>
                                                </div>
                                            </div>
                                            <div class="right-side">
                                                <span class="price">{{$package["BASE_PRICE"]}} {!! $currency_code !!}</span>
                                                {{--@foreach($package["items"] as $item)
                                                    @if($cart["packages_count"] > 1)
                                                        <button cart-id="{{$item["CART_ID"]}}"
                                                                class="btn delete-btn delete-cart-item"><i
                                                                    class="ri-delete-bin-7-line"></i></button>
                                                    @endif
                                                @endforeach--}}
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                            @include('promo_code_section')

                            <div class="side-footer">
                                <div class="side-row">
                                    <span class="row-name">{{trans('web.subtotal')}}:</span>
                                    <span class="row-value">{{$sub_total}} {!! $currency_code !!}</span>
                                </div>
                                @if(!empty($cart["home_visit_fees"]))
                                    <div class="side-row">
                                        <span class="row-name">{{trans("web.home_visit")}}:</span>
                                        <span class="row-value">{{$cart["home_visit_fees"]}} {!! $currency_code !!}</span>
                                    </div>
                                @endif
                                <div class="side-row">
                                    <span class="row-name">{{trans("web.tax")}}:</span>
                                    <span class="row-value">{{$cart["tax_amount"]}} {!! $currency_code !!}</span>
                                </div>
                                @if($cart['discount_amount'] != 0)
                                    <div class="side-row">
                                        <span class="row-name">{{trans("web.discount")}}:</span>
                                        <span class="row-value">{{$cart["discount_amount"]}} {!! $currency_code !!}</span>
                                    </div>
                                @endif
                                <div class="side-row total">
                                    <span class="row-name">{{trans("web.total")}} {{empty($cart["packages_count"]) ? "0" : $cart["packages_count"]}} {{trans("web.test")}}</span>
                                    <span class="row-value">@if(!empty($hospital->ENABLE_RECURSIVE_TAX))
                                            {{empty($cart["net_total"]) ? "0" : $cart["net_total"]}}
                                        @else
                                            {{empty($cart["net_total"]) ? "0" : $cart["net_total"]}}
                                        @endif {!! $currency_code !!}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Checkout Section -->
    </main>
@endsection


@section('frontend_scripts')
    <script>
        $(document).on('click', '#term_check_info', function (e) {
            e.preventDefault();
            let slotTime = getUrlParameter('timeslotId');
            let date = getUrlParameter('date');
            window.location.href = '/order-account?date='+date+'&timeslotId='+slotTime;
        })

    </script>
@endsection