@extends('seller.layout.index')

@section('script')
    <script>

        var initMixedWidget17 = function () {
            var charts = document.querySelectorAll('.mixed-widget-17-chart');

            [].slice.call(charts).map(function (element) {
                var height = parseInt(KTUtil.css(element, 'height'));

                if (!element) {
                    return;
                }

                var color = element.getAttribute('data-kt-chart-color');

                var options = {
                    labels: ["مجموع اقساط"],
                    series: [{{ $not_complete_request }}],
                    chart: {
                        fontFamily: 'inherit',
                        height: height,
                        type: 'radialBar',
                        offsetY: 0
                    },
                    plotOptions: {
                        radialBar: {
                            startAngle: -90,
                            endAngle: 90,
                            hollow: {
                                margin: 0,
                                size: "55%"
                            },
                            dataLabels: {
                                showOn: "always",
                                name: {
                                    show: true,
                                    fontSize: "12px",
                                    fontWeight: "700",
                                    offsetY: -5,
                                    color: KTUtil.getCssVariableValue('--bs-gray-500')
                                },
                                value: {
                                    color: KTUtil.getCssVariableValue('--bs-gray-900'),
                                    fontSize: "24px",
                                    fontWeight: "600",
                                    offsetY: -40,
                                    show: true,
                                    formatter: function (value) {
                                        return '{{ number_format($all_requests) }}';
                                    }
                                }
                            },
                            track: {
                                background: KTUtil.getCssVariableValue('--bs-gray-300'),
                                strokeWidth: '100%'
                            }
                        }
                    },
                    colors: [KTUtil.getCssVariableValue('--bs-' + color)],
                    stroke: {
                        lineCap: "round",
                    }
                };

                var chart = new ApexCharts(element, options);
                chart.render();
            });
        }
    </script>
@endsection

@section('style')
    <style>
        .profile-image {
            left: 0;
            right: 0;
            position: absolute;
            margin: auto;
            z-index: 99;
            border-radius: 50%;
            width: 150px;
            height: 150px;
        }

        th {
            color: white !important;
        }

        .link-card-shadow {
            background: #dbdada;
            height: 92px;
        }

        /*.link-card-shadow a {*/
        /*    display: flex;*/
        /*    align-items: center;*/
        /*    justify-content: space-between;*/
        /*}*/
    </style>
@endsection

@section('content')
    @php
        $seller=auth('seller')->user();
    @endphp
    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
        <!--begin::Post-->
        <div class="post d-flex flex-column-fluid" id="kt_post">
            <!--begin::Container-->
            <div id="kt_content_container" class="container-xxl">
                <!--begin::Row-->
                <div class="row g-5 g-xl-8">
                    {{--                                        <div class="col-xl-4">--}}
                    {{--                                            <div class="card border-0 shadow-sm">--}}
                    {{--                                                <div class="card-body">--}}
                    {{--                                                    <h5 class="card-title">--}}
                    {{--                                                        {{ auth()->guard('seller')->user()->first_name.' '.auth()->guard('seller')->user()->last_name }}--}}
                    {{--                                                    </h5>--}}
                    {{--                                                    <p class="card-text">وضعیت: <strong>--}}
                    {{--                                                            @if(auth()->guard('seller')->user()->status==1)--}}
                    {{--                                                                <span class="text-danger">--}}
                    {{--                                                                در انتظار تایید--}}
                    {{--                                                            </span>--}}
                    {{--                                                            @else--}}
                    {{--                                                                <span class="text-success">--}}
                    {{--                                                                تایید شده--}}
                    {{--                                                            </span>--}}
                    {{--                                                            @endif--}}

                    {{--                                                        </strong></p>--}}
                    {{--                                                    <a href="{{ route('home.seller.info') }}" class="btn btn-primary">اطلاعات من</a>--}}
                    {{--                                                </div>--}}
                    {{--                                            </div>--}}
                    {{--                                        </div>--}}
                    <div class="row g-5 g-xl-8">
                        {{--                        @include('seller.dashboard.seller_info')--}}
                        @if(auth()->guard('seller')->user()->status==2 and auth()->guard('seller')->user()->accept_deal==1)
                            {{--                            @include('seller.dashboard.order_details')--}}

                            @include('seller.dashboard.links')

                            @include('seller.dashboard.installments')






                            @include('seller.dashboard.orders_list')
                        @endif

                    </div>

                </div>
                <!--end::Row-->
            </div>
            <!--end::Container-->
        </div>
        <!--end::Post-->
    </div>
@endsection