@extends('admin.layout')
@section('content')
    <!-- Main content -->
    <p class="clear"></p>
    <section class="content ">
        <br />
        <div class="row">
            <div class="col-xl-12 col-12">
                <div class="box" style="box-shadow: none;">
                    <div class="box-header with-border">
                        <h4 class="box-title orang">

                            {{ translate('Complete tasks to unlock the store') }}
                            {{-- <strong class="black">
                                <i class="fa fa-cog  fa-spin fa-solid " aria-hidden="true"></i>
                            </strong> --}}

                        </h4>

                        <div class="round-counter"
                            style="background:linear-gradient(267deg, #fb763d {{ $data['totalBasic'] }}%,transparent 0),
                     /*adjust the deg value here to control the %*/
                                                                    linear-gradient(to right, #fff 100%,transparent 0),
                                                                    #eff5fe;">
                            <div class="round-counter-bg">
                                {{ $data['totalBasic'] }}%

                            </div>
                        </div>
                        {{ translate('complete') }}
                        <ul class="box-controls pull-right">
                            <li><a class="box-btn-slide" href="#"></a></li>
                        </ul>
                    </div>
                    <div class="box-body">
                        <div class="row">

                            <div class="col-xl-3 col-lg-3 col-12">
                                <div class="box pull-up">
                                    <div class="box-body product-option">
                                        <div class="box-wait-complaint">
                                            @if ($data['healthStatus']['FaveIcon'] == 0 || $data['healthStatus']['SocialInfo'] == 0)
                                                <img class="wait-complaint-step"
                                                    src="/public/images/imageBackEnd/Advanced customization-amico.svg"
                                                    alt="{{ translate('Settings') }}">
                                            @else
                                                <img class="wait-complaint-step"
                                                    src="/public/images/imageBackEnd/Advanced customization-amico-done.svg"
                                                    alt="{{ translate('Settings') }}">
                                            @endif
                                        </div>
                                        <div class="card-body">
                                            <p class="card-text">
                                                {{ translate('general Store Settings') }}
                                            </p>

                                            <div class="footer-page-main-page">

                                                @if ($data['healthStatus']['FaveIcon'] == 0 || $data['healthStatus']['SocialInfo'] == 0)
                                                    <a href="{{ route('settings.index') }}"
                                                        class=" brand_multy_delete empty-selected  waves-light btn btn-light-broken padding-label-dashbord"
                                                        id="prod_multy_delete">
                                                        {{ translate('Store Settings') }}

                                                        <i class="fa fa-cog "></i>
                                                    </a>
                                                @else
                                                    <a href="{{ route('settings.index') }}" id="prod_multy_delete"
                                                        class="brand_multy_delete hove-selected  waves-light btn orang-bg padding-label-dashbord">
                                                        {{ translate('Store Settings') }}

                                                        <i class="fa fa-cog "></i>
                                                    </a>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>




                            <div class="col-xl-3 col-lg-3 col-12">
                                <div class="box pull-up">
                                    <div class="box-body product-option">
                                        <div class="box-wait-complaint">
                                            @if ($data['basic']['Products'] != 0)
                                                <img class="wait-complaint-step"
                                                    src="/public/images/imageBackEnd/Catalogue-pana-done.svg"
                                                    alt="{{ translate('add_your_products') }}">
                                            @else
                                                <img class="wait-complaint-step"
                                                    src="/public/images/imageBackEnd/Catalogue-pana.svg"
                                                    alt="{{ translate('add_your_products') }}">
                                            @endif
                                        </div>
                                        <div class="card-body">
                                            <p class="card-text">
                                                {{ translate('Start_adding_your_products_to_show_customers') }}
                                            </p>

                                            <div class="footer-page-main-page">

                                                @if ($data['basic']['Products'] != 0)
                                                    <a href="#" product_type="normal_product"
                                                        mref="{{ route('Product.create', 'normal_product') }}"
                                                        onclick="checkAddLimit(this)"
                                                        class=" brand_multy_delete empty-selected  waves-light btn btn-light-broken padding-label-dashbord"
                                                        id="prod_multy_delete">
                                                        {{ translate('add_your_products') }}

                                                        <i class="fa fa-plus-circle"></i>
                                                    </a>
                                                @else
                                                    <a href="{{ route('Product.index') }}"
                                                        id="prod_multy_delete"
                                                        class="brand_multy_delete hove-selected  waves-light btn orang-bg padding-label-dashbord">
                                                        {{ translate('add_your_products') }}

                                                        <i class="fa fa-plus-circle"></i>
                                                    </a>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div class="col-xl-3 col-lg-3 col-12">
                                <div class="box pull-up">
                                    <div class="box-body product-option">
                                        <div class="box-wait-complaint">
                                            <img class="wait-complaint-step"
                                                src="/public/images/imageBackEnd/Design team-amico.svg"
                                                style="display: none;" alt="{{ translate('Choose your store design') }}">

                                            <img class="wait-complaint-step"
                                                src="/public/images/imageBackEnd/Design team-amico-done.svg"
                                                alt="{{ translate('Choose your store design') }}">

                                        </div>
                                        <div class="card-body">
                                            <p class="card-text">
                                                {{ translate('Start_adding_your_products_to_show_customers') }}
                                            </p>

                                            <div class="footer-page-main-page">


                                                <a href="{{ route('ThemeSetting.index') }}" style="display: none;"
                                                    class=" brand_multy_delete empty-selected  waves-light btn btn-light-broken padding-label-dashbord"
                                                    id="prod_multy_delete">
                                                    {{ translate('Choose your store design') }}

                                                    <i class="fa fa- fa-television"></i>
                                                </a>
                                                <a href="{{ route('ThemeSetting.index') }}" id="prod_multy_delete"
                                                    class="brand_multy_delete hove-selected  waves-light btn orang-bg padding-label-dashbord">
                                                    {{ translate('Choose your store design') }}

                                                    <i class="fa fa- fa-television"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>




                            <div class="col-xl-3 col-lg-3 col-12">
                                <div class="box pull-up">
                                    <div class="box-body product-option">
                                        <div class="box-wait-complaint">
                                            <img class="wait-complaint-step"
                                                src="/public/images/imageBackEnd/Domain names-amico.svg"
                                                alt=" {{ translate('Book Dominic') }}">

                                            <img class="wait-complaint-step"
                                                src="/public/images/imageBackEnd/Domain names-amico-done.svg"
                                                style="display: none;" alt=" {{ translate('Book Dominic') }}">

                                        </div>
                                        <div class="card-body">
                                            <p class="card-text">
                                                {{ translate('Book Dominic') }}
                                            </p>

                                            <div class="footer-page-main-page">


                                                <a href="{{ route('ThemeSetting.index') }}"
                                                    class=" brand_multy_delete empty-selected  waves-light btn btn-light-broken padding-label-dashbord"
                                                    id="prod_multy_delete">
                                                    {{ translate('Choose the domain') }}
                                                    <i class="fa fa-globe"></i>
                                                </a>
                                                <a href="{{ route('ThemeSetting.index') }}" style="display: none;"
                                                    id="prod_multy_delete"
                                                    class="brand_multy_delete hove-selected  waves-light btn orang-bg padding-label-dashbord">
                                                    {{ translate('Choose the domain') }}

                                                    <i class="fa fa-globe"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>




                        </div>

                    </div>
                </div>


            </div>

        </div>
        <div class="row">


            <div class="col-lg-12 col-12">
                <div class="box">
                    <div class="box-header box-header-custem">
                        <div class="row">
                            <div class="col-lg-5 col-12">
                                <h4>
                                    {{ translate('Please complete the following') }}
                                    🚀
                                </h4>
                            </div>
                            <div class="col-lg-2 col-6">
                            </div>
                            <div class="col-lg-1 col-6">
                                {{ $data['totalBasic'] / 10 }}/10
                                {{ translate('complete') }}
                            </div>
                            <div class="col-lg-3 col-6">
                                <div class="progress progress-xxs mt-0 mb-10">
                                    <div class="progress-bar bg-danger" role="progressbar"
                                        style="width: {{ $data['totalBasic'] }}%; height: 14px;background-color: #fb763d !important;"
                                        aria-valuenow="{{ $data['totalBasic'] }}" aria-valuemin="0" aria-valuemax="100">
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-1 col-12">
                                {{ $data['totalBasic'] }}%
                            </div>
                        </div>
                    </div>
                    <div class="box-body">
                        @forelse ($data['healthStatus'] as $key => $item)
                            @if ($key != 'total')
                                <div class="row">
                                    <div class="col-lg-1 col-1">
                                        @if ($item > 0)
                                            <div class="shechk-rode-compleate"> </div>
                                        @else
                                            <div class="shechk-rode-non-compleate"> </div>
                                        @endif
                                    </div>
                                    <div class="col-lg-9 col-5">
                                        <h5>
                                            {{ translate($key) }}
                                        </h5>
                                    </div>
                                    @if ($item > 0)
                                        <div class="col-lg-2 col-6">
                                            <a href=""
                                                class="waves-effect waves-light btn btn-rounded btn-dark mb-5 padding-label-dashbord orang-bg  animation"
                                                data-animation="flash">
                                                مكتمل
                                            </a>
                                        </div>
                                    @else
                                        <div class="col-lg-2 col-6">
                                            @switch($key)
                                                @case('brands')
                                                    <a href="{{ route('Brand.index') }}"
                                                        class=" brand_multy_delete empty-selected btn-rounded waves-light btn btn-light-broken padding-label-dashbord">
                                                        اضف
                                                    </a>
                                                @break

                                                @case('FaveIcon')
                                                    <a href="{{ route('ThemeSetting.index') }}"
                                                        class=" brand_multy_delete empty-selected btn-rounded waves-light btn btn-light-broken padding-label-dashbord">
                                                        اضف
                                                    </a>
                                                @break

                                                @case('SocialInfo')
                                                    <a href="{{ route('ThemeSetting.index') }}"
                                                        class=" brand_multy_delete empty-selected btn-rounded waves-light btn btn-light-broken padding-label-dashbord">
                                                        اضف
                                                    </a>
                                                @break

                                                @case('MainSlider')
                                                    <a href="{{ route('Promotion.create') }}"
                                                        class=" brand_multy_delete empty-selected btn-rounded waves-light btn btn-light-broken padding-label-dashbord">
                                                        اضف
                                                    </a>
                                                @break

                                                @default
                                            @endswitch

                                        </div>
                                    @endif
                                </div>
                                <hr />
                            @endif
                            @empty
                            @endforelse
                            @forelse ($data['basic'] as $key => $item)
                                @if ($key != 'total')
                                    <div class="row">
                                        <div class="col-lg-1 col-1">
                                            @if ($item > 0)
                                                <div class="shechk-rode-compleate"> </div>
                                            @else
                                                <div class="shechk-rode-non-compleate"> </div>
                                            @endif
                                        </div>
                                        <div class="col-lg-9 col-5">
                                            <h5>
                                                {{ translate($key) }}
                                            </h5>
                                        </div>
                                        @if ($item > 0)
                                            <div class="col-lg-2 col-6">
                                                <a href=""
                                                    class="waves-effect waves-light btn btn-rounded btn-dark mb-5 padding-label-dashbord orang-bg  animation"
                                                    data-animation="flash">
                                                    مكتمل
                                                </a>
                                            </div>
                                        @else
                                            @switch($key)
                                                @case('Categories')
                                                    <a href="{{ route('Category.index') }}"
                                                        class=" brand_multy_delete empty-selected btn-rounded waves-light btn btn-light-broken padding-label-dashbord">
                                                        اضف
                                                    </a>
                                                @break

                                                @case('Products')
                                                    <a href="{{ route('Product.index') }}"
                                                        class=" brand_multy_delete empty-selected btn-rounded waves-light btn btn-light-broken padding-label-dashbord">
                                                        اضف
                                                    </a>
                                                @break

                                                @case('Logo')
                                                    <a href="{{ route('settings.logoSetting') }}"
                                                        class=" brand_multy_delete empty-selected btn-rounded waves-light btn btn-light-broken padding-label-dashbord">
                                                        اضف
                                                    </a>
                                                @break

                                                @case('DefaultCurrency')
                                                    <a href="{{ route('settings.index') }}"
                                                        class=" brand_multy_delete empty-selected btn-rounded waves-light btn btn-light-broken padding-label-dashbord">
                                                        اضف
                                                    </a>
                                                @break

                                                @case('DefaultLanguage')
                                                    <a href="{{ route('settings.index') }}"
                                                        class=" brand_multy_delete empty-selected btn-rounded waves-light btn btn-light-broken padding-label-dashbord">
                                                        اضف
                                                    </a>
                                                @break

                                                @case('ContactInfo')
                                                    <a href="{{ route('settings.index') }}"
                                                        class=" brand_multy_delete empty-selected btn-rounded waves-light btn btn-light-broken padding-label-dashbord">
                                                        اضف
                                                    </a>
                                                @break

                                                @default
                                            @endswitch
                                        @endif
                                    </div>
                                    <hr />
                                @endif
                                @empty
                                @endforelse


                            </div>

                        </div>



                    </div>


                </div>

                {{-- <div class="row dashbordBox">

            <div class="col-xl-6 col-12">
                <div class="box" style="box-shadow: none;">
                    <div class="box-body d-flex p-0">
                        <div class="flex-grow-1 p-30 flex-grow-1 bg-img card-dashbord-welcome-counter">
                            <div class="row">

                                <div class="col-12 col-md-9">
                                    <h4 class="text-white"> {{ translate('welcome') }} , {{ $userData->name }}
                                        <img src="/public/images/imageBackEnd/waving-hand@2x.png" style="width: 26px;">
                                    </h4>

                                    <p class="text-white-60 my-10 font-size-16">
                                        {{ translate('starting points') }}
                                    </p>

                                </div>

                                <div class="col-12 col-md-3">
                                    <div class="round-counter"
                                        style="background:linear-gradient(267deg, #fb763d {{ $data['totalBasic'] }}%,transparent 0),
                                     /*adjust the deg value here to control the %*/
                                                                                    linear-gradient(to right, #fff 100%,transparent 0),
                                                                                    #eff5fe;">
                                        <div class="round-counter-bg">
                                            {{ $data['totalBasic'] }}%
                                            <p>
                                                {{ translate('complete') }}
                                            </p>
                                        </div>
                                    </div>
                                    <div class="health-status" data-toggle="modal" data-target="#SiteHelthModel"
                                        style="cursor: pointer">
                                        {{ translate('Health status') }}
                                    </div>
                                </div>


                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-6 col-12" style="padding-left: 3px; padding-right: 5px;">
                <!-- /.box-header -->
                <div class="box-body" style="padding: 0;border-radius: 5px;">
                    <!-- Place somewhere in the <body> of your page -->
                    <div class="flexslider">
                        <ul class="slides">
                            <li>
                                <div class="box" style="box-shadow: none;">
                                    <div class="box-body d-flex p-0">
                                        <div
                                            class="flex-grow-1 .bg-img-dashbord-slider p-20 flex-grow-1 bg-img card-dashbord-insliders">
                                            <div class="row typeDirector">

                                                <div class="col-12 col-md-9">
                                                    <h5 class="text-black-50"> {{ translate('Store Settings') }}

                                                        @if ($data['basic']['ContactInfo'] == 20)
                                                            <i class="fa fa-check-circle orang" aria-hidden="true"></i>
                                                        @endif
                                                    </h5>

                                                    <p class="text-white-60 my-1 font-size-14">
                                                        {{ translate('general Store Settings') }}
                                                    </p>
                                                    <a href="{{ route('settings.edit', encrypt(1)) }}"
                                                        class="btn btn-rounded btn-primary btn-outline font-size-14 btn-simple-padding">
                                                        {{ translate('Settings') }}
                                                    </a>

                                                </div>

                                                <div class="col-12 col-md-3"></div>

                                            </div>
                                        </div>
                                    </div>
                            </li>
                            <li>
                                <div class="box" style="box-shadow: none;">
                                    <div class="box-body d-flex p-0">
                                        <div class="flex-grow-1 .bg-img-dashbord-slider p-20 flex-grow-1 bg-img card-dashbord-insliders"
                                            style="background-image: url('/public/images/imageBackEnd/Mask Group 57@2x.png');">
                                            <div class="row typeDirector">

                                                <div class="col-12 col-md-9">
                                                    <h5 class="text-black-50"> {{ translate('add_your_products') }}
                                                        @if ($data['basic']['Products'] == 20)
                                                            <i class="fa fa-check-circle orang" aria-hidden="true"></i>
                                                        @endif
                                                    </h5>

                                                    <p class="text-white-60 my-1 font-size-14">
                                                        {{ translate('Start_adding_your_products_to_show_customers') }}
                                                    </p>
                                                    <a href="#" product_type="normal_product"
                                                        mref="{{ route('Product.create', 'normal_product') }}"
                                                        onclick="checkAddLimit(this)"
                                                        class="btn btn-rounded btn-primary btn-outline font-size-14 btn-simple-padding">
                                                        {{ translate('Add product') }}
                                                    </a>

                                                </div>

                                                <div class="col-12 col-md-3"></div>

                                            </div>
                                        </div>
                                    </div>
                            </li>
                            <li>
                                <div class="box" style="box-shadow: none;">
                                    <div class="box-body d-flex p-0">
                                        <div class="flex-grow-1 .bg-img-dashbord-slider p-20 flex-grow-1 bg-img card-dashbord-insliders"
                                            style="background-image: url('/public/images/imageBackEnd/Mask Group 56@2x.png');">
                                            <div class="row typeDirector">

                                                <div class="col-12 col-md-9">
                                                    <h5 class="text-black-50">
                                                        {{ translate('Choose your store design') }}
                                                        <i class="fa fa-check-circle orang" aria-hidden="true"></i>
                                                    </h5>

                                                    <p class="text-white-60 my-1 font-size-14">

                                                        {{ translate('custom design') }}
                                                    </p>
                                                    <a href="{{ route('ThemeSetting.index') }}"
                                                        class="btn btn-rounded btn-primary btn-outline font-size-14 btn-simple-padding">

                                                        {{ translate('interface customization') }}
                                                    </a>

                                                </div>

                                                <div class="col-12 col-md-3"></div>

                                            </div>
                                        </div>
                                    </div>
                            </li>
                            <li>
                                <div class="box" style="box-shadow: none;">
                                    <div class="box-body d-flex p-0">
                                        <div class="flex-grow-1 .bg-img-dashbord-slider p-20 flex-grow-1 bg-img card-dashbord-insliders"
                                            style="background-image: url('/public/images/imageBackEnd/Mask Group 55@2x.png');">
                                            <div class="row typeDirector">

                                                <div class="col-12 col-md-9">
                                                    <h5 class="text-black-50"> {{ translate('Choose the domain') }}
                                                        @if ($data['basic']['Products'] == 20)
                                                            <i class="fa fa-check-circle orang" aria-hidden="true"></i>
                                                        @endif

                                                    </h5>

                                                    <p class="text-white-60 my-1 font-size-14">

                                                        {{ translate('Book Dominic') }}
                                                    </p>
                                                    <a href="#"
                                                        class="btn btn-rounded btn-primary btn-outline font-size-14 btn-simple-padding">

                                                        {{ translate('Book Dominic now') }}
                                                    </a>

                                                </div>

                                                <div class="col-12 col-md-3"></div>

                                            </div>
                                        </div>
                                    </div>
                            </li>


                        </ul>
                    </div>
                </div>
                <!-- /.box-body -->
            </div>
        </div> --}}
                <div class="row clear">
                    <div class="col-xl-6 col-6">
                        <h4 class="page-title">
                            {{ translate('Extra settings') }}
                        </h4>
                    </div>
                    <div class="col-xl-6 col-6">
                        @if ($data['totalBasic'] > 70)
                            <h6 class="text-left">
                                <a href="{{ route('index.statistics') }}" class="orang">
                                    {{ translate('Skip the setting stage') }}

                                    🚀
                                </a>
                            </h6>
                        @endif

                    </div>
                </div>
                <div class="row dashbordBox">

                    <div class="col-xl-6 col-12">

                        <a href="{{ route('Addon.index') }}">
                            <div class="box" style="box-shadow: none;">
                                <div class="box-body d-flex p-0">
                                    <div class="flex-grow-1 bg-img-dashbord p-30 flex-grow-1 bg-img card-dashbord-add-produrct">
                                        <div class="row">

                                            <div class="col-12 col-md-9">
                                                <h4 class="text-white"> {{ translate('Shipping and delivery services') }}
                                                </h4>

                                                <p class="text-white-60 my-10 font-size-14">
                                                    {{ translate('Subscribe to shipping services') }}
                                                </p>

                                            </div>

                                            <div class="col-12 col-md-3"></div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-xl-6 col-12">

                        <a href="{{ route('Addon.index') }}">
                            <div class="box" style="box-shadow: none;">
                                <div class="box-body d-flex p-0">
                                    <div class="flex-grow-1 bg-img-dashbord p-30 flex-grow-1 bg-img card-dashbord-edit-desing">
                                        <div class="row">

                                            <div class="col-12 col-md-9">
                                                <h4 class="text-white"> {{ translate('Electronic payment services') }}</h4>

                                                <p class="text-white-60 my-10 font-size-14">
                                                    {{ translate('Electronic money transfer') }}
                                                </p>

                                            </div>

                                            <div class="col-12 col-md-3"></div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                </div>

                <div class="row">
                    <div class="col-xl-12 col-12">
                        <div class="box" style="box-shadow: none;">
                            <div class="box-header with-border">
                                <h4 class="box-title"> {{ translate('Call us wherever you are and stay available') }}
                                    <strong class="orang">
                                        {{ translate('to help you') }}
                                        <i class="fa fa-clock-o  fa-spin fa-solid " aria-hidden="true"></i>
                                    </strong>
                                </h4>
                                <ul class="box-controls pull-right">
                                    <li><a class="box-btn-slide" href="#"></a></li>
                                </ul>
                            </div>
                            <div class="box-body">
                                <div class="row">
                                    <div class="col-xl-9 col-12">
                                        <h3>
                                            {{ translate('Do you have any request or inquiries about e-marketing') }}
                                        </h3>
                                        <p>
                                            {{ translate('Marketing expert advice') }}
                                        </p>
                                        <button type="button"
                                            class="waves-effect waves-light btn btn-rounded btn-dark mb-5 padding-label-dashbord orang-bg">
                                            {{ translate('Book a free consultation') }}
                                        </button>
                                    </div>
                                    <div class="col-xl-3 col-6  d-none  d-xl-block">
                                        <img src="/public/images/imageBackEnd/free-consultation.png"
                                            style="padding: 5%; width: 70%;" alt="free consultation">
                                    </div>
                                </div>

                            </div>
                        </div>


                    </div>

                </div>
            </section>
        @endsection
        @section('modal')
            <div id="SiteHelthModel" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="SiteHelthModelLabel"
                aria-hidden="true">
                <div class="modal-dialog" style="margin-top: 15em;">
                    <div class="modal-content">
                        <button style="width: fit-content;margin: .5em;" type="button" class="close" data-dismiss="modal"
                            aria-hidden="true">×</button>
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-8 mx-auto text-center">
                                    @forelse ($data['healthStatus'] as $key => $item)
                                        @if ($key != 'total')
                                            @if ($item > 0)
                                                <h3 class="badge badge-success">{{ translate($key) }} <i class="fa fa-check"></i>
                                                </h3>
                                            @else
                                                <h3 class="badge badge-danger">{{ translate($key) }} <i class="fa fa-close"></i>
                                                </h3>
                                            @endif
                                        @endif
                                    @empty
                                    @endforelse
                                    @forelse ($data['basic'] as $key => $item)
                                        @if ($key != 'total')
                                            @if ($item > 0)
                                                <h3 class="badge badge-success">{{ translate($key) }} <i class="fa fa-check"></i>
                                                </h3>
                                            @else
                                                <h3 class="badge badge-danger">{{ translate($key) }} <i class="fa fa-close"></i>
                                                </h3>
                                            @endif
                                        @endif
                                    @empty
                                    @endforelse
                                </div>
                            </div>

                        </div>
                    </div>
                    <!-- /.modal-content -->
                </div>
                <!-- /.modal-dialog -->
            </div>
            <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
                id="normalProductModel" aria-hidden="true" style="display: none;">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title" id="">{{ translate('Normal product') }}</h4>
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        </div>
                        <div class="modal-body" style="margin: .2% !important;" id="normal_product_body">

                        </div>
                    </div>
                    <!-- /.modal-content -->
                </div>
                <!-- /.modal-dialog -->
            </div>
        @endsection
        @section('script')
            <!-- Import Slider library -->
            <script src="{{ url('Panel/assets/vendor_plugins/bootstrap-slider/bootstrap-slider.js') }}"></script>
            <script src="{{ url('Panel/assets/vendor_components/flexslider/jquery.flexslider.js') }}"></script>
            <script src="{{ url('Panel/main-semidark/js/pages/slider.js') }}"></script>
            <!-- End Import Slider libary-->


            @if (Session::get('tenant_subscribtion_data')['products']['belongs_to_subscribtion'] == true &&
                    Session::get('tenant_controle_modules')['products'] == 1)
                <script type="text/javascript">
                    function checkAddLimit(e) {
                        switch (e.getAttribute('product_type')) {
                            case 'normal_product':
                                if (("{{ Session::get('tenant_subscribtion_data')['products']['value'] }}" == 'limited' &&
                                        {{ Session::get('tenant_subscribtion_data')['products']['quantity'] }} >
                                        {{ $productCount }}) ||
                                    "{{ Session::get('tenant_subscribtion_data')['products']['value'] }}" == 'unlimt') {
                                    var url = `{{ route('Product.create', 'normal_product') }}`;
                                    $.get(url, {}, function(data) {
                                        $('#normal_product_body').html(data);
                                        $('input[name="current_stock_unlimited"]').on('change', function() {
                                            if (!$('input[name="current_stock_unlimited"]').is(':checked')) {
                                                $('#current_stock_id').prop('disabled', false);
                                            } else {
                                                $('#current_stock_id').prop('disabled', true);
                                            }
                                        });
                                        $(".custom-file-input").change(function() {
                                            var img_src = jQuery(this).parents('.custom-file').parents(
                                                '.custom-file-container').find("img");
                                            var regex = /^([a-zA-Z0-9\s_\\.\-:])+(.jpg|.jpeg|.gif|.png|.bmp)$/;
                                            if (regex.test($(this).val().toLowerCase())) {
                                                if (typeof(FileReader) != "undefined") {
                                                    var reader = new FileReader();
                                                    reader.onload = function(e) {

                                                        img_src.attr("src", e.target.result);
                                                        $('.custem-css-templet img').attr('src', e.target.result);
                                                    }
                                                    reader.readAsDataURL($(this)[0].files[0]);
                                                } else {
                                                    alert("This browser does not support FileReader.");
                                                }
                                            } else {
                                                alert("Please upload a valid image file.");
                                            }
                                        });
                                        $('.select2').select2({
                                            allowClear: true,
                                            placeholder: "{{ translate('Search') }}"
                                        });
                                        $('#normalProductModel').modal();
                                    });

                                    // window.location.replace(e.getAttribute('mref'));
                                } else {
                                    $('#UpgradLimitModelH41').text(
                                        "{{ translate('You have exceeded the maximum number of add-ons') }} " +
                                        {{ Session::get('tenant_subscribtion_data')['products']['quantity'] }} +
                                        " {{ translate('of products') }}");
                                    $('#UpgradLimitModelH42').text("{{ translate('Please Upgrade to add more.') }}");
                                    $('#UpgradLimitModel').modal();
                                }
                                break;
                            case 'advanced_product':
                                if ("{{ Session::get('tenant_subscribtion_data')['advanced_product']['belongs_to_subscribtion'] }}" ==
                                    true) {
                                    if (("{{ Session::get('tenant_subscribtion_data')['products']['value'] }}" == 'limited' &&
                                            {{ Session::get('tenant_subscribtion_data')['products']['quantity'] }} >
                                            {{ $productCount }}) ||
                                        "{{ Session::get('tenant_subscribtion_data')['products']['value'] }}" == 'unlimt') {
                                        window.location.replace(e.getAttribute('mref'));
                                    } else {
                                        $('#UpgradLimitModelH41').text(
                                            "{{ translate('You have exceeded the maximum number of add-ons') }} " +
                                            {{ Session::get('tenant_subscribtion_data')['products']['quantity'] }} +
                                            " {{ translate('of products') }}");
                                        $('#UpgradLimitModelH42').text("{{ translate('Please Upgrade to add more.') }}");
                                        $('#UpgradLimitModel').modal();
                                    }
                                } else {
                                    $('#UpgradLimitModelH41').text(" {{ translate('You need to upgrade to use this feature.') }}");
                                    $('#UpgradLimitModelH42').text("{{ translate('Please Upgrade to use this feature.') }}");
                                    $('#UpgradLimitModel').modal();
                                }
                                break;
                            case 'restorants':
                                if ("{{ Session::get('tenant_subscribtion_data')['restorants']['belongs_to_subscribtion'] }}" ==
                                    true) {
                                    if (("{{ Session::get('tenant_subscribtion_data')['products']['value'] }}" == 'limited' &&
                                            {{ Session::get('tenant_subscribtion_data')['products']['quantity'] }} >
                                            {{ $productCount }}) ||
                                        "{{ Session::get('tenant_subscribtion_data')['products']['value'] }}" == 'unlimt') {
                                        window.location.replace(e.getAttribute('mref'));
                                    } else {
                                        $('#UpgradLimitModelH41').text(
                                            "{{ translate('You have exceeded the maximum number of add-ons') }} " +
                                            {{ Session::get('tenant_subscribtion_data')['products']['quantity'] }} +
                                            " {{ translate('of products') }}");
                                        $('#UpgradLimitModelH42').text("{{ translate('Please Upgrade to add more.') }}");
                                        $('#UpgradLimitModel').modal();
                                    }
                                } else {
                                    $('#UpgradLimitModelH41').text(" {{ translate('You need to upgrade to use this feature.') }}");
                                    $('#UpgradLimitModelH42').text("{{ translate('Please Upgrade to use this feature.') }}");
                                    $('#UpgradLimitModel').modal();
                                }
                                break;
                            case 'digital_product':
                                if ("{{ Session::get('tenant_subscribtion_data')['digital_product']['belongs_to_subscribtion'] }}" ==
                                    true) {
                                    if (("{{ Session::get('tenant_subscribtion_data')['products']['value'] }}" == 'limited' &&
                                            {{ Session::get('tenant_subscribtion_data')['products']['quantity'] }} >
                                            {{ $productCount }}) ||
                                        "{{ Session::get('tenant_subscribtion_data')['products']['value'] }}" == 'unlimt') {
                                        window.location.replace(e.getAttribute('mref'));
                                    } else {
                                        $('#UpgradLimitModelH41').text(
                                            "{{ translate('You have exceeded the maximum number of add-ons') }} " +
                                            {{ Session::get('tenant_subscribtion_data')['products']['quantity'] }} +
                                            " {{ translate('of products') }}");
                                        $('#UpgradLimitModelH42').text("{{ translate('Please Upgrade to add more.') }}");
                                        $('#UpgradLimitModel').modal();
                                    }
                                } else {
                                    $('#UpgradLimitModelH41').text(" {{ translate('You need to upgrade to use this feature.') }}");
                                    $('#UpgradLimitModelH42').text("{{ translate('Please Upgrade to use this feature.') }}");
                                    $('#UpgradLimitModel').modal();
                                }
                                break;
                            case 'digital_cards':
                                if ("{{ Session::get('tenant_subscribtion_data')['digital_cards']['belongs_to_subscribtion'] }}" ==
                                    true) {
                                    if (("{{ Session::get('tenant_subscribtion_data')['products']['value'] }}" == 'limited' &&
                                            {{ Session::get('tenant_subscribtion_data')['products']['quantity'] }} >
                                            {{ $productCount }}) ||
                                        "{{ Session::get('tenant_subscribtion_data')['products']['value'] }}" == 'unlimt') {
                                        window.location.replace(e.getAttribute('mref'));
                                    } else {
                                        $('#UpgradLimitModelH41').text(
                                            "{{ translate('You have exceeded the maximum number of add-ons') }} " +
                                            {{ Session::get('tenant_subscribtion_data')['products']['quantity'] }} +
                                            " {{ translate('of products') }}");
                                        $('#UpgradLimitModelH42').text("{{ translate('Please Upgrade to add more.') }}");
                                        $('#UpgradLimitModel').modal();
                                    }
                                } else {
                                    $('#UpgradLimitModelH41').text(" {{ translate('You need to upgrade to use this feature.') }}");
                                    $('#UpgradLimitModelH42').text("{{ translate('Please Upgrade to use this feature.') }}");
                                    $('#UpgradLimitModel').modal();
                                }
                                break;

                            default:
                                break;
                        }

                    }
                </script>
            @else
                <script type="text/javascript">
                    function checkAddLimit() {
                        $('#UpgradLimitModelH41').text(" {{ translate('You need to upgrade to use this feature.') }}");
                        $('#UpgradLimitModelH42').text("{{ translate('Please Upgrade to use this feature.') }}");
                        $('#UpgradLimitModel').modal();
                    }
                </script>
            @endif
        @endsection