@extends('panel.layouts.master')
@section('content')
    @php
        $examStart = str_starts_with(request()->url(), 'https://exam');
    @endphp
    <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">
                                    <a href="{{ route('users.edit', $authUser->id) }}" data-tw-merge=""
                                       class="transition duration-200 border shadow-sm inline-flex items-center justify-center px-10 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>
                                        @if($examStart)
                                            <strong>تکمیل پروفایل و شروع آزمون</strong>
                                        @else
                                            <strong>تکمیل پروفایل و دریافت برنامه</strong>
                                        @endif
                                    </a>
                                </div>
                            </div>
                        @endif
                    @endcan

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

        let methods = [
            "sum",
        ];

        $.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, ",");
        }

        $("body").on("contextmenu", function (e) {
            return false;
        });
    </script>
@endsection