@extends('frontLayout.frontlayout')
@section('content')
@php
use App\Models\Admin\Settings;
use App\Models\Frontend\ContentManagement;
$lang = session('language') ? session('language') : 'en';
$paymentTitle = ContentManagement::getLike('payment_title','sellbusiness_payment');
$paymentSubTitle = ContentManagement::getLike('payment_sub_title','sellbusiness_payment');
$paymentDescription = ContentManagement::getLike('payment_description','sellbusiness_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($paymentTitle) && !empty($paymentTitle) ? __dl($paymentTitle,'payment_title'): "Sell A Bussiness "}}
                    </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($paymentSubTitle) && !empty($paymentSubTitle) ? __dl($paymentSubTitle,'payment_sub_title'): "Complete your payment"}}</h4>
                    <p>{{isset($paymentDescription) && !empty($paymentDescription) ? __dl($paymentDescription,'payment_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">
                    <ul class="nav nav-tabs" role="tablist" id="payment_type_js">
                        <li class="nav-item" role="presentation">
                            <button data-value="listing" data-price="{{isset($listingCharges) && $listingCharges['grand_total'] ? Settings::get('currency_symbol').''.$listingCharges['grand_total'] : ''}}"  class="nav-link active" type="button">{{__('paymentSellBusiness.listing_button')}}<i class="fas fa-info-circle ps-2"></i></button>
                        </li>
                        <li data-value="listingDue" class="nav-item" role="presentation">
                            <button class="nav-link" data-price="{{isset($listingDueDiligenceCharges) && $listingDueDiligenceCharges['grand_total'] ? Settings::get('currency_symbol').''.$listingDueDiligenceCharges['grand_total'] : ''}}"  type="button">{{__('paymentSellBusiness.listing_due_button')}}<i class="fas fa-info-circle ps-2"></i></button>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane fade show active">
                            <div class="form_area">
                                <form action="{{ route('sell-bussiness.payment',['slug'=>$slug])}}" method="POST" class="form-validation" id="business_payment_form" data-modal='business_payment_success'>
                                    {{ csrf_field(); }}
                                    <div class="row card_div" data-url="{{ route('sell-bussiness.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.sellBusiness.partials.cards')
                                                @else
                                                    @include('frontend.sellBusiness.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>{{__('paymentSellBusiness.transactions')}}</p>
                                                    </div>
                                                    <div class="box_area">
                                                        <div class="inner_box">
                                                            <div class="inner_left">
                                                                <p>{{__('paymentSellBusiness.subtotal')}}</p>
                                                            </div>
                                                            <div class="inner_right">
                                                                <p>{{isset($listingCharges) && $listingCharges['price'] ? Settings::get('currency_symbol').''.$listingCharges['price'] : ''}}</p>
                                                            </div>
                                                        </div>
                                                        <!-- <div class="inner_box">
                                                            <div class="inner_left">
                                                                <p>{{__('paymentSellBusiness.discount')}}</p>
                                                            </div>
                                                            <div class="inner_right">
                                                                <p>{{isset($listingCharges) && $listingCharges['discount'] ? Settings::get('currency_symbol').''.$listingCharges['discount'] : ''}}</p>
                                                            </div>
                                                        </div> -->
                                                    </div>
                                                    <div class="grand_total">
                                                        <div class="left">
                                                            <p>{{__('paymentSellBusiness.grand_total')}}</p>
                                                        </div>
                                                        <div class="right">
                                                            <p class="listing_grand_total">{{isset($listingCharges) && $listingCharges['grand_total'] ? Settings::get('currency_symbol').''.$listingCharges['grand_total'] : ''}}</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="payment_detail d-none" id="listingDue" >
                                                    <div class="title">
                                                        <p>{{__('paymentSellBusiness.payment_detail')}}</p>
                                                    </div>
                                                    <div class="box_area">
                                                        <div class="inner_box">
                                                            <div class="inner_left">
                                                                <p>{{__('paymentSellBusiness.subtotal')}}</p>
                                                            </div>
                                                            <div class="inner_right">
                                                                <p>{{isset($listingDueDiligenceCharges) && $listingDueDiligenceCharges['price'] ? Settings::get('currency_symbol').''.$listingDueDiligenceCharges['price'] : ''}}</p>
                                                            </div>
                                                        </div>
                                                        <!-- <div class="inner_box">
                                                            <div class="inner_left">
                                                                <p>{{__('paymentSellBusiness.discount')}}</p>
                                                            </div>
                                                            <div class="inner_right">
                                                                <p>{{isset($listingDueDiligenceCharges) && $listingDueDiligenceCharges['discount'] ? Settings::get('currency_symbol').''.$listingDueDiligenceCharges['discount'] : ''}}</p>
                                                            </div>
                                                        </div> -->
                                                    </div>
                                                    <div class="grand_total">
                                                        <div class="left">
                                                            <p>{{__('paymentSellBusiness.grand_total')}}</p>
                                                        </div>
                                                        <div class="right">
                                                            <p class="listing_grand_total">{{isset($listingDueDiligenceCharges) && $listingDueDiligenceCharges['grand_total'] ? Settings::get('currency_symbol').''.$listingDueDiligenceCharges['grand_total'] : ''}}</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <input type="hidden" name="business_listing_type" value="listing">
                                        <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">{{__('paymentSellBusiness.terms_poliy')}} <a target="_blank" href="{{ route('frontend.termsCondition') }}">{{__('paymentSellBusiness.term')}}</a> and <a target="_blank" href="{{ route('frontend.privacyPolicy') }}">{{__('paymentSellBusiness.privacy')}}</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 type="submit" class="btn btn-theme" id="paybutton">{{__('paymentSellBusiness.pay')}} {{isset($listingCharges) && $listingCharges['grand_total'] ? Settings::get('currency_symbol').''.$listingCharges['grand_total'] : ''}}</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('sell-bussiness.uploadDocuments',['slug'=>$slug]) }}">{{__('docSubmit.goBack')}}</a>
                    </div>
                    <div class="left_area">
                        <a class="btn btn-theme" href="{{ route('homepage.index') }}">{{__('docSubmit.cancel')}}</a>
                    </div>
                    <div class="right_area d-none">
                        <div class="btn_continue">
                            <a href="javascript:;" class="btn btn-theme">
                                {{__('docSubmit.continue')}}
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@include('frontend.sellBusiness.partials.paymentSuccess');
<!-- Button trigger modal -->
@endsection