@extends('panel.layouts.master')
@section('content')
    <div
            class="content transition-[margin,width] duration-100 rtl:xl:pr-3.5 ltr:xl:pl-3.5 pt-[54px] pb-16 relative z-10 group mode content--compact rtl:xl:mr-[275px] ltr:xl:ml-[275px] mode--light rtl:[&.content--compact]:xl:mr-[91px] ltr:[&.content--compact]:xl:ml-[91px]">
        <div class="px-5 mt-16">
            <div class="container">
                <div class="mt-3.5 flex flex-col gap-8">
                    @can('user')
                        @php
                            $hasPlan = auth()->user()->plans()->first();
                        @endphp
                        @if(!$hasPlan)
                            <div class="box box--stacked flex flex-col">
                                @if($authUser->isSignup())
                                    <div role="alert"
                                         class="alert relative border rounded-md px-5 py-4 bg-danger border-danger bg-opacity-20 border-opacity-5 text-danger dark:border-danger dark:border-opacity-20 flex items-center">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                             viewBox="0 0 24 24"
                                             fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                             stroke-linejoin="round" data-lucide="alert-octagon"
                                             class="lucide lucide-alert-octagon stroke-[1] rtl:ml-2 ltr:mr-2 h-6 w-6">
                                            <polygon
                                                    points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon>
                                            <line x1="12" x2="12" y1="8" y2="12"></line>
                                            <line x1="12" x2="12.01" y1="16" y2="16"></line>
                                        </svg>
                                        داوطلب گرامی ،حتما برای دریافت برنامه پروفایل خود را تکمیل نمایید.
                                    </div>
                                @endif
                                <div class="flex flex-col justify-start gap-3 p-4 md:flex-row">
                                    @if($authUser->isSignup())
                                        <a href="{{ route('users.edit', $authUser->id) }}" data-tw-merge=""
                                           class="transition duration-200 border shadow-sm inline-flex items-center justify-center px-3 font-medium cursor-pointer focus:ring-4 focus:ring-primary focus:ring-opacity-20 focus-visible:outline-none dark:focus:ring-slate-700 dark:focus:ring-opacity-50 [&:hover:not(:disabled)]:bg-opacity-90 [&:hover:not(:disabled)]:border-opacity-90 [&:not(button)]:text-center disabled:opacity-70 disabled:cursor-not-allowed bg-success border-success text-white dark:border-success w-100 rounded-[0.5rem] py-2.5">
                                            <i data-tw-merge="" data-lucide="user-cog"
                                               class="rtl:ml-2 ltr:mr-2 h-4 w-4 stroke-[1.3]"></i>
                                            تکمیل پروفایل و دریافت برنامه
                                        </a>

                                        {{--                                        <a href="{{ route('panel.store', ['getway' => 'bitpay']) }}" data-tw-merge=""--}}
                                        {{--                                           class="transition duration-200 border shadow-sm inline-flex items-center justify-center px-3 font-medium cursor-pointer focus:ring-4 focus:ring-primary focus:ring-opacity-20 focus-visible:outline-none dark:focus:ring-slate-700 dark:focus:ring-opacity-50 [&:hover:not(:disabled)]:bg-opacity-90 [&:hover:not(:disabled)]:border-opacity-90 [&:not(button)]:text-center disabled:opacity-70 disabled:cursor-not-allowed bg-success border-success text-white dark:border-success w-100 rounded-[0.5rem] py-2.5">--}}
                                        {{--                                            <i data-tw-merge="" data-lucide="shopping-basket"--}}
                                        {{--                                               class="rtl:ml-2 ltr:mr-2 h-4 w-4 stroke-[1.3]"></i>--}}
                                        {{--                                            تسویه کامل--}}
                                        {{--                                        </a>--}}
                                    @else
                                        <a href="{{ route('signup', $authUser->phone) }}" data-tw-merge=""
                                           style="margin-left: auto"
                                           class="transition duration-200 border shadow-sm inline-flex items-center justify-center px-3 font-medium cursor-pointer focus:ring-4 focus:ring-primary focus:ring-opacity-20 focus-visible:outline-none dark:focus:ring-slate-700 dark:focus:ring-opacity-50 [&:hover:not(:disabled)]:bg-opacity-90 [&:hover:not(:disabled)]:border-opacity-90 [&:not(button)]:text-center disabled:opacity-70 disabled:cursor-not-allowed bg-success border-success text-white dark:border-success w-100 rounded-[0.5rem] py-2.5">
                                            <i data-tw-merge="" data-lucide="shopping-basket"
                                               class="rtl:ml-2 ltr:mr-2 h-4 w-4 stroke-[1.3]"></i>
                                            پرداخت پکیج سیکس پک
                                        </a>
                                    @endif
                                </div>
                            </div>
                        @else
                            @if($authUser->deactivate_at)

                                @if($authUser->getLastInstallment())
                                    <div class="box box--stacked flex flex-col">
                                        @php
                                            $numIns = ++$authUser->getLastInstallment()->number;
                                            $ins = [
                                                1 => 'اول',
                                                2 => 'دوم',
                                                3 => 'سوم'
                                            ];
                                        @endphp
                                        <div role="alert"
                                             class="alert relative border rounded-md px-5 py-4 bg-danger border-danger bg-opacity-20 border-opacity-5 text-danger dark:border-danger dark:border-opacity-20 flex items-center">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                 viewBox="0 0 24 24"
                                                 fill="none" stroke="currentColor" stroke-width="2"
                                                 stroke-linecap="round"
                                                 stroke-linejoin="round" data-lucide="alert-octagon"
                                                 class="lucide lucide-alert-octagon stroke-[1] rtl:ml-2 ltr:mr-2 h-6 w-6">
                                                <polygon
                                                        points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon>
                                                <line x1="12" x2="12" y1="8" y2="12"></line>
                                                <line x1="12" x2="12.01" y1="16" y2="16"></line>
                                            </svg>
                                            برای پرداخت از لینک زیر اقدام کنید
{{--                                            داوطلب گرامی ، سررسید قسط بعدی شما <span>   ({{ verta($authUser->deactivate_at)->format('Y/m/d') }})   </span>--}}
{{--                                            است برای پرداخت از لینک زیر اقدام کنید.--}}
                                        </div>

                                        <div class="flex flex-col justify-start gap-3 p-4 md:flex-row">
                                            @if($authUser->isSignup())

                                                @if($numIns <= 3)
                                                    <a href="{{ route('panel.store', ['type' => 'installment', 'getway' => 'bitpay', 'installment' => $numIns]) }}"
                                                       data-tw-merge=""
                                                       class="transition duration-200 border shadow-sm inline-flex items-center justify-center px-3 font-medium cursor-pointer focus:ring-4 focus:ring-primary focus:ring-opacity-20 focus-visible:outline-none dark:focus:ring-slate-700 dark:focus:ring-opacity-50 [&:hover:not(:disabled)]:bg-opacity-90 [&:hover:not(:disabled)]:border-opacity-90 [&:not(button)]:text-center disabled:opacity-70 disabled:cursor-not-allowed bg-success border-success text-white dark:border-success w-100 rounded-[0.5rem] py-2.5">
                                                        <i data-tw-merge="" data-lucide="shopping-basket"
                                                           class="rtl:ml-2 ltr:mr-2 h-4 w-4 stroke-[1.3]"></i>
                                                        پرداخت قسط {{ $ins[$numIns] }}
                                                    </a>
                                                @endif
                                                {{--                                        <a href="{{ route('panel.store', ['getway' => 'bitpay']) }}" data-tw-merge=""--}}
                                                {{--                                           class="transition duration-200 border shadow-sm inline-flex items-center justify-center px-3 font-medium cursor-pointer focus:ring-4 focus:ring-primary focus:ring-opacity-20 focus-visible:outline-none dark:focus:ring-slate-700 dark:focus:ring-opacity-50 [&:hover:not(:disabled)]:bg-opacity-90 [&:hover:not(:disabled)]:border-opacity-90 [&:not(button)]:text-center disabled:opacity-70 disabled:cursor-not-allowed bg-success border-success text-white dark:border-success w-100 rounded-[0.5rem] py-2.5">--}}
                                                {{--                                            <i data-tw-merge="" data-lucide="shopping-basket"--}}
                                                {{--                                               class="rtl:ml-2 ltr:mr-2 h-4 w-4 stroke-[1.3]"></i>--}}
                                                {{--                                            تسویه کامل--}}
                                                {{--                                        </a>--}}
                                            @else
                                                <a href="{{ route('signup', $authUser->phone) }}" data-tw-merge=""
                                                   style="margin-left: auto"
                                                   class="transition duration-200 border shadow-sm inline-flex items-center justify-center px-3 font-medium cursor-pointer focus:ring-4 focus:ring-primary focus:ring-opacity-20 focus-visible:outline-none dark:focus:ring-slate-700 dark:focus:ring-opacity-50 [&:hover:not(:disabled)]:bg-opacity-90 [&:hover:not(:disabled)]:border-opacity-90 [&:not(button)]:text-center disabled:opacity-70 disabled:cursor-not-allowed bg-success border-success text-white dark:border-success w-100 rounded-[0.5rem] py-2.5">
                                                    <i data-tw-merge="" data-lucide="shopping-basket"
                                                       class="rtl:ml-2 ltr:mr-2 h-4 w-4 stroke-[1.3]"></i>
                                                    پرداخت پکیج سیکس پک
                                                </a>
                                            @endif
                                        </div>
                                    </div>
                                @endif
                            @endif
                        @endif
                        <div class="box box--stacked flex flex-col">
                            <div class="flex flex-col justify-start gap-3 p-4 md:flex-row">
                                <div role="alert"
                                     class="alert w-full relative border rounded-md px-5 py-4 bg-primary border-primary bg-opacity-20 border-opacity-5 text-primary dark:border-opacity-100 dark:bg-opacity-20 dark:border-primary flex items-center">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                         viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                         stroke-linecap="round" stroke-linejoin="round" data-lucide="alert-circle"
                                         class="lucide lucide-alert-circle stroke-[1] rtl:ml-2 ltr:mr-2 h-6 w-6">
                                        <circle cx="12" cy="12" r="10"></circle>
                                        <line x1="12" x2="12" y1="8" y2="12"></line>
                                        <line x1="12" x2="12.01" y1="16" y2="16"></line>
                                    </svg>
                                    داوطلب گرامی ؛ ابتدا فیلم نحوه استفاده از پنل سیکس پک را مشاهده نمایید.
                                    پس از آن برای استفاده درست از پکیج سیکس پک فایل مقدمه رو با دقت مطالعه کنید.
                                </div>
                            </div>
                            <div class="flex m-5">
                                <video class="w-full h-auto mx-auto rounded" controls poster="{{ asset('cover.png') }}">
                                    <source src="{{ asset('Final.mp4') }}" type="video/mp4">
                                    Your browser does not support the video tag.
                                </video>
                            </div>
                            <div class="flex gap-6 m-5">
                                <a href="{{ asset('مقدمه.pdf') }}" target="_blank">
                                    <button class="flex transition duration-200 border shadow-sm items-center justify-center py-2 px-3 rounded-md font-medium cursor-pointer focus:ring-4 focus:ring-primary focus:ring-opacity-20 focus-visible:outline-none dark:focus:ring-slate-700 dark:focus:ring-opacity-50 [&amp;:hover:not(:disabled)]:bg-opacity-90 [&amp;:hover:not(:disabled)]:border-opacity-90 [&amp;:not(button)]:text-center disabled:opacity-70 disabled:cursor-not-allowed border-dark text-dark dark:border-darkmode-800 dark:text-slate-300 [&amp;:hover:not(:disabled)]:bg-darkmode-800/30 [&amp;:hover:not(:disabled)]:dark:bg-opacity-30 inline-block w-auto">
                                        <i data-lucide="download"></i>
                                        دانلود مقدمه
                                    </button>
                                </a>
                                <a href="{{ asset('پیوست1.pdf') }}" target="_blank">
                                    <button class="flex transition duration-200 border shadow-sm items-center justify-center py-2 px-3 rounded-md font-medium cursor-pointer focus:ring-4 focus:ring-primary focus:ring-opacity-20 focus-visible:outline-none dark:focus:ring-slate-700 dark:focus:ring-opacity-50 [&amp;:hover:not(:disabled)]:bg-opacity-90 [&amp;:hover:not(:disabled)]:border-opacity-90 [&amp;:not(button)]:text-center disabled:opacity-70 disabled:cursor-not-allowed border-dark text-dark dark:border-darkmode-800 dark:text-slate-300 [&amp;:hover:not(:disabled)]:bg-darkmode-800/30 [&amp;:hover:not(:disabled)]:dark:bg-opacity-30 inline-block w-auto">
                                        <i data-lucide="download"></i>
                                        دانلود پیوست
                                    </button>
                                </a>
                            </div>
                        </div>
                        <div class="box box--stacked flex flex-col">
                            <div class="flex flex-col justify-start gap-3 p-4 md:flex-row">
                                <div role="alert"
                                     class="alert w-full relative border rounded-md px-5 py-4 bg-primary border-primary bg-opacity-20 border-opacity-5 text-primary dark:border-opacity-100 dark:bg-opacity-20 dark:border-primary flex items-center">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                         viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                         stroke-linecap="round" stroke-linejoin="round" data-lucide="alert-circle"
                                         class="lucide lucide-alert-circle stroke-[1] rtl:ml-2 ltr:mr-2 h-6 w-6">
                                        <circle cx="12" cy="12" r="10"></circle>
                                        <line x1="12" x2="12" y1="8" y2="12"></line>
                                        <line x1="12" x2="12.01" y1="16" y2="16"></line>
                                    </svg>
                                    داوطلب گرامی، برای استفاده دقیق تر از آنالیز چک بوک و راهنمایی نحوه آزمون دادن، فیلم
                                    زیر را حتما مشاهده نمایید.
                                </div>
                            </div>
                            <div class="flex m-5">
                                <video class="w-full h-auto mx-auto rounded" controls poster="{{ asset('cover.png') }}">
                                    <source src="{{ asset('uploads/analyse-learn.mp4') }}" type="video/mp4">
                                    Your browser does not support the video tag.
                                </video>
                            </div>
                        </div>
                    @endcan

                    @can('admin')
                        @include('panel.analyses.sale.admin')
                    @elsecan('user')
                        @include('panel.analyses.student.user')
                    @elseif('adviser')
                        @include('panel.payments.installments')
                    @endcan
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        var phones_from = "{{ $request->phones_from }}";
        var phones_to = "{{ $request->phones_to }}";

        let methods = [
            "sum",
            "takmil_variz_1",
            "takmil_variz_2",
            "takmil_variz",
            "total_takmil_variz",
            "adam_tamayol",
            "adam_adam",
            "takmil_adam",
            "tamas_mojadad",
            "javab_nadadeh",
            "mashverat",
            "moshkel_mali",
            "forush_site",
            "tamas_hamkar",
            "forush_hamkar",
            "pending",
        ];

        $.each(methods, function (key, value) {
            $.ajax({
                url: "{{ route('analyse.sale') }}",
                type: 'post',
                data: {
                    phones_from: phones_from,
                    phones_to: phones_to,
                    type: value,
                },
                success: function (res) {
                    $(`#${value}`).html(formatNumber(res))
                }
            })
        })

        function formatNumber(number) {
            return number.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
        }
    </script>
@endsection