@extends('bootstrap.layouts.app')

@section('content')
    
    <div class="wrapper-content">
        <div class="wrapper-content__header">
        </div>
        <div class="wrapper-content__body">
            <div id="block_76">
@php
    $url = explode("/",url()->current());
    $all = '';
    $cronpending = '';
    $pending = '';
    $processing = '';
    $inprogress = '';
    $completed = '';
    $partial = '';
    $canceled = '';
    $fail = '';
    $api = '';
    if(isset($url[4])){
        if($url[4] == 'cronpending'){
            $cronpending = 'active';
        }
        if($url[4] == 'pending'){
            $pending = 'active';
        }
        if($url[4] == 'processing'){
            $processing = 'active';
        }
        if($url[4] == 'inprogress'){
            $inprogress = 'active';
        }
        if($url[4] == 'completed'){
            $completed = 'active';
        }
        if($url[4] == 'partial'){
            $partial = 'active';
        }
        if($url[4] == 'canceled'){
            $canceled = 'active';
        }
        if($url[4] == 'fail'){
            $fail = 'active';
        }
        if($url[4] == 'api'){
            $api = 'active';
        }
    }else{
        $all = 'active';
    }
@endphp
                <!--begin::Content container-->
                <div id="kt_app_content_container" class="app-container container-fluid" data-bs-backdrop='static'>
                    <div class="row">
                        <div class="col">
                            <div class="orders-history__margin-tab">
                                <div class="component_status_tabs">
                                    <div class="">
                                        <ul class="nav nav-pills tab">
                                            <li class="nav-item">
                                                <a class="nav-link {{$all}}" href="/orders">All</a>
                                            </li>
                                            {{-- <li class="nav-item">
                                                <a class="nav-link {{$cronpending}}" href="/orders/cronpending">Cron Pending</a>
                                            </li> --}}
                                            <li class="nav-item">
                                                <a class="nav-link {{$pending}}" href="/orders/pending">Pending</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link {{$processing}}" href="/orders/processing">Processing</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link {{$inprogress}}" href="/orders/inprogress">In progress</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link {{$completed}}" href="/orders/completed">Completed</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link {{$partial}}" href="/orders/partial">Partial</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link {{$canceled}}" href="/orders/canceled">Canceled</a>
                                            </li>
                                            {{-- <li class="nav-item">
                                                <a class="nav-link {{$fail}}" href="/orders/fail">Fail</a>
                                            </li> --}}
                                            {{-- <li class="nav-item">
                                                <a class="nav-link {{$api}}" href="/orders/api">Api</a>
                                            </li> --}}
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {{-- <div class="card">
                        <div class="card-header border-0 pt-6">
                            <div class="broadcast_message_errors"></div>
                            <div class="broadcast_message_success"></div>
                            <!--begin::Card title-->

                            <!--begin::Card title-->
                        </div>

                    </div> --}}
                    <!--begin::Card-->
                    <div class="card">
                        <div class="card-title">
                            <a href="javascript:void(0);" class="btn btn-big-primary" id="refill-orders-btn">Refill All
                                Orders</a>
                        </div>
                        <div class="card-body py-3">
                            @if (Session::has('success'))
                                @if (Session::get('success'))
                                    <div class="alert alert-success">
                                        {{ Session::get('success') }}
                                    </div>
                                @endif
                            @endif
                            @if (Session::has('error'))
                                @if (Session::get('error'))
                                    <div class="alert alert-danger">
                                        {{ Session::get('error') }}
                                    </div>
                                @endif
                            @endif
                            @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="form-group ">
                                <label>Order status</label>
                                <select class="form-control filter_status" name="filter_status" aria-invalid="false"
                                    id="filter_status">
                                    <option value="">All</option>
                                    <option value="cronpending">Cron Pending</option>
                                    <option value="pending">Pending</option>
                                    <option value="processing">Processing</option>
                                    <option value="inprocess">In Progress</option>
                                    <option value="completed">Completed</option>
                                    <option value="partial">Partial</option>
                                    <option value="canceled">Canceled</option>
                                    <option value="fail">Fail</option>
                                    <option value="api">API</option>
                                </select>
                            </div> --}}

                            <div class="table-responsive">
                                <!--begin::Table-->
                                <table class="table align-middle table-row-dashed fs-6 gy-5" id="kt_table_orders">
                                    <!--begin::Table head-->
                                    <thead>
                                        <!--begin::Table row-->
                                        <tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0">
                                            <th>ID</th>
                                            <th>Date</th>
                                            <th>Link</th>
                                            <th>Charge</th>
                                            <th>Start Count</th>
                                            <th>Quantity</th>
                                            <th>Service</th>
                                            <th>Status</th>
                                            <th>Remains</th>
                                            <th>Live Count</th>
                                            <th>Refill</th>
                                            <th>Cancel</th>
                                        </tr>
                                        <!--end::Table row-->
                                    </thead>
                                    <!--end::Table head-->
                                    <!--begin::Table body-->
                                    <tbody class="text-gray-800 fw-semibold">
                                        @if (isset($data))
                                            @foreach ($data as $item)
                                                @php
                                                    $html = '';
                                                    $error = '';
                                                    if ($item->order_status == 'completed') {
                                                        $refill_24h = true;
                                                        $refill_count = 0;
                                                        if ($item->service_refill == 1) {
                                                            $to = Carbon::createFromFormat(
                                                                'Y-m-d H:s:i',
                                                                date('Y-m-d H:i:s'),
                                                            );

                                                            $from = Carbon::createFromFormat(
                                                                'Y-m-d H:s:i',
                                                                $item->order_create,
                                                            );
                                                            $diff_in_hours = $to->diffInHours($from);

                                                            // $from = strtotime($row->order_create);
                                                            // $diff_in_hours = time() - $from;

                                                            if ($diff_in_hours >= 24) {
                                                                $refill_24h = true;
                                                                $refill_count = 0;

                                                                $refill_count = Refill::where(
                                                                    'refill_order_id',
                                                                    $item->order_id,
                                                                )
                                                                    ->where('website_id', WEBSITE_ID)
                                                                    ->whereIn('refill_status', [
                                                                        'pending',
                                                                        'awaiting',
                                                                        'in progress',
                                                                    ])
                                                                    ->get()
                                                                    ->count();
                                                            } else {
                                                                $refill_count = 0;
                                                                $refill_24h = false;
                                                            }
                                                        }

                                                        if ($refill_24h == true) {
                                                            if ($refill_count == 0) {
                                                                $error .= 'true all';
                                                                $html =
                                                                    '<form method="POST" action="' .
                                                                    route('orders.refillBtn') .
                                                                    '"><input name="order_id" type="hidden" value="' .
                                                                    $item->order_id .
                                                                    '"><input name="type" type="hidden" value="refill"><button class="btn btn-success btn-sm" type="submit">Refill</button></form>';
                                                            } else {
                                                                $error = 'refill false';
                                                                $html =
                                                                    '<button title="' .
                                                                    $error .
                                                                    '" class="btn btn-success btn-sm disabled" disabled>Refill</button>';
                                                            }
                                                        } else {
                                                            $error = 'time false';
                                                            $html =
                                                                '<button title="' .
                                                                $error .
                                                                '" class="btn btn-success btn-sm disabled" disabled>Refill</button>';
                                                        }
                                                    } else {
                                                        $error = 'status false';
                                                        $html =
                                                            '<button title="' .
                                                            $error .
                                                            '" class="btn btn-success btn-sm disabled" disabled>Refill</button>';
                                                    }

                                                    $cancel = '';
                                                    if ($item->service_cancel == 1) {
                                                        if ($item->order_status == 'pending') {
                                                            $cancel =
                                                                '<form method="POST" action="' .
                                                                route('orders.cancelBtn') .
                                                                '"><input name="order_id" type="hidden" value="' .
                                                                $item->order_id .
                                                                '"><input name="type" type="hidden" value="cancel"><button class="btn btn-info btn-sm" type="submit">Cancel</button></form>';
                                                        } elseif ($item->order_status == 'canceled') {
                                                        } else {
                                                            $cancel =
                                                                '<button class="btn btn-info btn-sm disabled" disabled>Cancel</button>';
                                                        }
                                                    } else {
                                                        $cancel =
                                                            '<button class="btn btn-info btn-sm disabled" disabled>Cancel</button>';
                                                    }
                                                @endphp
                                                {{-- @if ($item['order_id'] == '34490417')
                                {{dd($item);}}
                                @endif --}}
                                                <tr>
                                                    <td>{{ $item['order_id'] }}</td>
                                                    <td>{{ $item['order_create'] }}</td>
                                                    <td><a href="javascript:void(0)" class="link">{{ $item['order_url'] }} </a></td>
                                                    <td>{{ $currency_detail->currency_symbol . '' . getCurrentCurrencyExchnage($item->order_charge, $currency_detail->currency_value) }}
                                                    </td>
                                                    <td>{{ $item['order_start'] }}</td>
                                                    <td>{{ $item['order_quantity'] }}</td>
                                                    <td>{{ $item['service_name'] }}</td>
                                                    <td>{{ $item['order_status'] }}</td>
                                                    <td>{{ $item['order_remains'] }}</td>
                                                    <td><span id="count_{{ $item['order_id'] }}"></span><a
                                                            href="javascript:void(0);" data-id="{{ $item['order_id'] }}"
                                                            data-name="{{ $item['service_name'] }}"
                                                            data-url="{{ $item['order_url'] }}" class="sync_count"><span
                                                                id="sync_icon_{{ $item['order_id'] }}"
                                                                data-toggle="tooltip" title="Sync"
                                                                class="fas fa-sync-alt animate__animated animate__bounceIn"></span></a>
                                                    </td>
                                                    <td></td>
                                                    <td></td>
                                                </tr>
                                            @endforeach
                                        @endif
                                    </tbody>
                                    <!--end::Table body-->
                                </table>
                            </div>
                            <!--end::Table-->
                        </div>
                        <!--end::Card body-->
                        @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>
                    <!--end::Card-->
                </div>
            </div>
        </div>
    </div>
    <!--end::Content container-->
    <!-- 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">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" 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>
        
        // var table = $('#kt_table_orders').DataTable({
        //     "lengthMenu": [500, 1000, 2500],
        //     "deferRender": true,
        //     "processing": true,
        //     "serverSide": true,
        //     ajax: {
        //         url: "{{ route('orders') }}",
        //         data: function(d) {
        //             d.filter_status = $('#filter_status option:selected').val()
        //         },
        //         beforeSend: function() {
        //             $.LoadingOverlay("show");
        //         },
        //         complete: function() {
        //             $.LoadingOverlay("hide");
        //         }
        //     },
        //     columns: [{
        //             data: 'ID',
        //             name: 'ID',
        //             orderable: true
        //         },
        //         {
        //             data: 'created_at',
        //             name: 'created_at',
        //             orderable: true
        //         },
        //         {
        //             data: 'url',
        //             name: 'url',
        //             orderable: true
        //         },
        //         {
        //             data: 'charge',
        //             name: 'charge',
        //             orderable: true
        //         },
        //         {
        //             data: 'start_count',
        //             name: 'start_count',
        //             orderable: true
        //         },
        //         {
        //             data: 'quantity',
        //             name: 'quantity',
        //             orderable: true
        //         },
        //         {
        //             data: 'service_name',
        //             name: 'service_name',
        //             orderable: true
        //         },
        //         {
        //             data: 'status',
        //             name: 'status',
        //             orderable: true
        //         },
        //         {
        //             data: 'remains',
        //             name: 'remains',
        //             orderable: true
        //         },
        //         {
        //             data: 'LiveCount',
        //             name: 'LiveCount',
        //             orderable: true
        //         },
        //         {
        //             data: 'refill',
        //             name: 'refill',
        //             orderable: true
        //         },
        //         {
        //             data: 'cancel',
        //             name: 'cancel',
        //             orderable: true
        //         },
        //     ],
        //     createdRow: function(row, data, index) {

        //         if (data['Status'] == 'Canceled') {
        //             $(row).attr('style', 'background-color:var(--bs-danger-light)');
        //         }
        //     },
        //     order: [
        //         [0, 'desc']
        //     ]
        // });
        var currentRequest = null;
       
        $(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('orders.getInstaFeed') }}',
                    "data": {
                        "_token": "{{ csrf_token() }}",
                        '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']);
                    }
                });
            }
        }

        $('#refill-orders-btn').click(function() {


            $.LoadingOverlay("show");
            currentRequest = jQuery.ajax({
                type: 'GET',
                url: "{{ route('orders.refillAllOrders') }}",
                dataType: 'JSON',
                beforeSend: function() {
                    if (currentRequest != null) {
                        currentRequest.abort();
                    }
                },
                success: function(data) {
                    $.LoadingOverlay("hide");
                    if (data.errors) {
                        var errors = data.errors;
                        $.each(errors, function(i, val) {
                            $('.broadcast_message_errors').append(
                                '<div class="alert alert-danger alert-dismissible fade show" role="alert">' +
                                val[0] + '</div>');
                        })
                    } else if (data.status == 0) {
                        $('.broadcast_message_errors').html(
                            '<div class="alert alert-danger alert-dismissible fade show" role="alert">' +
                            data.message + '</div>');
                    } else {
                        $('.broadcast_message_success').html(
                            '<div class="alert alert-success alert-dismissible fade show" role="alert">' +
                            data.message + '</div>');
                        $('#broadcastMessageForm')[0].reset();
                        setTimeout(function() {
                            $('#kt_modal_broadcast_message').modal('hide')
                        }, 3000)
                    }

                    $.LoadingOverlay("hide");
                    $('.modal').animate({
                        scrollTop: 0
                    }, 1000);
                    setTimeout(() => {
                        $('.broadcast_message_errors').html('');
                        $('.broadcast_message_success').html('');
                    }, 3000);

                },
                error: function(e) {
                    // Error
                    $.LoadingOverlay("hide");
                    return false;
                }
            });
            return false;
        });
    </script>
@endsection