{{-- <x-app-layout title="Scraptcha - Catcha Solver"> --}}
<x-app title="Linked Automation" active="linked-automation">
    @section('extra-css')
    <style>
        .table td {
            font-size: 18px;
            font-weight: bold;
        }
    </style>
    @endsection
    <x-slot name="header">
        <h1 style="color: white;font-size:22px">
            {{ __('Linked-Automation') }}
        </h1>
    </x-slot>

    <div class="page-inner mt-3">

        <div class="row">
            <div class="col-md-12">

                <div class="py-16">
                    <div class="container m-auto px-6 space-y-8 text-gray-500 md:px-12 lg:px-20">
                        <div class="justify-center text-center gap-6 md:text-left md:flex lg:items-center  lg:gap-16">
                            <div class="order-last mb-6 space-y-6 md:mb-0 md:w-6/12 lg:w-6/12">
                                <h1 class="text-2xl text-gray-700 font-bold md:text-2xl">{{ __('messages.head1LA') }}
                                    <span class="text-blue-500"> LinkedIn Automation</span>
                                </h1>
                                <p class="text-lg">
                                    {{ __('messages.paragraph1LA') }}
                                    </span>
                                </p>
                                <div class="d-flex justify-content-center">
                                    <div class="dropdown pr-3">
                                        <button class="mx-auto text-white font-semibold w-full py-3 px-6 text-center rounded-xl transition bg-gray-700 shadow-xl hover:bg-gray-600 active:bg-gray-700 focus:bg-gray-600 sm:w-max dropdown-toggle" type="button" id="dropdownMenuButton1" data-toggle="dropdown" aria-expanded="false">
                                            {{ __('messages.Subscribe with Paypal') }}
                                        </button>
                                        <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">

                                            @if( auth()->user()->role == 'subscriber' || auth()->user()->role == 'reactivated')
                                            @if( auth()->user()->plan_name == 'Monthly Subscription' )
                                            <form action="{{ route('suspend-agreement', ['locale' => app()->getLocale(), 'namePlan' => 'Monthly Subscription']) }}" method="post">
                                                @csrf
                                                <button type="submit" class="dropdown-item">{{ __("messages.Se Désabonner de l'Offre Mensuelle à 19€")}}</button>
                                                <!-- <li><a class="dropdown-item" href="#">{{ __("messages.Se Désabonner de l'Offre Mensuelle à 19€")}}</a></li> -->
                                            </form>
                                            <form action="{{ route('create-agreement', ['locale' => app()->getLocale(), 'id' => env('PAYPAL_ANNUAL_PLAN_ID')]) }}" method="post">
                                                @csrf
                                                <button type="submit" class="dropdown-item">{{ __("messages.S'abonner à l'Offre Annuelle à 199€")}}</button>
                                                <!-- <li><a class="dropdown-item" href="#">{{ __("messages.S'abonner à l'Offre Annuelle à 199€")}}</a></li> -->
                                            </form>
                                            @else
                                            <form action="{{ route('create-agreement', ['locale' => app()->getLocale(), 'id' => env('PAYPAL_MONTH_PLAN_ID')]) }}" method="post">
                                                @csrf
                                                <button type="submit" class="dropdown-item">{{ __("messages.S'abonner à l'Offre Mensuelle de 19€")}}</button>
                                                <!-- <li><a class="dropdown-item" href="#">{{ __("messages.S'abonner à l'Offre Mensuelle de 19€")}}</a></li> -->
                                            </form>
                                            <form action="{{ route('suspend-agreement', ['locale' => app()->getLocale(), 'namePlan' => 'Annual Subscription']) }}" method="post">
                                                @csrf
                                                <button type="submit" class="dropdown-item">{{ __("messages.Se Désabonner de l'Offre Annuelle à 199€")}}</button>
                                                <!-- <li><a class="dropdown-item" href="#">{{ __("messages.Se Désabonner de l'Offre Annuelle à 199€")}}</a></li> -->
                                            </form>
                                            @endif
                                            @elseif( auth()->user()->role == 'suspended' )
                                            @if( auth()->user()->plan_name == 'Monthly Subscription' )
                                            <form action="{{ route('reactivate-agreement', ['locale' => app()->getLocale(), 'namePlan' => 'Monthly Subscription']) }}" method="post">
                                                @csrf
                                                <button type="submit" class="dropdown-item">{{ __("messages.Réactiver l'Offre Mensuelle à 19€")}}</button>
                                                <!-- <li><a class="dropdown-item" href="#">{{ __("messages.Réactiver l'Offre Mensuelle à 19€")}}</a></li> -->
                                            </form>
                                            <form action="{{ route('create-agreement', ['locale' => app()->getLocale(), 'id' => env('PAYPAL_ANNUAL_PLAN_ID')]) }}" method="post">
                                                @csrf
                                                <button type="submit" class="dropdown-item">{{ __("messages.S'abonner à l'Offre Annuelle à 199€")}}</button>
                                                <!-- <li><a class="dropdown-item" href="#">{{ __("messages.S'abonner à l'Offre Annuelle à 199€")}}</a></li> -->
                                            </form>
                                            @else
                                            <form action="{{ route('create-agreement', ['locale' => app()->getLocale(), 'id' => env('PAYPAL_MONTH_PLAN_ID')]) }}" method="post">
                                                @csrf
                                                <button type="submit" class="dropdown-item">{{ __("messages.S'abonner à l'Offre Mensuelle de 19€")}}</button>
                                                <!-- <li><a class="dropdown-item" href="#">{{ __("messages.S'abonner à l'Offre Mensuelle de 19€")}}</a></li> -->
                                            </form>
                                            <form action="{{ route('reactivate-agreement', ['locale' => app()->getLocale(), 'namePlan' => 'Annual Subscription']) }}" method="post">
                                                @csrf
                                                <button type="submit" class="dropdown-item">{{ __("messages.Réactiver l'Offre Annuelle à 199€")}}</button>
                                                <!-- <li><a class="dropdown-item" href="#">{{ __("messages.Réactiver l'Offre Annuelle à 199€")}}</a></li> -->
                                            </form>
                                            @endif
                                            @else
                                            <form action="{{ route('create-agreement', ['locale' => app()->getLocale(), 'id' => env('PAYPAL_MONTH_PLAN_ID')]) }}" method="post">
                                                @csrf
                                                <button type="submit" class="dropdown-item">{{ __("messages.S'abonner à l'Offre Mensuelle de 19€")}}</button>
                                                <!-- <li><a class="dropdown-item" href="#">{{ __("messages.S'abonner à l'Offre Mensuelle de 19€")}}</a></li> -->
                                            </form>
                                            <form action="{{ route('create-agreement', ['locale' => app()->getLocale(), 'id' => env('PAYPAL_ANNUAL_PLAN_ID')]) }}" method="post">
                                                @csrf
                                                <button type="submit" class="dropdown-item">{{ __("messages.S'abonner à l'Offre Annuelle à 199€")}}</button>
                                                <!-- <li><a class="dropdown-item" href="#">{{ __("messages.S'abonner à l'Offre Annuelle à 199€")}}</a></li> -->
                                            </form>
                                            @endif
                                        </ul>
                                    </div>
                                    <div>
                                        <form action="{{ url(app()->getLocale() . '/subscription') }}" method="post">
                                            @csrf

                                            <div class="flex flex-row-reverse flex-wrap justify-center gap-4 md:gap-6 md:justify-end">
                                                <button type="submit" title="Acheter" @if (auth()->user()->subscribed('Linked Automation')) disabled @endif
                                                    {{-- @if (auth()->user()->subscribed('Linked_automation_test')) disabled @endif --}}
                                                    class="mx-auto
                                                    w-full py-3 px-6 text-center rounded-xl transition bg-gray-700 shadow-xl hover:bg-gray-600 active:bg-gray-700 focus:bg-gray-600 sm:w-max">
                                                    <span class="block text-white font-semibold">
                                                        {{ !auth()->user()->subscribed('Linked Automation')? __('messages.Sabonner'): __('messages.deja_abonne') }}
                                                        {{-- {{ !auth()->user()->subscribed('Linked_automation_test')? __('messages.Sabonner'): __('messages.deja_abonne') }} --}}
                                                    </span>
                                                </button>

                                            </div>
                                        </form>

                                        <strong class="pt-2"> 19€/month</strong><br>
                                        <strong> 199€/year</strong>
                                    </div>
                                </div>
                            </div>
                            <div class="grid grid-cols-5 grid-rows-4 gap-4 md:w-5/12 lg:w-6/12">
                                <div class="col-span-2 row-span-4">
                                    <img src="https://www.betterteam.com/images/betterteam-how-to-interview-candidates-2595x2595-20201210.png" class="rounded-full" width="640" height="960" alt="shoes" loading="lazy">
                                </div>
                                <div class="col-span-2 row-span-2">
                                    <img src="https://savetime.pk/wp-content/uploads/2022/02/Savetime-original-cropped-transparent-logo-1.png" class="w-full h-full object-cover object-top rounded-xl" width="640" height="640" alt="shoe" loading="lazy">
                                </div>
                                <div class="col-span-3 row-span-3">
                                    <img src="{{ asset('images/services/screen1.png') }}" class="w-full h-full object-cover object-top rounded-xl" width="640" height="427" alt="shoes" loading="lazy">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="mx-auto shadow-lg p-3 pb-5 bg-body rounded">
                    <h1 class="my-4 text-center text-gray-700 font-bold md:text-2xl"></h1>
                    <p class="my-4 text-lg text-gray-700 md:text-lg">{{ __('messages.Linked_automation_presentation') }}</p>
                    <div class="mt-5">
                        <a href="https://drive.google.com/file/d/1LxWV6xdUV-KyTVbzKBsS9XEOi-yQsxUq/view?usp=share_link" class="mx-auto rounded-md font-semibold text-xs text-white uppercase tracking-widest w-full mb-3 py-3 px-6 text-center transition bg-gray-700 shadow-xl hover:bg-gray-600 active:bg-gray-700 focus:bg-gray-600 sm:w-max" id="doc">
                            {{ __('messages.telecharger') }}
                        </a>
                    </div>
                </div>
            </div>
        </div>

    </div>

    </div>

    @section('extra-js')
    <script src="https://unpkg.com/flowbite@1.4.0/dist/flowbite.js"></script>
    @endsection
</x-app>