@extends('company_portal.layouts.master')

@section('title','Creating the third workspace.')

@section('header')
	@include('company_portal.partials.header')
@endsection
@section('content')

    <div class="overlay-payment h-100 w-100">
        <div class="d-flex h-100 align-items-center justify-content-center bigger-z-index">
        <div class="w-100 text-center">
            <img src="{{asset('images/ajax-loader.gif')}}">
        
        </div>
        </div>
    </div>

    {{-- modals --}}
    @include('company_portal.payment_partials._enter_card_modal')
    @include('company_portal.payment_partials._payment_confirmation_modal')

    {{-- end modals --}}


<section class="main-container">
    <div class="padding"> 
        <div class="content">
            <section class="billing-new retention-payment">
                <div class="row g-5">
                    <div class="col-12 col-lg-8 col-xxl-6 mb-5 mb-lg-0">
                        <div class="boxed h-100">
                            <p class="text-center text-md-start f-20 font-bold font-gotham mb-5 mb-md-3 py-3">Special offer!</p>
                            <div class="row">
                                <div class="col-12 col-md-11 my-0 mx-auto">
                                    <div class="pb-3 pb-md-4">
                                        <div class="pb-4 pb-md-0">
                                            <div class="billed-yearly-check">
                                                <div class="boxed-inside update-border h-100">
                                                    <div class="icon red d-flex flex-column align-items-center justify-content-center icon-new-position">
                                                        <p class="mb-0 text-center font-bold">Just For <br> You</p>
                                                    </div>
                                                    <div class="checkbox-billing text-center">
                                                        <input class="form-check-input text-center mb-4 mb-md-4" checked type="radio" name="radioNoLabel" id="radioNoLabel1" value="" aria-label="...">
                                                    </div>
                                                    <p class="mb-3 mb-md-4 text-center">{{$plan->name}}</p>
                                                    <p class="price text-center color-green">
                                                        <sup>£</sup>{{round($new_price, 2)}} <span class="color-light-grey f-18 font-gotham ">was <span class="strikediag">£{{round($plan->full_price, 2)}}</span></span>
                                                    </p>
                                                    <p class="mb-3 mb-md-4 text-center color-green">Per user @if($plan->price)per month*@endif</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                
                                    <div class="users">
                                        <div class="row px-3 px-md-4">
                                            <div class="col-6 pb-2">
                                                <p class="font-bold">No. of users</p>
                                            </div>
                                            <div class="col-6 pb-2">
                                                <div class="text-end">
                                                
                                                    <p >{{Auth::user()->licences}}</p>
                                                </div>
                                            </div>
                                            <div class="col-6 pb-2">
                                                <p class="font-bold">Discount</p>
                                            </div>
                                            <div class="col-6 pb-2">
                                                <div class="text-end">
                                                    <p>£-{{round($discount, 2)}}</p>
                                                    {{-- <input type="text" class="form-control end" placeholder="£-251.64">  --}}
                                                </div>
                                            </div>
                                            <div class="col-6 pb-2">
                                                <p class="font-bold">Subtotal</p>
                                            </div>
                                            <div class="col-6 pb-2">
                                                <div class="text-end">
                                                    <p>£{{round($new_price * Auth::user()->licences, 2)}}</p>
                                                    {{-- <input type="text" class="form-control end" placeholder="£1,251.64">  --}}
                                                </div>
                                            </div>
                                            @if($plan->vat)
                                        {{--  <div class="col-6 pb-2">
                                                <p class="font-bold">VAT 20%</p>
                                            </div>
                                            <div class="col-6 pb-2">
                                                <div class="text-end">
                                                    <p>£{{round(($new_price * Auth::user()->licences) * 1.20, 2)}}</p>
                                                
                                                </div>
                                            </div> --}}
                                            @endif
                                        </div>
                                    </div>
                                    <div class="bordered-box mb-4 mb-md-5">
                                        <div class="row">
                                            <div class="col-12 col-sm-6 pb-4 pb-sm-0 text-center text-sm-start">
                                                <p class="f-14 font-bold">New price:</p>
                                                <p class="f-14 color-green"></p>
                                            </div>
                                        
                                            <div class="col-12 col-sm-6">
                                                <p class="price text-center text-sm-end"><sup>£</sup>{{round(($new_price * Auth::user()->licences), 2)}}</p>
                                            </div>
                                            {{-- @endif --}}
                                        </div>
                                    </div>
                                    <div class="bordered-box mb-4 mb-md-5">
                                        <div class="row">
                                            <div class="col-12 col-sm-6 pb-4 pb-sm-0 text-center text-sm-start">
                                                <p class="f-14 font-bold">Total:</p>
                                                <p class="f-14 color-green"></p>
                                            </div>
                                        
                                            <div class="col-12 col-sm-6">
                                                <p class="price text-center text-sm-end"><sup>£</sup>0</p>
                                            </div>
                                            {{-- @endif --}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <form id="payment-forms" action="{{ route('accept_special_offer_stripe') }}" method="POST">
                                {{ csrf_field() }}

                                <input type="hidden" class="special_offer" value="special_offer" name="special_offer">
                            @include('company_portal.payment_partials._payment_stripe')
                            
                            </form>
                        
                        </div>
                        
                    </div>
                    @include('company_portal.payment_partials._right_sidebar_payment_blade')
                </div>
            </section>
        </div>
    </div>
</section>



@endsection

@push('scripts')
<script src="https://js.stripe.com/v3/"></script>
<script>
    var stripe_key = "{{ env("STRIPE_KEY") }}";
    var route_save_payment_method = "{{route('savePaymentMethod')}}"
    </script>
<script type="text/javascript" src="{{ mix('js/portals-scripts/subscription/cancel_subscription.js') }}"></script>
<script type="text/javascript" src="{{ mix('js/portals-scripts/subscription/stripe_functions.js') }}"></script>

@endpush