{{-- Premium Modal --}}
<div name="contractCounterModal" class="modal fade px-0" id="contractCounterModal" tabindex="-1" role="dialog" aria-labelledby="contractCounterModalTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content" style="">
        <div class="modal-header py-0">
            <h1 style="color: #fff">{{ __('modal.purchases.title') }}</h1>

            <button type="button" class="close pt-4" data-dismiss="modal" aria-label="Close">
                <img src="{{ asset('img/icon_exit_white.png') }}" width="25px" height="auto">
            </button>
        </div>
        <div class="modal-body py-0" id="modalBody">
            <p class="modal-sign-text text-left" style="color: #fff;">{{ __('modal.purchases.description') }}</p>
            {{--@if( !empty(Session::get('success_payment_message')) )
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <strong>{{ Session::pull('success_payment_message') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif--}}
            {{--@if( !empty(Session::get('failed_payment_message')) )
                <div class="alert alert-warning alert-dismissible fade show" role="alert">
                    <strong>{{ Session::pull('failed_payment_message') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif--}}

            <div class="d-flex justify-content-center row row-cols-1 row-cols-md-3">
                <div class="col-sm-12 col-md-6 col-lg-6 mb-4" style="">
                    <div class="package-card-white card h-100">
                    <div class="card-body">
                        <div class="w-100 mb-4">
                            <img src="{{ asset('img/payment/icon_contract.png') }}" alt="" style="max-width: 100px;">
                        </div>
                          <h1 id="contracts_count" class="w-100" style="margin-bottom: 0px">{{ (Session::get('user')['contracts_count']) }}</h1>
                        <p class="card-text" style="color: #333; text-align: center; font-weight: bold;">{{ __('modal.purchases.contracts') }}</p>
                        <div class="form-group text-center w-100 mb-0">
                            <button type="button" class="btn payment-buttons w-100" onclick="subscriptionModalShow();">{{ __('modal.purchases.getMoreButton') }}</button>
                        </div>
                    </div>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-6 mb-4" style="">
                    <div class="package-card-white card h-100">
                    <div class="card-body">
                        <div class="w-100 mb-4">
                            <img src="{{ asset('img/payment/icon_certificate.png') }}" alt="" style="max-width: 100px;">
                        </div>
                        <div class="w-100 mb-2">
                            <img src="{{ asset('img/payment/infinity_icon.svg') }}" alt="" style="max-width: 100px;">
                        </div>
                        <p class="card-text" style="color: #333; text-align: center; font-weight: bold;">{{ __('modal.purchases.certificates.title') }}</p>
                        <div class="form-group text-center w-100 mb-0">
                            <button id="subscribeButton" type="button" class="btn payment-buttons select_method_btn w-100" disabled>{{ __('modal.purchases.certificates.button') }}</button>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </div>
</div>