@extends('frontLayout.frontlayout')
@section('content')
@php
use App\Models\Frontend\ContentManagement;
$lang = session('language') ? session('language') : 'en';
$videoPayTitle = ContentManagement::getLike('video_pay_title','video_payment');
$videoSubPayTitle = ContentManagement::getLike('video_pay_sub_title','video_payment');
$videoMiniPayTitle = ContentManagement::getLike('video_pay_description','video_payment');
@endphp
<!-- ==== Breadcame Section Start ==== -->
<div class="breadcrumb_area" style="background-image:url({{ asset('assets/img/login/Frame.png') }})">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="title_area">
                    <h4>
                        {{isset($videoPayTitle) && !empty($videoPayTitle) ? __dl($videoPayTitle,'video_pay_title'): "Bussiness Information"}}
                    </h4>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ==== Breadcame Section End ==== -->

<!-- Title_section_start -->
<section class="title_section title_section_2">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="inner_area">
                    <div class="long_txt text_left">
                        <h4>3/4</h4>
                    </div>
                    <h4>{{isset($videoSubPayTitle) && !empty($videoSubPayTitle) ? __dl($videoSubPayTitle,'video_pay_sub_title'): "Complete your payment"}}</h4>
                    <p>{{isset($videoMiniPayTitle) && !empty($videoMiniPayTitle) ? __dl($videoMiniPayTitle,'video_pay_description'): "-"}}</p>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Title_section_end -->

<!-- ==== Sell_Business_Section_Start === -->
<section class="sell_business_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 parent">
                @include('frontend.partials.flash_messages')
                <div class="sell_business_area sell_business_inner">
                    <div class="tab-content">
                        <div class="tab-pane fade show active">
                            <div class="form_area">
                                <form action="{{ route('frontend.video-package.pay',['slug'=>$slug])}}" method="POST" class="form-validation" id="video_package_payment_form">
                                    {{ csrf_field(); }}
                                    <div class="row card_div" data-url="{{ route('video-package.getCardHtml') }}">
                                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12 card_col">
                                            <div class="left_area">
                                                @if(isset($cards) && count($cards) > 0)
                                                @include('frontend.bussinessInformation.videoPackage.partials.cards')
                                                @else
                                                @include('frontend.bussinessInformation.videoPackage.partials.addCards')
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                            <div class="right_area">
                                                <div class="payment_detail" id="listing">
                                                    <div class="title">
                                                        <p>{{__('videoAddCard.payment_detail')}} </p>
                                                    </div>
                                                    <div class="box_area">
                                                        {{-- <div class="inner_box">
                                                            <div class="inner_left">
                                                                <p>{{__('videoAddCard.subtotal')}}</p>
                                                            </div>
                                                            <div class="inner_right">
                                                                <p>{{ isset($package->discount) && $package->discount ? General::priceFormat($package->discount) : '' }}</p>
                                                            </div>
                                                        </div> --}}
                                                        @if(isset($package->discount) && $package->discount && isset($package->price) && $package->price && $package->price < $package->discount)
                                                            <div class="inner_box">
                                                                <div class="inner_left">
                                                                    <p>{{__('paymentSellBusiness.discount')}}</p>
                                                                </div>
                                                                <div class="inner_right">
                                                                    <p>-{{ isset($package->discount) && $package->discount ? (isset($package->price) && $package->price ? General::priceFormat($package->discount-$package->price) : '') : '' }}</p>
                                                                </div>
                                                            </div>
                                                        @endif
                                                    </div>
                                                    <div class="grand_total">
                                                        <div class="left">
                                                            <p>{{__('videoAddCard.grand_total')}}</p>
                                                        </div>
                                                        <div class="right">
                                                            <p>
                                                                {{ isset($package->discount) && $package->discount ? General::priceFormat($package->discount) : General::priceFormat($package->price) }}
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <input type="hidden" name="selected_card" value="">
                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                            <div class="form-group mt-4">
                                                <div class="form-check checked">
                                                    <input type="hidden" name="check_form_agree" value="0">
                                                    <input class="form-check-input" type="checkbox" value="1" name="check_form_agree" id="defaultCheck1" required>
                                                    <label class="form-check-label" for="defaultCheck1">{{__('videoAddCard.agriment')}} <a target="_blank" href="{{ route('frontend.termsCondition') }}">{{__('videoAddCard.terms_conditions')}}</a> {{__('videoAddCard.and')}} <a target="_blank" href="{{ route('frontend.privacyPolicy') }}">{{__('videoAddCard.privacy_policy')}}</a>.
                                                    </label>
                                                </div>
                                                <label id="check_form_agree-error" class="error" for="check_form_agree">@error('check_form_agree'){{ $message }} @enderror</label>
                                            </div>
                                        </div>
                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                            <div class="button_area">
                                                <button class="btn btn-theme" id="paybutton">{{__('videoAddCard.pay')}} {{ isset($package->discount) && $package->discount ? General::priceFormat($package->discount) : General::priceFormat($package->price) }}</button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Sell_Business_Section_End === -->

<section class="button_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="skip_area">
                    <div class="left_area">
                        <a href="{{ route('video-package.index') }}" class="btn btn-theme">{{__('videoAddCard.go_back')}}</a>
                    </div>
                    <div class="left_area">
                        <a href="{{ route('homepage.index') }}" class="btn btn-theme">{{__('videoAddCard.cancel')}}</a>
                    </div>
                    <div class="right_area d-none">
                        <div class="btn_continue">
                            <a href="javascript:;" class="btn btn-theme">
                                {{__('videoAddCard.continue')}}
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Button trigger modal -->
@endsection