@extends('bootstrap.layouts.app')

@section('style')
    <style>
        .dragService {
            display: flex;
            align-items: center;
        }

        .dragService .handle:hover {
            cursor: move;
        }
    </style>
@endsection
@section('content')
    <div class="wrapper-content">
        <div class="wrapper-content__header">
        </div>
        <div class="wrapper-content__body">
            <!-- Main variables *content* -->
            <div id="block_74">
                <div class="block-bg"></div>
                <div class="container-fluid">
                    <div class="services-list ">
                        <div class="row">
                            <div class="col ">
                                <div class="services-filters component_filter_form_group component_filter_card mb-3">
                                    <div class="card">
                                        @if (isset($pageContent) &&
                                                !is_null($pageContent) &&
                                                ($pageContent->content_place == 'both' || $pageContent->content_place == 'top'))
                                            <div class="my-4 well">
                                                {!! $pageContent->page_content_top !!}
                                            </div>
                                        @endif
                                        <div class="row">
                                            <div class="col-md-auto mb-3 mb-md-0">
                                                <div class="component_filter_button">
                                                    <div class="dropdown">
                                                        <a class="btn btn-big-primary w-sm-auto w-100 dropdown-toggle"
                                                            href="#" role="button" id="dropdown-category-filter-74"
                                                            data-toggle="dropdown" aria-haspopup="true"
                                                            aria-expanded="false">
                                                            <span class="fal fa-filter"></span>
                                                            <span class="services-filter__active-category"
                                                                data-filter-active-category="true"></span>
                                                        </a>
                                                        <div class="dropdown-menu">
                                                            <a class="dropdown-item" href="#"
                                                                data-filter-category-id="All">All</a>
                                                            @foreach ($categoriesRows as $c)
                                                                <a data-id="{{ $c->category_id }}"
                                                                    class="dropdown-item d-flex align-items-center text-decoration-none"
                                                                    href="#"
                                                                    onclick="filterData({{ $c->category_id }})"
                                                                    id="changeCategory">
                                                                    <div>{{ $c->category_name }}</div>
                                                                </a>
                                                            @endforeach
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="input-group">
                                                    <input type="text" class="form-control" placeholder="Search"
                                                        data-search-service="#service-table-74" id="searchService" onkeyup="searchData()">
                                                    <span class="input-group-append component_button_search">
                                                        <button class="btn btn-big-secondary" type="button"
                                                            data-filter-serch-btn="true">
                                                            <i class="fas fa-search"></i>
                                                        </button>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <div class="services-list__table">
                                    <div class="table-bg component_table ">
                                        <div class="table-wr table-responsive editor__component-wrapper">
                                            <table class="table user-service-sortable" id="kt_table_orders">
                                                <thead>
                                                    <tr>
                                                        <th>ID</th>
                                                        <th>Service Name</th>
                                                        <th>Price</th>
                                                        <th>Min</th>
                                                        <th>Max</th>
                                                        <th>Average Time</th>
                                                        <th>Description</th>
                                                    </tr>
                                                </thead>
                                                <tbody id="serviceData">
                                                    @foreach ($categoriesRows as $c)
                                                        {{-- {{dd($categoriesRows)}} --}}
                                                        @php
                                                        $iconUrl = $c->category_icon == -1 ? $c->custom_icon_link : 'https://everve.net/assets-v2/img/' . SocialIcons::where('icon_id', $c->category_icon)->pluck('icon_code')->first() . '.svg';
                                                        @endphp
                                                        <tr
                                                            style="font-weight: 700;color: null !important;    background: null !important;    padding-top: 12px !important;    padding-left: 12px !important;    padding-right: 24px !important;    padding-bottom: 12px !important;">
                                                            <td colspan="7"><img src="{{ $iconUrl }}" alt="" class="pe-2" /> <span style="font-weight:bold"> {{ $c->category_name}}</span>
                                                            </td>
                                                        </tr>
                                                        @foreach ($services as $service)
                                                            @php

                                                                $clientId = Auth::user()->client_id ?? null;
                                                                $clientPrice = ClientPrice::where(
                                                                    'service_id',
                                                                    $service['service_id'],
                                                                );
                                                                if ($clientId) {
                                                                    $clientPrice->where('client_id', $clientId);
                                                                }
                                                                $current_curr = current_currency();
                                                                $custom_rates = $clientPrice->first();
                                                                if (!empty($custom_rates)) {
                                                                    $price =
                                                                        $current_curr->currency_symbol .
                                                                        round(
                                                                            $current_curr->currency_value *
                                                                                $custom_rates->service_price,
                                                                            4,
                                                                        );
                                                                } else {
                                                                    $price = $service['service_price'];
                                                                }
                                                                $average_time = '';
                                                                if ($service['average_time'] != '') {
                                                                    $average_time = explode(
                                                                        ' ',
                                                                        $service['average_time'],
                                                                    );
                                                                    $time = '';
                                                                    if ($average_time[0] != '00') {
                                                                        $time =
                                                                            $average_time[0] . ' ' . $average_time[1];
                                                                    }
                                                                    if ($average_time[3] != '00') {
                                                                        $time .=
                                                                            ' ' .
                                                                            $average_time[2] .
                                                                            ' ' .
                                                                            $average_time[3];
                                                                    }
                                                                    $average_time = $time;
                                                                } else {
                                                                    $average_time = 'Not available';
                                                                }

                                                                $description =
                                                                    '<a href="javascript:void(0);" data-id=' .
                                                                    $service['service_id'] .
                                                                    ' data-description="' .
                                                                    $service['service_description'] .
                                                                    '" class="show_description"><span class="fa fa-eye"></span></a>';

                                                            @endphp
                                                            {{-- {{dd($service);}} --}}

                                                            @if ($c->category_id == $service['category_id'])
                                                                <tr>
                                                                    <td>{{ $service['service_id'] }}</td>
                                                                    <td>{{ $service['service_name'] }}</td>
                                                                    <td>{{ $price }}</td>
                                                                    <td>{{ $service['service_min'] }}</td>
                                                                    <td>{{ $service['service_max'] }}</td>
                                                                    <td>{{ $average_time }}</td>
                                                                    <td></td>
                                                                </tr>
                                                            @endif
                                                        @endforeach
                                                    @endforeach
                                                    {{-- <tr class="services-list-category-title"
                                                        data-filter-table-category-id="3">
                                                        <td colspan="100%"
                                                            class="style-bg-primary-alpha-20 style-text-primary services-category editor__component-wrapper">
                                                            <div class="w-100 ">
                                                                <h4>
                                                                    <img src="https://cdn.mypanel.link/plo1k3/p8f0enhszlm0ftmf.jpg"
                                                                        alt="YOUTUBE VIEWS | NATIVE & SOCIAL | NODROP"
                                                                        class="img-fluid align-middle mr-1"
                                                                        style="max-width: calc(1em + 6px); max-height: calc(1em + 6px);">
                                                                    <span class="align-middle">YOUTUBE VIEWS | NATIVE &
                                                                        SOCIAL | NODROP</span>
                                                                </h4>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr data-filter-table-category-id="3">
                                                        <td data-label="Favorite services">
                                                            <a href="#" data-favorite-service-id="558">
                                                                <span data-favorite-icon class="far fa-star"></span>
                                                            </a>
                                                        </td>
                                                        <td data-label="ID" data-filter-table-service-id="558">558</td>
                                                        <td data-label="Service" class="table-service"
                                                            data-filter-table-service-name="true">YOUTUBE NATIVE ADS Views
                                                            | Nondrop | G30 | Speed 5M+/ DayS</td>
                                                        <td data-label="Rate per 1000">
                                                            $0.69
                                                        </td>
                                                        <td data-label="Min order">40 000</td>
                                                        <td data-label="Max order">20 000 000</td>
                                                        <td data-label="" class="services-list__description">
                                                            <div class="component_button_view">
                                                                <div class="">
                                                                    <button
                                                                        class="btn btn-actions btn-view-service-description"
                                                                        data-toggle="modal"
                                                                        data-content-id="#service-description-id-74-558"
                                                                        data-service-id="558"
                                                                        data-service-name="YOUTUBE NATIVE ADS Views | Nondrop | G30 | Speed 5M+/ DayS"
                                                                        data-min="40 000" data-max="20 000 000"
                                                                        data-target="#service-description-74">
                                                                        View
                                                                    </button>
                                                                </div>
                                                            </div>
                                                            <div class="d-none" id="service-description-id-74-558">
                                                                - Start time: 5 minutes-5h<br>- Speed: 5M Views+/Day<br>-
                                                                Report source: Random: (Browse features, Direct or unknown,
                                                                Suggested, External)<br>- 60 days guarantee.
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr data-filter-table-category-id="3">
                                                        <td data-label="Favorite services">
                                                            <a href="#" data-favorite-service-id="6">
                                                                <span data-favorite-icon class="far fa-star"></span>
                                                            </a>
                                                        </td>
                                                        <td data-label="ID" data-filter-table-service-id="6">6</td>
                                                        <td data-label="Service" class="table-service"
                                                            data-filter-table-service-name="true">Youtube View Native Ads
                                                            [Real Users] NON DROP | Speed 500K+/Day</td>
                                                        <td data-label="Rate per 1000">
                                                            $0.79
                                                        </td>
                                                        <td data-label="Min order">30 000</td>
                                                        <td data-label="Max order">10 000 000</td>
                                                        <td data-label="" class="services-list__description">
                                                            <div class="component_button_view">
                                                                <div class="">
                                                                    <button
                                                                        class="btn btn-actions btn-view-service-description"
                                                                        data-toggle="modal"
                                                                        data-content-id="#service-description-id-74-6"
                                                                        data-service-id="6"
                                                                        data-service-name="Youtube View Native Ads [Real Users] NON DROP | Speed 500K+/Day"
                                                                        data-min="30 000" data-max="10 000 000"
                                                                        data-target="#service-description-74">
                                                                        View
                                                                    </button>
                                                                </div>
                                                            </div>
                                                            <div class="d-none" id="service-description-id-74-6">
                                                                - Start time: 5 minutes-5h<br>- Speed: 500K Views+/Day<br>-
                                                                Report source: Random: (Browse features, Direct or unknown,
                                                                Suggested, External)<br>- 60 days guarantee.
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr data-filter-table-category-id="3">
                                                        <td data-label="Favorite services">
                                                            <a href="#" data-favorite-service-id="548">
                                                                <span data-favorite-icon class="far fa-star"></span>
                                                            </a>
                                                        </td>
                                                        <td data-label="ID" data-filter-table-service-id="548">548</td>
                                                        <td data-label="Service" class="table-service"
                                                            data-filter-table-service-name="true">YOUTUBE VIEWS NaTive ADS
                                                            | High Speed | 500K - 1M/ Days</td>
                                                        <td data-label="Rate per 1000">
                                                            $1.00
                                                        </td>
                                                        <td data-label="Min order">50 000</td>
                                                        <td data-label="Max order">2 000 000</td>
                                                        <td data-label="" class="services-list__description">
                                                            <div class="component_button_view">
                                                                <div class="">
                                                                    <button
                                                                        class="btn btn-actions btn-view-service-description"
                                                                        data-toggle="modal"
                                                                        data-content-id="#service-description-id-74-548"
                                                                        data-service-id="548"
                                                                        data-service-name="YOUTUBE VIEWS NaTive ADS | High Speed | 500K - 1M/ Days"
                                                                        data-min="50 000" data-max="2 000 000"
                                                                        data-target="#service-description-74">
                                                                        View
                                                                    </button>
                                                                </div>
                                                            </div>
                                                            <div class="d-none" id="service-description-id-74-548">
                                                                🟢Start time: Instant - 15 Minutes.<br>- ⚡Speed:
                                                                1M/Day.<br>- Nodrop. 50 days guarantee<br>Required
                                                                conditions for the video:<br>- Video can be public or
                                                                unlisted But Video must be Open to all countries worldwide
                                                                is not allowed to block any country.<br>- Video must allow
                                                                embedding.<br>- Videos must not infringe copyright without
                                                                permission or they will be automatically blocked by Youtube
                                                                in some countries that hold copyright. If we find a video
                                                                that violates one of the above, the order will be
                                                                automatically completed and no refunds will be issued. we
                                                                will complete the order and not refund.<br>🟢Min 50k, Max
                                                                2M<br>🟢Reffil 50 Day**Nodrop 30 days youtube views will
                                                                never be dropped again)<br>🟢Types of views: Advertise
                                                                videos on magazines and online newspapers around the world.
                                                                Real users will watch your videos.<br>🟢Video will get
                                                                channel subscriptions, video likes, dislikes from real users
                                                                worldwide.<br>🟢Very good for the channel, effective
                                                                advertising equivalent to Google adwords
                                                                discovery.<br>🟢Very good for channel
                                                                growth.<br>🟢Recommended channels are
                                                                lost.<br>⚡NOTE⚡NOTE⚡NOTE⚡<br>Cases Not Covered by
                                                                Warranty:<br>- Your video has a starting number of 5k views
                                                                and you launch our non drop service as 3k but then the video
                                                                is below 3k views we will guarantee. However, if the video
                                                                has more than 3k views, it will not be covered by the
                                                                warranty because we cannot be sure that your old views will
                                                                not be dropped.<br>- Your video has a starting number of
                                                                100K views and you order us 50k views nodrop. after
                                                                completion your video has 150k views but then your video
                                                                drops below 100k views also will not be covered by warranty
                                                                because we can't be sure that your old views are not
                                                                dropped<br>- Simply put, old views of dropped videos will
                                                                not be guaranteed.
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr data-filter-table-category-id="3">
                                                        <td data-label="Favorite services">
                                                            <a href="#" data-favorite-service-id="551">
                                                                <span data-favorite-icon class="far fa-star"></span>
                                                            </a>
                                                        </td>
                                                        <td data-label="ID" data-filter-table-service-id="551">551</td>
                                                        <td data-label="Service" class="table-service"
                                                            data-filter-table-service-name="true">Youtube Views | Native
                                                            ADS | Nondrop | G30 | Speed 1M+/Day</td>
                                                        <td data-label="Rate per 1000">
                                                            $0.85
                                                        </td>
                                                        <td data-label="Min order">20 000</td>
                                                        <td data-label="Max order">5 000 000</td>
                                                        <td data-label="" class="services-list__description">
                                                            <div class="component_button_view">
                                                                <div class="">
                                                                    <button
                                                                        class="btn btn-actions btn-view-service-description"
                                                                        data-toggle="modal"
                                                                        data-content-id="#service-description-id-74-551"
                                                                        data-service-id="551"
                                                                        data-service-name="Youtube Views | Native ADS  | Nondrop | G30 | Speed 1M+/Day"
                                                                        data-min="20 000" data-max="5 000 000"
                                                                        data-target="#service-description-74">
                                                                        View
                                                                    </button>
                                                                </div>
                                                            </div>
                                                            <div class="d-none" id="service-description-id-74-551">
                                                                🟢Start time: Instant<br>- ⚡Speed: 1M+/Day.<br>- Nodrop. 60
                                                                days guarantee<br><br>⚡No new update yet
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr data-filter-table-category-id="3">
                                                        <td data-label="Favorite services">
                                                            <a href="#" data-favorite-service-id="550">
                                                                <span data-favorite-icon class="far fa-star"></span>
                                                            </a>
                                                        </td>
                                                        <td data-label="ID" data-filter-table-service-id="550">550</td>
                                                        <td data-label="Service" class="table-service"
                                                            data-filter-table-service-name="true">Youtube Views Social |
                                                            speed 100k-300k/D | G20</td>
                                                        <td data-label="Rate per 1000">
                                                            $1.00
                                                        </td>
                                                        <td data-label="Min order">20 000</td>
                                                        <td data-label="Max order">2 000 000</td>
                                                        <td data-label="" class="services-list__description">
                                                            <div class="component_button_view">
                                                                <div class="">
                                                                    <button
                                                                        class="btn btn-actions btn-view-service-description"
                                                                        data-toggle="modal"
                                                                        data-content-id="#service-description-id-74-550"
                                                                        data-service-id="550"
                                                                        data-service-name="Youtube Views Social | speed 100k-300k/D | G20"
                                                                        data-min="20 000" data-max="2 000 000"
                                                                        data-target="#service-description-74">
                                                                        View
                                                                    </button>
                                                                </div>
                                                            </div>
                                                            <div class="d-none" id="service-description-id-74-550">
                                                                ⌛ Start time: 5 Minutes - 5h<br>Speed: 100k-300k/day
                                                                (usually 300k/day)<br>Guarantee: 60 days.<br>- ⌛ This is a
                                                                video ad view on social networks, social platforms are our
                                                                partners, the view comes entirely from real users, the video
                                                                will receive a certain number of interactions depending on
                                                                the viewer. video perception of your video content.<br>- We
                                                                don't have our own view counter, order completion is based
                                                                entirely on video views. and we are not responsible and do
                                                                not deal with any further cases when the video has had
                                                                enough views compared to the starting number.<br>- The
                                                                warranty only covers the number of views ordered from the
                                                                first order and only our views. for example: your video has
                                                                10k views and you order this service 20k views after
                                                                completing the video with 30k views or more but then the
                                                                video is reduced to 30k then we will not be responsible. We
                                                                will make sure the video always has 20k views.
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr data-filter-table-category-id="3">
                                                        <td data-label="Favorite services">
                                                            <a href="#" data-favorite-service-id="552">
                                                                <span data-favorite-icon class="far fa-star"></span>
                                                            </a>
                                                        </td>
                                                        <td data-label="ID" data-filter-table-service-id="552">552</td>
                                                        <td data-label="Service" class="table-service"
                                                            data-filter-table-service-name="true">YOUTUBE VIEWS SOCIAL- Min
                                                            50K | 100% REFILL| Speed 5M+/D | NON DROP</td>
                                                        <td data-label="Rate per 1000">
                                                            $1.45
                                                        </td>
                                                        <td data-label="Min order">50 000</td>
                                                        <td data-label="Max order">10 000 000</td>
                                                        <td data-label="" class="services-list__description">
                                                            <div class="component_button_view">
                                                                <div class="">
                                                                    <button
                                                                        class="btn btn-actions btn-view-service-description"
                                                                        data-toggle="modal"
                                                                        data-content-id="#service-description-id-74-552"
                                                                        data-service-id="552"
                                                                        data-service-name="YOUTUBE VIEWS SOCIAL- Min 50K | 100% REFILL| Speed 5M+/D | NON DROP"
                                                                        data-min="50 000" data-max="10 000 000"
                                                                        data-target="#service-description-74">
                                                                        View
                                                                    </button>
                                                                </div>
                                                            </div>
                                                            <div class="d-none" id="service-description-id-74-552">
                                                                - Start time: Instant 12 hours<br>- Minimum: 50k - Maximum:
                                                                10 million VND<br>- 100% REFILL<br>- Guarantee: No drop,
                                                                lifetime guarantee<br>- Speed: 5 M/Day<br>- Source: Native
                                                                Ads (Not google ADS)<br>- Storage: Random<br><br>Note
                                                                :-<br>- Unlimited Display Country Videos<br>- Videos will be
                                                                promoted on social platforms worldwide.<br>- Your Video will
                                                                also get Likes, Dislikes, Comments, Subscribers. Views will
                                                                also increase Watch Hours on your channel.
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr data-filter-table-category-id="3">
                                                        <td data-label="Favorite services">
                                                            <a href="#" data-favorite-service-id="554">
                                                                <span data-favorite-icon class="far fa-star"></span>
                                                            </a>
                                                        </td>
                                                        <td data-label="ID" data-filter-table-service-id="554">554</td>
                                                        <td data-label="Service" class="table-service"
                                                            data-filter-table-service-name="true">Youtube views NATIVE ADS
                                                            | target : INDIA | Nodrop | PLUS G30 day</td>
                                                        <td data-label="Rate per 1000">
                                                            $1.35
                                                        </td>
                                                        <td data-label="Min order">20 000</td>
                                                        <td data-label="Max order">10 000 000</td>
                                                        <td data-label="" class="services-list__description">
                                                            <div class="component_button_view">
                                                                <div class="">
                                                                    <button
                                                                        class="btn btn-actions btn-view-service-description"
                                                                        data-toggle="modal"
                                                                        data-content-id="#service-description-id-74-554"
                                                                        data-service-id="554"
                                                                        data-service-name="Youtube views NATIVE ADS | target : INDIA | Nodrop | PLUS G30 day"
                                                                        data-min="20 000" data-max="10 000 000"
                                                                        data-target="#service-description-74">
                                                                        View
                                                                    </button>
                                                                </div>
                                                            </div>
                                                            <div class="d-none" id="service-description-id-74-554">
                                                                Start time: 0-5h<br>Speed: 10k-50k/Day<br>Guaranteed: 30
                                                                day<br>Nodrop.<br>Source: Unknown Direct + External.<br>GEO:
                                                                INDIA
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr data-filter-table-category-id="3">
                                                        <td data-label="Favorite services">
                                                            <a href="#" data-favorite-service-id="549">
                                                                <span data-favorite-icon class="far fa-star"></span>
                                                            </a>
                                                        </td>
                                                        <td data-label="ID" data-filter-table-service-id="549">549</td>
                                                        <td data-label="Service" class="table-service"
                                                            data-filter-table-service-name="true">YOUTUBE VIEWS Mix Sped :
                                                            50K - 200K/DayS | Min 1k NODROP</td>
                                                        <td data-label="Rate per 1000">
                                                            $2.15
                                                        </td>
                                                        <td data-label="Min order">1 000</td>
                                                        <td data-label="Max order">2 000 000</td>
                                                        <td data-label="" class="services-list__description">
                                                            <div class="component_button_view">
                                                                <div class="">
                                                                    <button
                                                                        class="btn btn-actions btn-view-service-description"
                                                                        data-toggle="modal"
                                                                        data-content-id="#service-description-id-74-549"
                                                                        data-service-id="549"
                                                                        data-service-name="YOUTUBE VIEWS Mix Sped : 50K - 200K/DayS | Min 1k NODROP"
                                                                        data-min="1 000" data-max="2 000 000"
                                                                        data-target="#service-description-74">
                                                                        View
                                                                    </button>
                                                                </div>
                                                            </div>
                                                            <div class="d-none" id="service-description-id-74-549">
                                                                Start: 10 min-8h<br>Speed: 50k-200k/Day<br>Min order:
                                                                1k<br>Guaranteed: 30 Day<br>Nodrop<br>Source: Random
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr data-filter-table-category-id="3">
                                                        <td data-label="Favorite services">
                                                            <a href="#" data-favorite-service-id="555">
                                                                <span data-favorite-icon class="far fa-star"></span>
                                                            </a>
                                                        </td>
                                                        <td data-label="ID" data-filter-table-service-id="555">555</td>
                                                        <td data-label="Service" class="table-service"
                                                            data-filter-table-service-name="true">YOUTUBE VIEWS NATIVE ADS
                                                            ( Min 3k ) | speed 50k+/Day [Real Users] NON DROP R-30</td>
                                                        <td data-label="Rate per 1000">
                                                            $1.35
                                                        </td>
                                                        <td data-label="Min order">3 000</td>
                                                        <td data-label="Max order">700 000</td>
                                                        <td data-label="" class="services-list__description">
                                                            <div class="component_button_view">
                                                                <div class="">
                                                                    <button
                                                                        class="btn btn-actions btn-view-service-description"
                                                                        data-toggle="modal"
                                                                        data-content-id="#service-description-id-74-555"
                                                                        data-service-id="555"
                                                                        data-service-name="YOUTUBE VIEWS NATIVE ADS ( Min 3k ) | speed 50k+/Day [Real Users] NON DROP R-30"
                                                                        data-min="3 000" data-max="700 000"
                                                                        data-target="#service-description-74">
                                                                        View
                                                                    </button>
                                                                </div>
                                                            </div>
                                                            <div class="d-none" id="service-description-id-74-555">
                                                                🟢Start time: 2h - 12 hours<br>⚡Speed: 10k+/Day (Orders need
                                                                higher speed than 2M/D<br>🟢Min 3k, Max 500k<br>🟢Reffil 30
                                                                Day**(Nodrop 30 days youtube views will never be dropped
                                                                again)
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr data-filter-table-category-id="3">
                                                        <td data-label="Favorite services">
                                                            <a href="#" data-favorite-service-id="7">
                                                                <span data-favorite-icon class="far fa-star"></span>
                                                            </a>
                                                        </td>
                                                        <td data-label="ID" data-filter-table-service-id="7">7</td>
                                                        <td data-label="Service" class="table-service"
                                                            data-filter-table-service-name="true">YouTube Shorts Views |
                                                            NON DROP | R30 Speed 2M/Day</td>
                                                        <td data-label="Rate per 1000">
                                                            $1.35
                                                        </td>
                                                        <td data-label="Min order">20 000</td>
                                                        <td data-label="Max order">10 000 000</td>
                                                        <td data-label="" class="services-list__description">
                                                            <div class="component_button_view">
                                                                <div class="">
                                                                    <button
                                                                        class="btn btn-actions btn-view-service-description"
                                                                        data-toggle="modal"
                                                                        data-content-id="#service-description-id-74-7"
                                                                        data-service-id="7"
                                                                        data-service-name="YouTube Shorts Views | NON DROP | R30 Speed 2M/Day"
                                                                        data-min="20 000" data-max="10 000 000"
                                                                        data-target="#service-description-74">
                                                                        View
                                                                    </button>
                                                                </div>
                                                            </div>
                                                            <div class="d-none" id="service-description-id-74-7">
                                                                🕓 Start Time: 15 Minutes - 3h<br>🚀 Speed: 1M-2M/Day<br>♻️
                                                                Guarantee: 30 Days - Nodrop<br>🌎 Country : Global<br>🌎
                                                                Source: Real users from ads on apps.<br>^^^ Min/Max order:
                                                                20k/10M<br>*** Note: Videos must be 13 seconds or more in
                                                                length.
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr data-filter-table-category-id="3">
                                                        <td data-label="Favorite services">
                                                            <a href="#" data-favorite-service-id="659">
                                                                <span data-favorite-icon class="far fa-star"></span>
                                                            </a>
                                                        </td>
                                                        <td data-label="ID" data-filter-table-service-id="659">659</td>
                                                        <td data-label="Service" class="table-service"
                                                            data-filter-table-service-name="true">Youtube View Native Ads
                                                            [Real Users] NON DROP</td>
                                                        <td data-label="Rate per 1000">
                                                            $0.92
                                                        </td>
                                                        <td data-label="Min order">10 000</td>
                                                        <td data-label="Max order">3 000 000</td>
                                                        <td data-label="" class="services-list__description">
                                                            <div class="component_button_view">
                                                                <div class="">
                                                                    <button
                                                                        class="btn btn-actions btn-view-service-description"
                                                                        data-toggle="modal"
                                                                        data-content-id="#service-description-id-74-659"
                                                                        data-service-id="659"
                                                                        data-service-name="Youtube View Native Ads [Real Users] NON DROP"
                                                                        data-min="10 000" data-max="3 000 000"
                                                                        data-target="#service-description-74">
                                                                        View
                                                                    </button>
                                                                </div>
                                                            </div>
                                                            <div class="d-none" id="service-description-id-74-659">
                                                                Start time: 5 minutes - 8 hours<br>- ⚡Speed:
                                                                ​​50k-100k/Day<br>- Because advertising is too expensive, we
                                                                are forced to increase the price from April 2, 2022. The
                                                                current speed is only guaranteed from
                                                                50k-100k/Day.<br>Required conditions for the video:<br>-
                                                                Video can be public or unlisted But Video must be Open to
                                                                all countries worldwide is not allowed to block any
                                                                country.<br>- Video must allow embedding.<br>- Videos must
                                                                not infringe copyright without permission or they will be
                                                                automatically blocked by Youtube in some countries that hold
                                                                copyright. If we find a video that violates one of the
                                                                above, the order will be automatically completed and no
                                                                refunds will be issued. we will complete the order and not
                                                                refund.<br>🟢Min 20k, Max 2M<br>🟢Reffil 30 Day**(Nodrop 30
                                                                days youtube views will never be dropped again)<br>🟢Types
                                                                of views: Advertise videos on magazines and online
                                                                newspapers around the world. Real users will watch your
                                                                videos.<br>🟢Video will get channel subscriptions, video
                                                                likes, dislikes from real users worldwide.<br>🟢Very good
                                                                for the channel, effective advertising equivalent to Google
                                                                adwords discovery.<br>🟢Very good for channel
                                                                growth.<br>🟢Recommended channels are
                                                                lost.<br>⚡NOTE⚡NOTE⚡NOTE⚡<br>Cases Not Covered by
                                                                Warranty:<br>- Your video has a starting number of 5k views
                                                                and you launch our non drop service as 3k but then the video
                                                                is below 3k views we will guarantee. However, if the video
                                                                has more than 3k views, it will not be covered by the
                                                                warranty because we cannot be sure that your old views will
                                                                not be dropped.<br>- Your video has a starting number of
                                                                100K views and you order us 50k views nodrop. after
                                                                completion your video has 150k views but then your video
                                                                drops below 100k views also will not be covered by warranty
                                                                because we can't be sure that your old views are not
                                                                dropped<br>- Simply put, old views of dropped videos will
                                                                not be guaranteed.
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr class="services-list-category-title"
                                                        data-filter-table-category-id="633">
                                                        <td colspan="100%"
                                                            class="style-bg-primary-alpha-20 style-text-primary services-category editor__component-wrapper">
                                                            <div class="w-100 ">
                                                                <h4>
                                                                    <img src="https://cdn.mypanel.link/plo1k3/p8f0enhszlm0ftmf.jpg"
                                                                        alt="YOUTUBE VIEWS | NETSOCIALPRO"
                                                                        class="img-fluid align-middle mr-1"
                                                                        style="max-width: calc(1em + 6px); max-height: calc(1em + 6px);">
                                                                    <span class="align-middle">YOUTUBE VIEWS |
                                                                        NETSOCIALPRO</span>
                                                                </h4>
                                                            </div>
                                                        </td>
                                                    </tr> --}}
                                                </tbody>
                                            </table>
                                        </div>
                                        @if (isset($pageContent) &&
                                                !is_null($pageContent) &&
                                                ($pageContent->content_place == 'both' || $pageContent->content_place == 'bottom'))
                                            <div class="my-4 well">
                                                {!! $pageContent->page_content_bottom !!}
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="modal fade " tabindex="-1" role="dialog" id="service-description-74">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-body">
                                    <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                                        <i class="fas fa-times"></i>
                                    </button>
                                    <div class="service-description-content"></div>
                                    <button class="btn btn-block btn-big-primary" id="createQuickOrder"
                                        style="margin-top: 24px;">
                                        Create order
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="wrapper-content__footer">
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="descriptionBox" tabindex="-1" role="dialog" aria-labelledby="descriptionBox"
        aria-hidden="true" data-bs-backdrop='static'>
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-body">
                    <pre class="description-content"></pre>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-big-primary" data-dismiss="modal">Cancel</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script src="{{ asset('assets/admin/plugins/global/plugins.bundle.js') }}"></script>
    <script src="{{ asset('assets/admin/js/scripts.bundle.js') }}"></script>

    <script src="{{ asset('assets/admin/plugins/custom/fullcalendar/fullcalendar.bundle.js') }}"></script>
    <script src="https://cdn.amcharts.com/lib/5/index.js"></script>
    <script src="https://cdn.amcharts.com/lib/5/xy.js"></script>
    <script src="https://cdn.amcharts.com/lib/5/percent.js"></script>
    <script src="https://cdn.amcharts.com/lib/5/radar.js"></script>
    <script src="https://cdn.amcharts.com/lib/5/themes/Animated.js"></script>
    <script src="https://cdn.amcharts.com/lib/5/map.js"></script>
    <script src="https://cdn.amcharts.com/lib/5/geodata/worldLow.js"></script>
    <script src="https://cdn.amcharts.com/lib/5/geodata/continentsLow.js"></script>
    <script src="https://cdn.amcharts.com/lib/5/geodata/usaLow.js"></script>
    <script src="https://cdn.amcharts.com/lib/5/geodata/worldTimeZonesLow.js"></script>
    <script src="https://cdn.amcharts.com/lib/5/geodata/worldTimeZoneAreasLow.js"></script>

    <script src="{{ asset('assets/admin/js/widgets.bundle.js') }}"></script>
    <script src="{{ asset('assets/admin/js/custom/widgets.js') }}"></script>
    <script src="{{ asset('assets/admin/js/custom/apps/chat/chat.js') }}"></script>
    <script src="{{ asset('assets/admin/js/custom/utilities/modals/upgrade-plan.js') }}"></script>
    <script src="{{ asset('assets/admin/js/custom/utilities/modals/create-app.js') }}"></script>
    <script src="{{ asset('assets/admin/js/custom/utilities/modals/new-target.js') }}"></script>
    <script src="{{ asset('assets/admin/js/custom/utilities/modals/users-search.js') }}"></script>
    <script src="{{ asset('assets/js/sweetalert.min.js') }}"></script>
    <script src="{{ asset('assets/js/jquery.validate.min.js') }}"></script>
    <script src="{{ asset('assets/js/additional-methods.min.js') }}"></script>
    <script src="https://cdn.jsdelivr.net/npm/gasparesganga-jquery-loading-overlay@2.1.7/dist/loadingoverlay.min.js">
    </script>
    <script>
        $.LoadingOverlaySetup({
            size: '30',
            maxSize: '30',
            minSize: '30'
        });
    </script>

    <script>
        function searchData(){
var search_query = $('#searchService').val();
            $.ajax({
                url: "{{url('/')}}/services",
                data:{"search_query":search_query},
                success: function(result) {
                    $("#serviceData").html('');
                    console.log(result.data);
                    var html = '';
                    html += '<tr><td colspan="7"><b>'+result.data[0].category_name+'</b></tr>';
                    $.each(result.data, function(k, v) {
                        html += '<tr><td>'+v.service_id+'</td><td>'+v.service_name+'</td><td>'+v.service_price+'</td><td>'+v.min+'</td><td>'+v.max+'</td><td>'+v.average+'</td><td>'+v.Description+'</td></tr>';
                    });
                    $("#serviceData").html(html);
                }
            });
        }
        function filterData(id) {
            $.ajax({
                url: "{{url('/')}}/services",
                data:{"filter_status":id},
                success: function(result) {
                    $("#serviceData").html('');
                    console.log(result.data);
                    var html = '';
                    html += '<tr><td colspan="7"><b>'+result.data[0].category_name+'</b></tr>';
                    $.each(result.data, function(k, v) {
                        html += '<tr><td>'+v.service_id+'</td><td>'+v.service_name+'</td><td>'+v.service_price+'</td><td>'+v.min+'</td><td>'+v.max+'</td><td>'+v.average+'</td><td>'+v.Description+'</td></tr>';
                    });
                    $("#serviceData").html(html);
                }
            });
        }

        $(document).ready(function() {
            var groupColumn = 1;




            // $.ajax({
            //     type: 'GET',
            //     processData: false, // important
            //     contentType: false, // important
            //     data: function(d) {
            //         d.filter_status = $('#filter_category option:selected').val()
            //     },
            //     url: "{{ route('services') }}",
            //     dataType: 'json',
            //     success: function(response) {
            //          var html = "";
            //         $.each(response.data,function(k,v){
            //             html += "<tr><td>"+v.service_id+"</td><td>"+v.service_name+"</td><td>"+v.service_price+"</td><td>"+v.service_min+"</td><td>"+v.service_max+"</td><td>"+v.average+"</td><td>"+v.Description+"</td></tr>";
            //         })
            //         $('#serviceData').html(html);

            //     },
            // });

            // var table = $('#kt_table_orders').DataTable({
            //     "lengthMenu": [1000, 5000, 10000],
            //     paging: false,
            //     searching: false,
            //     processing: false,
            //     ajax: {
            //         url: "{{ route('services') }}",
            //         data: function(d) {
            //             d.filter_status = $('#filter_category option:selected').val()
            //         }
            //     },
            //     columns: [{
            //             data: 'ID',
            //             name: 'ID',
            //             orderable: true
            //         },
            //         {
            //             data: 'category_name',
            //             name: 'category_name',
            //             orderable: true
            //         },
            //         {
            //             data: 'service_name',
            //             name: 'service_name',
            //             orderable: true
            //         },
            //         {
            //             data: 'price',
            //             name: 'price',
            //             orderable: true
            //         },
            //         {
            //             data: 'min',
            //             name: 'min',
            //             orderable: true
            //         },
            //         {
            //             data: 'max',
            //             name: 'max',
            //             orderable: true
            //         },
            //         {
            //             data: 'average',
            //             name: 'average',
            //             orderable: true
            //         },
            //         {
            //             data: 'Description',
            //             name: 'Description',
            //             orderable: true
            //         },
            //     ],
            //     columnDefs: [{
            //         visible: false,
            //         targets: groupColumn
            //     }],
            //     order: false,
            //     drawCallback: function(settings) {
            //         var api = this.api();
            //         var rows = api.rows({
            //             page: 'current'
            //         }).nodes();
            //         var last = null;

            //         api.column(groupColumn, {
            //                 page: 'current'
            //             })
            //             .data()
            //             .each(function(group, i) {
            //                 if (last !== group) {
            //                     $(rows)
            //                         .eq(i)
            //                         .before(
            //                             '<tr class="group"><td colspan="7">' +
            //                             group +
            //                             '</td></tr>'
            //                         );

            //                     last = group;
            //                 }
            //             });
            //     }
            // });

            // user side commented as not required
            // $(".user-service-sortable tbody").sortable({
            //     handle: '.handle',
            //     items: 'tr',
            //     update: function(event, ui) {
            //         var draggedRow = ui.item.find('.handle'); // Get the handle within the dragged row
            //         var destinationRow = ui.item.prev('tr'); // Get the previous row (destination)
            //         var destination = null;

            //         if (destinationRow.length > 0) {
            //             destination = destinationRow.find(
            //                 '.handle'); // Get the handle within the destination row
            //         }

            //         // Get the data-catid of the destination row's handle
            //         var destinationCatId = destination ? destination.data('catid') : null;

            //         // Get the data-catid of the dragged row's handle
            //         var draggedCatId = draggedRow.data('catid');

            //         if (destinationCatId !== draggedCatId) {
            //             // Throw an error
            //             Swal.fire({
            //                 text: "Error: Cannot drag row to a different category.",
            //                 icon: "error",
            //                 buttonsStyling: false,
            //                 confirmButtonText: "Ok, got it!",
            //                 customClass: {
            //                     confirmButton: "btn btn-success"
            //                 }
            //             })
            //             // Revert the dragged row to its original position
            //             $(this).sortable('cancel');
            //             return;
            //         }

            //         var array = [];
            //         $(this).find('tr:not(.group)').each(function(i) {
            //             $(this).attr('data-line', i + 1);
            //             var params = {
            //                 catId: $(this).find('.handle').data('catid'),
            //                 serviceId: $(this).find('.handle').data('serviceid'),
            //                 line: $(this).attr('data-line')
            //             };
            //             array.push(params);
            //         });

            //         // Perform AJAX request to update the service lines
            //         $.ajax({
            //             url: "{{ route('services.update_service_lines') }}",
            //             method: 'POST',
            //             data: {
            //                 services: array
            //             },
            //             success: function(response) {
            //                 Swal.fire({
            //                     text: response.message,
            //                     icon: response.success == true ? "success" :
            //                         "error",
            //                     buttonsStyling: false,
            //                     confirmButtonText: "Ok, got it!",
            //                     customClass: {
            //                         confirmButton: "btn btn-success"
            //                     }
            //                 })
            //                 table.ajax.reload();
            //                 return;
            //             },
            //             error: function(xhr, status, error) {
            //                 console.error(error);
            //             }
            //         });
            //     }
            // });

            var currentRequest = null;
            $(document).on('change', '#filter_category', function() {
                table.ajax.reload();
            });

            $(document).on('click', '.show_description', function() {
                $.LoadingOverlay("show");
                var description = $(this).attr('data-description');
                $('#descriptionBox .modal-body pre').text(description);
                $('#descriptionBox').modal('show');
                $.LoadingOverlay("hide");
            });

            $(document).on('click', '.order-partial-btn', function() {
                $.LoadingOverlay("show");
                var id = $(this).attr('data-id');
                var formData = new FormData();
                formData.append('id', id);
                currentRequest = jQuery.ajax({
                    type: 'POST',
                    data: formData,
                    url: "{{ route('admin.orders.orderPartial') }}",
                    dataType: 'JSON',
                    processData: false,
                    contentType: false,
                    beforeSend: function() {
                        if (currentRequest != null) {
                            currentRequest.abort();
                        }
                    },
                    success: function(data) {
                        $.LoadingOverlay("hide");
                        $('#orderPartial .modal-body').html(data.htmls)
                        $('#orderPartial').modal('show')
                    },
                    error: function(e) {
                        // Error
                        $.LoadingOverlay("hide");
                        return false;
                    }
                });
                return false;
            });

            $("#orderPartialForm").validate({
                rules: {
                    order_remains: {
                        required: true
                    }
                },
                messages: {},
                submitHandler: function(form) {
                    $.LoadingOverlay("show");
                    $('.edit_order_errors').html('');
                    $('.edit_order_success').html('');
                    var formData = new FormData(form);
                    currentRequest = jQuery.ajax({
                        type: 'POST',
                        data: formData,
                        url: "{{ route('admin.orders.updateOrderRemains') }}",
                        dataType: 'JSON',
                        processData: false,
                        contentType: false,
                        beforeSend: function() {
                            if (currentRequest != null) {
                                currentRequest.abort();
                            }
                        },
                        success: function(data) {
                            $.LoadingOverlay("hide");
                            if (data.errors) {
                                var errors = data.errors;
                                $.each(errors, function(i, val) {
                                    $('.edit_order_errors').append(
                                        '<div class="alert alert-danger alert-dismissible fade show" role="alert">' +
                                        val[0] + '</div>');
                                })
                            } else if (data.status == 0) {
                                $('.edit_order_errors').html(
                                    '<div class="alert alert-danger alert-dismissible fade show" role="alert">' +
                                    data.message + '</div>');
                            } else {
                                $('.edit_order_success').html(
                                    '<div class="alert alert-success alert-dismissible fade show" role="alert">' +
                                    data.message + '</div>');
                                $('#orderPartialForm')[0].reset();
                                setTimeout(function() {
                                    $('#orderPartial').modal('hide')
                                }, 3000)
                            }
                            $('.modal').animate({
                                scrollTop: 0
                            }, 1000);
                            setTimeout(() => {
                                $('.edit_order_errors').html('');
                                $('.edit_order_success').html('');
                            }, 3000);
                        },
                        error: function(e) {
                            // Error
                            $.LoadingOverlay("hide");
                            return false;
                        }
                    });
                    return false;
                }
            });

            $('.edit-startcount-btn').click(function() {
                alert('yes');
            });

            $(document).on('click', '.sync_count', function() {
                var id = $(this).data("id");
                console.log(id);
                var name = $(this).data("name");
                var url = $(this).data("url");
                get_social_details(url, name, id);
            });

            function get_social_details(url, name, id) {
                var order_url = url;
                var cat = "";
                var service_name = name;
                var type = "";
                if (service_name.includes("Instagram") || service_name.includes("instagram")) {
                    if (service_name.includes("followers") || service_name.includes("Followers") || service_name
                        .includes(
                            "follower") || service_name.includes("Follower")) {
                        type = 2;
                    } else if (service_name.includes("likes") || service_name.includes("like") || service_name
                        .includes(
                            "view") || service_name.includes("views") || service_name.includes("Likes") ||
                        service_name
                        .includes(
                            "Like") || service_name.includes("View") || service_name.includes("Views")) {
                        type = 1;
                    }
                } else if (service_name.includes("Youtube") || service_name.includes("youtube")) {
                    if (service_name.includes("subscribers") || service_name.includes("subscriber") || service_name
                        .includes(
                            "Subscribers") || service_name.includes("subscribe") || service_name.includes(
                            "Subscribe")) {
                        type = 5;
                    } else if (service_name.includes("views") || service_name.includes("view") || service_name
                        .includes(
                            "View") || service_name.includes("Views")) {
                        type = 9;
                    } else if (service_name.includes("likes") || service_name.includes("like") || service_name
                        .includes(
                            "Like") || service_name.includes("Likes")) {
                        type = 6;
                    }
                } else if (service_name.includes("Twitter") || service_name.includes("twitter")) {
                    if (service_name.includes("status") || service_name.includes("Status") || service_name.includes(
                            "story") ||
                        service_name.includes("Story")) {
                        type = 4;
                    } else {
                        type = 3;
                    }
                } else if (service_name.includes("Telegram") || service_name.includes("telegram")) {
                    type = 7;
                } else {
                    type = 8;
                }
                console.log(type);
                var allow_social_query = false;
                switch (type) {
                    case 1:
                        if ((order_url.indexOf("instagram.com/") !== -1 || order_url.indexOf("instagr.am/") !== -
                                1) && (
                                order_url.indexOf("/p/") !== -1 || order_url.indexOf("/tv/") !== -1 || order_url
                                .indexOf(
                                    "/reel/") !== -1)) {
                            cat = 18;
                            allow_social_query = true
                        } else {
                            allow_social_query = false
                        }
                        break;
                    case 2:
                        if ((order_url.indexOf("instagram.com/") !== -1 || order_url.indexOf("instagr.am/") !== -
                                1) && order_url
                            .indexOf("/p/") === -1 && order_url.indexOf("/tv/") === -1 && order_url.indexOf(
                                "/reel/") === -1) {
                            cat = 19;
                            allow_social_query = true
                        } else {
                            allow_social_query = false
                        }
                        break;
                    case 3:
                        if (order_url.indexOf("twitter.com/") !== -1 && order_url.indexOf("/status/") === -1) {
                            cat = 5;
                            allow_social_query = true
                        } else {
                            allow_social_query = false
                        }
                        break;
                    case 4:
                        if (order_url.indexOf("twitter.com/") !== -1 && order_url.indexOf("/status/") !== -1) {
                            cat = 13;
                            allow_social_query = true
                        } else {
                            allow_social_query = false
                        }
                        break;
                    case 5:
                        if ((order_url.indexOf("youtube.com/") !== -1 || order_url.indexOf("youtu.be/") !== -1 ||
                                order_url
                                .indexOf("m.youtube.com/") !== -1) && (order_url.indexOf("/channel/") !== -1 ||
                                order_url
                                .indexOf("/user/") !== -1 || order_url.indexOf("/c/") !== -1)) {
                            cat = 4;
                            allow_social_query = true
                        } else {
                            allow_social_query = false
                        }
                        break;
                    case 6:
                        if (order_url.indexOf("youtube.com/") !== -1 || order_url.indexOf("youtu.be/") !== -1 ||
                            order_url
                            .indexOf("m.youtube.com/") !== -1) {
                            cat = 23;
                            allow_social_query = true
                        } else {
                            allow_social_query = false
                        }
                        break;
                    case 7:
                        if (order_url.indexOf("t.me/") !== -1 || order_url.indexOf("@") !== -1 || order_url.indexOf(
                                "telegram.me") !== -1 || order_url.indexOf("telegram.org") !== -1) {
                            cat = 43;
                            allow_social_query = true
                        } else {
                            allow_social_query = false
                        }
                        break;
                    case 8:
                        if (order_url.indexOf("ipweb.ru") === -1 || order_url.indexOf("ipweb.ru") === -1) {
                            cat = 32;
                            allow_social_query = true
                        } else {
                            allow_social_query = false
                        }
                        break
                    case 9:
                        if (order_url.indexOf("youtube.com/") !== -1 || order_url.indexOf("youtu.be/") !== -1 ||
                            order_url
                            .indexOf("m.youtube.com/") !== -1) {
                            cat = 24;
                            allow_social_query = true
                        } else {
                            allow_social_query = false
                        }
                        break
                }

                if (allow_social_query) {
                    $("#sync_icon_" + id).addClass("fa-spin");
                    var base = "https://panel.aularental.com";
                    var settings = {
                        "url": '{{ route('admin.getInstaFeed') }}',
                        "data": {
                            'order_url': url,
                            "cate": cat
                        },
                        "method": "POST",
                        "timeout": 0,
                    };

                    $.ajax(settings).done(function(response) {
                        $("#sync_icon_" + id).removeClass("fa-spin");
                        json_resp = JSON.parse(response);
                        if (json_resp['error'] == "") {
                            $("#count_" + id).html(json_resp['order_initial_social_counter']);
                        }
                    });
                }
            }
        });
    </script>
@endsection