@extends('company_portal.layouts.master')

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

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

@section('content')
<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 offset-0 col-lg-10 offset-lg-0 col-xl-8 offset-xl-0 col-xxl-6 offset-xxl-1 mb-5 mb-lg-0">
                    <div class="boxed h-100 p-0">
                        <div class="inner-box boxed-inside">
                            <div class="top-section" style="background-image: url({{asset('images/new_dashboard/retention-popup-bg.png')}});">
                                <div class="bigger-z-index text-center content-top">
                                    <h1 class="h3 color-green mb-2">SPECIAL OFFER</h1>
                                    <p class="mb-0 f-20 font-bold text-white text-nowrap">Special subscription rate just for you!</p>
                                </div>
                            </div>
                            <div class="inner-details">
                                 <div class="price text-center color-green">
                                    <div class="main-price position-relative d-inline-block">
                                        <span><sup>£</sup>{{round($new_price, 2)}}</span>
                                        @if($plan->price)
                                            <p class="mb-0 text-center color-green f-10">Per user per month*</p>
                                        @else 
                                           <p class="mb-0 text-center color-green f-10">Per user per year*</p>
                                        @endif
                                        <div class="absolute-price">
                                            <span class="color-light-grey f-18 font-gotham">was
                                                <span class="strikediag">£{{round($plan->full_price, 2)}}</span>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <p class="mb-0 text-center px-0 px-md-5">Your special subscription rate will be £{{round($new_price, 2)}} per user  @if($plan->price) a month @endif for the next 12 months. This is a one time offer as we really don’t want to see you go. </p>
                                <div class="copy-link-container">
                                    <div class="copy-link d-flex justify-content-between align-items-center flex-row flex-wrap">
                                        <span class="copy-link-icon text-nowrap pb-3 pb-sm-0 h3 mb-0">Special offer code:</span>
                                        <div class="copy-link-inner">
                                            <form data-copy=true class="d-flex align-items-center justify-content-between">
                                                <input class="copy-link-input text-start text-sm-center" type="text" value="{{$offer_last_code}}" data-click-select-all readonly />
                                                <svg class="copy-link-button" xmlns="http://www.w3.org/2000/svg" width="14.715" height="14.715" viewBox="0 0 14.715 14.715">
                                                    <g id="Icon_feather-copy" data-name="Icon feather-copy" transform="translate(-2.5 -2.5)">
                                                        <path id="Path_4229" data-name="Path 4229" d="M14.871,13.5h6.172a1.371,1.371,0,0,1,1.371,1.371v6.172a1.371,1.371,0,0,1-1.371,1.371H14.871A1.371,1.371,0,0,1,13.5,21.043V14.871A1.371,1.371,0,0,1,14.871,13.5Z" transform="translate(-5.7 -5.7)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
                                                        <path id="Path_4230" data-name="Path 4230" d="M5.057,11.915H4.371A1.371,1.371,0,0,1,3,10.543V4.371A1.371,1.371,0,0,1,4.371,3h6.172a1.371,1.371,0,0,1,1.371,1.371v.686" transform="translate(0 0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
                                                    </g>
                                                </svg>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                <div class="d-block text-center mb-4">
                                    <a href="{{route('accept_special_offer')}}" class="btn green white-hover">ACCEPT</a>
                                </div>
                                <div class="d-block text-center mb-0">
                                    <a href="cancellation-confirmation.html" class="text-center text-main">No Thanks</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    
    </div>
    </div>
</section>


@endsection

@push('scripts')

@endpush