@extends('layout.app')
@section('title')
    {{ __('message.task') }}
@stop
@section('css')

    @if( LaravelLocalization::getCurrentLocale() == "ar")
        <!-- BEGIN: Vendor CSS-->
        <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css-rtl/vendors.min.css') }}">
        <link rel="stylesheet" type="text/css"
              href="{{ asset('app-assets/vendors/css-rtl/tables/datatable/dataTables.bootstrap4.min.css') }}">
        <link rel="stylesheet" type="text/css"
              href="{{ asset('app-assets/vendors/css-rtl/tables/datatable/responsive.bootstrap4.min.css') }}">
        <link rel="stylesheet" type="text/css"
              href="{{ asset('app-assets/vendors/css-rtl/tables/datatable/buttons.bootstrap4.min.css') }}">
        <link rel="stylesheet" type="text/css"
              href="{{ asset('app-assets/vendors/css-rtl/tables/datatable/rowGroup.bootstrap4.min.css') }}">
        <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/pickers/flatpickr/flatpickr.min.css') }}">
        <!-- END: Vendor CSS-->
        <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css/components.css') }}">

        <!-- BEGIN: Page CSS-->
        <!-- END: Page CSS-->

        <style>
            @media(min-width: 576px){
                .course-model {
                    max-width: 1000px;
                }
            }
        </style>
    @else
        <!-- BEGIN: Vendor CSS-->
        <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/vendors.min.css') }}">
        <link rel="stylesheet" type="text/css"
              href="{{ asset('app-assets/vendors/css/tables/datatable/dataTables.bootstrap4.min.css') }}">
        <link rel="stylesheet" type="text/css"
              href="{{ asset('app-assets/vendors/css/tables/datatable/responsive.bootstrap4.min.css') }}">
        <link rel="stylesheet" type="text/css"
              href="{{ asset('app-assets/vendors/css/tables/datatable/buttons.bootstrap4.min.css') }}">
        <link rel="stylesheet" type="text/css"
              href="{{ asset('app-assets/vendors/css/tables/datatable/rowGroup.bootstrap4.min.css') }}">
        <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/pickers/flatpickr/flatpickr.min.css') }}">
        <!-- END: Vendor CSS-->
        <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css/components.css') }}">

        <!-- BEGIN: Page CSS-->
        <!-- END: Page CSS-->

        <style>
            @media(min-width: 576px){
                .course-model {
                    max-width: 1000px;
                }
            }
        </style>
    @endif
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css/plugins/charts/chart-apex.css') }}">

    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/charts/apexcharts.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css/pages/dashboard-ecommerce.css') }}">


@stop

@section('content')

    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-9 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">{{ __('message.task') }}</h2>
                        <div class="breadcrumb-wrapper">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{route("dashboard")}}">{{ __('message.dashboard') }}</a>
                                </li>
                                <li class="breadcrumb-item"><a href="{{route("task.index")}}">{{ __('message.task') }}</a>
                                </li>
                                <li class="breadcrumb-item active">{{ __('message.show') }}
                                </li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body">
            <!-- meals list start -->
            <div class="row">
                <!-- Statistics Card -->
                <div class="col-xl-8 col-md-6 col-12">
                    <div class="card card-statistics">
                        <div class="card-header">
                            <h4 class="card-title">{{__("message.task_statistics")}}</h4>
                        </div>
                        <div class="card-body statistics-body">
                            <div class="row">
                                <div class="col-xl-2 col-sm-6 col-12 mb-2 mb-xl-0">
                                    <div class="media">
                                        <div class="avatar bg-light-primary mr-2">
                                            <div class="avatar-content">
                                                <i data-feather="trending-up" class="avatar-icon"></i>
                                            </div>
                                        </div>
                                        <div class="media-body my-auto">
                                            <h4 class="font-weight-bolder mb-0">{{$task_event_count}}</h4>
                                            <p class="card-text font-small-3 mb-0">@lang("message.running")</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-2 col-sm-6 col-12 mb-2 mb-xl-0">
                                    <div class="media">
                                        <div class="avatar bg-light-info mr-2">
                                            <div class="avatar-content">
                                                <i data-feather='check-circle' class="avatar-icon"></i>
                                            </div>
                                        </div>
                                        <div class="media-body my-auto">
                                            <h4 class="font-weight-bolder mb-0">{{$success_app}}</h4>
                                            <p class="card-text font-small-3 mb-0">@lang("message.success")</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-2 col-sm-6 col-12 mb-2 mb-sm-0">
                                    <div class="media">
                                        <div class="avatar bg-light-danger mr-2">
                                            <div class="avatar-content">
                                                <i data-feather='alert-octagon' class="avatar-icon"></i>
                                            </div>
                                        </div>
                                        <div class="media-body my-auto">
                                            <h4 class="font-weight-bolder mb-0">{{$error_app}}</h4>
                                            <p class="card-text font-small-3 mb-0">@lang("message.error")</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-3 col-sm-6 col-12">
                                    <div class="media">
                                        <div class="avatar bg-light-info mr-2">
                                            <div class="avatar-content">
                                                <i data-feather='file' class="avatar-icon"></i>
                                            </div>
                                        </div>
                                        <div class="media-body my-auto">
                                            <h4 class="font-weight-bolder mb-0">{{count($file_downloaded)}} / {{count($downloadFiles)}} </h4>
                                            <p class="card-text font-small-3 mb-0">@lang("message.FILE_TOTAL")</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-xl-3 col-sm-6 col-12">
                                    <div class="media">
                                        <div class="avatar bg-light-success mr-2">
                                            <div class="avatar-content">
                                                <i data-feather='monitor' class="avatar-icon"></i>
                                            </div>
                                        </div>
                                        <div class="media-body my-auto">
                                            <h4 class="font-weight-bolder mb-0">{{count($active_apps)}} / {{$apps}}</h4>
                                            <p class="card-text font-small-3 mb-0">@lang("message.Active_total")</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card card-statistics">
                        <div class="card-header">
                            <h4 class="card-title">{{__("message.lastEvent")}}</h4>
                        </div>
                        <div class="card-body statistics-body">
                            <div class="row">
                                <div class="col-xl-3 col-sm-6 col-12 mb-2 mb-xl-0">
                                    <div class="media">
                                        <div class="avatar bg-light-info mr-2">
                                            <div class="avatar-content">
                                                <i data-feather='check-circle' class="avatar-icon"></i>
                                            </div>
                                        </div>
                                        <div class="media-body my-auto">
                                            <h4 class="font-weight-bolder mb-0">@if(isset($last_completed_task->success_count)) {{$last_completed_task->success_count}} @else 0 @endif</h4>
                                            <p class="card-text font-small-3 mb-0">@lang("message.success_app")</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-3 col-sm-6 col-12 mb-2 mb-xl-0">
                                    <div class="media">
                                        <div class="avatar bg-light-danger mr-2">
                                            <div class="avatar-content">
                                                <i data-feather='alert-octagon' class="avatar-icon"></i>
                                            </div>
                                        </div>
                                        <div class="media-body my-auto">
                                            <h4 class="font-weight-bolder mb-0">@if(isset($last_completed_task->fail_count)) {{$last_completed_task->fail_count}} @else 0 @endif</h4>
                                            <p class="card-text font-small-3 mb-0">@lang("message.fail_app")</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-3 col-sm-6 col-12 mb-2 mb-sm-0">
                                    <div class="media">
                                        <div class="avatar bg-light-info mr-2">
                                            <div class="avatar-content">
                                                <i data-feather='file'  class="avatar-icon"></i>
                                            </div>
                                        </div>
                                        <div class="media-body my-auto">
                                            <h4 class="font-weight-bolder mb-0">@if(isset($last_completed_task->file_downloaded_count)) {{$last_completed_task->file_downloaded_count}} @else 0 @endif</h4>
                                            <p class="card-text font-small-3 mb-0">@lang("message.file_download")</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-3 col-sm-6 col-12">
                                    <div class="media">
                                        <div class="avatar bg-light-success mr-2">
                                            <div class="avatar-content">
                                                <i data-feather='monitor' class="avatar-icon"></i>
                                            </div>
                                        </div>
                                        <div class="media-body my-auto">
                                            <h4 class="font-weight-bolder mb-0">@if(isset($last_completed_task->apps_count)) {{$last_completed_task->apps_count}} @else 0 @endif</h4>
                                            <p class="card-text font-small-3 mb-0">@lang("message.count_of_apps")</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--/ Statistics Card -->
                <!-- Product Order Card -->
                <div class="col-lg-4 col-sm-12">
                    <div class="card">
                        <div class="card-header d-flex justify-content-between">
                            <h4 class="card-title">Task Result</h4>

                            <div class="dropdown chart-dropdown">
                                <div class="heading-elements">
                                    <ul class="list-inline mb-0">
                                        <li class="status_action">
                                            {{$status}}                                        </li>
                                        <li class="ml-1">
                                            <a id="reload-button" data-action="reload"><i data-feather="rotate-cw"></i></a>
                                        </li>

                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="card-body">
                            <div id="product-order-chart"></div>
                            <h6 class="application_name"></h6>
                            <div class="progress progress-bar-success">

                                <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="40" aria-valuemin="40" aria-valuemax="100" style="width:0%"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--/ Product Order Card -->

            </div>

            <section class="app-meals-list">
                <!-- list section start -->
                <div class="card">
                    <div class="card-datatable table-responsive pt-0">

                        <div class="col-xl-12 col-lg-12">
                            <div class="card">
                                <div class="card-body">
                                    <ul class="nav nav-tabs justify-content-center" role="tablist">
                                        <li class="nav-item">
                                            <a class="nav-link active" id="home-tab-center" data-toggle="tab" href="#home-center" aria-controls="home-center" role="tab" aria-selected="true">{{__("message.task")}}</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link " id="service-tab-center" data-toggle="tab" href="#service-center" aria-controls="service-center" role="tab" aria-selected="false">{{__("message.event")}}</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" id="account-tab-center" data-toggle="tab" href="#account-center" aria-controls="account-center" role="tab" aria-selected="false">{{__("message.scraping_log")}}</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" id="apps-tab-center" data-toggle="tab" href="#apps-center" aria-controls="apps-center" role="tab" aria-selected="false">{{__("message.apps")}}</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" id="website-tab-center" data-toggle="tab" href="#website-center" aria-controls="apps-center" role="tab" aria-selected="false">{{__("message.websites")}}</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane active" id="home-center" aria-labelledby="home-tab-center" role="tabpanel">
                                            <table id="task-detail-list-table" class="task-detail-list-table table">
                                                <thead class="thead-light">
                                                <tr>
                                                    <th>
                                                        <div class="animated-checkbox">
                                                            <label class="m-0">
                                                                <input type="checkbox" id="record__select-all">
                                                                <span class="label-text"></span>
                                                            </label>
                                                        </div>
                                                    </th>
                                                    <th>{{ __('message.name') }}</th>
                                                    {{--                                <th>{{ __('message.frequencies') }}</th>--}}
                                                    {{--                                <th>{{ __('message.command') }}</th>--}}
                                                    <th>{{ __('message.active') }}</th>
                                                    {{--                                <th>{{ __('message.website') }}</th>--}}
                                                    <th>{{ __('message.next_run') }}</th>
                                                    <th>{{ __('message.apps_count') }}</th>
                                                    <th>{{ __('message.success_app') }}</th>
                                                    <th>{{ __('message.fail_app') }}</th>
                                                    {{--                                <th>{{ __('message.created_by') }}</th>--}}
                                                    <th>{{ __('message.last_run') }}</th>
                                                    <th>{{ __('message.up_to_schedule') }}</th>
                                                    <th>{{ __('message.error_rate') }}</th>
                                                    <th>{{ __('message.running_status') }}</th>
                                                    <th>{{ __('message.action') }}</th>
                                                </tr>
                                                </thead>
                                            </table>
                                        </div>
                                        <div class="tab-pane " id="service-center" aria-labelledby="service-tab-center" role="tabpanel">
                                            <table class="task-detail-event-list-table table">
                                                <thead class="thead-light">
                                                <tr>
                                                    <th>{{ __('message.event_id') }}</th>
                                                    <th>{{ __('message.task') }}</th>
                                                    <th>{{ __('message.apps_count') }}</th>
                                                    <th>{{ __('message.success_app') }}</th>
                                                    <th>{{ __('message.fail_app') }}</th>
                                                    <th>{{ __('message.files') }}</th>
                                                    <th>{{ __('message.created_at') }}</th>
                                                    <th>{{ __('message.start_time') }}</th>
                                                    <th>{{ __('message.end_time') }}</th>
                                                    <th>{{ __('message.status') }}</th>
                                                    <th>{{ __('message.retry') }}</th>

                                                </tr>
                                                </thead>
                                            </table>
                                        </div>
                                        <div class="tab-pane" id="account-center" aria-labelledby="account-tab-center" role="tabpanel">
                                            <table class="task-detail-scraping-log-list-table table">
                                                <thead class="thead-light">
                                                <tr>
                                                    <th>{{ __('message.scraping_id') }}</th>
                                                    <th>{{ __('message.apps_downloader') }}</th>
                                                    <th>{{ __('message.error_msg') }}</th>
                                                    <th>{{ __('message.msg_type') }}</th>
                                                    <th>{{ __('message.task') }}</th>
                                                    <th>{{ __('message.created_at') }}</th>
                                                    <th>{{ __('message.event_id') }}</th>
                                                    <th>{{ __('message.execution_time') }}</th>
                                                    <th>{{ __('message.error_code') }}</th>
                                                    <th>{{ __('message.link_type') }}</th>
                                                    <th>{{ __('message.status') }}</th>
                                                </tr>
                                                </thead>
                                            </table>                                        </div>
                                        <div class="tab-pane" id="apps-center" aria-labelledby="apps-tab-center" role="tabpanel">
                                            <table class="app-list-detail-table table">
                                                <thead>
                                                <tr>
                                                    <th>
                                                        <div class="animated-checkbox">
                                                            <label class="m-0">
                                                                <input type="checkbox" id="record__select-all">
                                                                <span class="label-text"></span>
                                                            </label>
                                                        </div>
                                                    </th>
                                                    <th>{{ __('message.i') }}</th>
                                                    <th>{{ __('message.name') }}</th>
                                                    <th>{{ __('message.category') }}</th>
                                                    <th>{{ __('message.website') }}</th>
                                                    <th>{{ __('message.update_type') }}</th>
                                                    <th>{{ __('message.download_link') }}</th>
                                                    <th>{{ __('message.file_size') }}</th>
                                                    <th>{{ __('message.status') }}</th>
                                                    <th>{{ __('message.cron_status') }}</th>
                                                    <th>{{ __('message.failure_Count') }}</th>
                                                    <th>{{ __('message.last_Success') }}</th>
                                                    <th>{{ __('message.action') }}</th>

                                                </tr>
                                                </thead>
                                                <tfoot>
                                                <tr>
                                                    <th>
                                                        <div class="animated-checkbox">
                                                            <label class="m-0">
                                                                <input type="checkbox" id="record__select-all">
                                                                <span class="label-text"></span>
                                                            </label>
                                                        </div>
                                                    </th>
                                                    <th>{{ __('message.i') }}</th>
                                                    <th>{{ __('message.name') }}</th>
                                                    <th>{{ __('message.category') }}</th>
                                                    <th>{{ __('message.website') }}</th>
                                                    <th>{{ __('message.update_type') }}</th>
                                                    <th>{{ __('message.download_link') }}</th>
                                                    <th>{{ __('message.file_size') }}</th>
                                                    <th>{{ __('message.status') }}</th>
                                                    <th>{{ __('message.cron_status') }}</th>
                                                    <th>{{ __('message.failure_Count') }}</th>
                                                    <th>{{ __('message.last_Success') }}</th>
                                                    <th>{{ __('message.action') }}</th>

                                                </tr>
                                                </tfoot>
                                            </table>

                                            <div class="modal fade text-left" id="modals-scraping-data" tabindex="-1" role="dialog" aria-labelledby="myModalLabel17" aria-hidden="true">
                                                <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h4 class="modal-title" id="myModalLabel17">{{ __('message.scraping_data') }}</h4>
                                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                <span aria-hidden="true">&times;</span>
                                                            </button>
                                                        </div>
                                                        <div class="modal-body">

                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-primary" data-dismiss="modal">Accept</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="modal fade text-left" id="modals-show-data" tabindex="-1" role="dialog" aria-labelledby="myModalLabel17" aria-hidden="true">
                                                <div class="modal-dialog modal-dialog-centered" role="document">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h4 class="modal-title" id="myModalLabel17">{{ __('message.data') }}</h4>
                                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                <span aria-hidden="true">&times;</span>
                                                            </button>
                                                        </div>
                                                        <div class="modal-body">
                                                            <table class="table">
                                                                <tbody>



                                                                </tbody>
                                                            </table>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-primary" data-dismiss="modal">Accept</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="modal fade text-left" id="modals-choose_link" tabindex="-1" role="dialog" aria-labelledby="myModalLabel17" aria-hidden="true">
                                                <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
                                                    <form class="modal-content" method="POST" action="{{route("app.choose_link_store")}}">
                                                        @csrf
                                                        <div class="modal-header">
                                                            <h4 class="modal-title" id="myModalLabel17">{{ __('message.choose_link') }}</h4>
                                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                <span aria-hidden="true">&times;</span>
                                                            </button>
                                                        </div>
                                                        <div class="modal-body">

                                                            <div class="form-group">
                                                                <label for="formGroupExampleInput">@lang("message.links")</label>
                                                                <select name="link" id="links" class="form-control ">
                                                                    <option value=""> @lang("message.all") </option>

                                                                </select>
                                                            </div>

                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="submit" class="btn btn-success mr-1 data-submit">{{__("message.save")}}</button>
                                                            <button type="reset" class="btn btn-outline-secondary" data-dismiss="modal">
                                                                {{__("message.cancel")}}
                                                            </button>
                                                        </div>

                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane" id="website-center" aria-labelledby="website-tab-center" role="tabpanel">
                                            <table class="website-list-detail-table table">
                                                <thead class="thead-light">
                                                <tr>
                                                    <th>
                                                        <div class="animated-checkbox">
                                                            <label class="m-0">
                                                                <input type="checkbox" id="record__select-all">
                                                                <span class="label-text"></span>
                                                            </label>
                                                        </div>
                                                    </th>
                                                    <th>{{ __('message.name') }}</th>
                                                    <th>{{ __('message.update_factory') }}</th>
                                                    <th>{{ __('message.use_proxy') }}</th>
                                                    <th>{{ __('message.apps_count') }}</th>
                                                    <th>{{ __('message.created_by') }}</th>
                                                    <th>{{ __('message.status') }}</th>
                                                    {{--                                <th>{{ __('message.primary') }}</th>--}}
                                                    <th>{{ __('message.action') }}</th>
                                                </tr>
                                                </thead>
                                            </table>
                                        </div>

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

                </div>
                <!-- list section end -->
                <div class="modal fade" id="modals-delete-bulk">
                    <div class="modal-dialog">
                        <form method="post" action="{{route('app.file_manager_bulk_delete')}}" class="modal-content" style="display: inline-block;">
                            @csrf
                            @method('delete')
                            <input type="hidden" name="record_ids" id="record-ids" value="[]">

                            <div class="modal-header mb-1">
                                <h5 class="modal-title" id="exampleModalLabel">@lang("message.delete_records")</h5>
                            </div>
                            <div class="modal-body flex-grow-1">
                                <h4>@lang("message.do_you_want_to_delete_the_selected")</h4>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-danger mr-1 data-submit">@lang("message.delete")</button>
                                <button type="reset" class="btn btn-outline-secondary" data-dismiss="modal">@lang("message.cancel")
                                </button>
                            </div>
                        </form><!-- end of form -->
                    </div>
                </div>
                <div class="modal fade" id="modals-delete-app-bulk">
                    <div class="modal-dialog">
                        <form method="post" action="{{route('app.bulkDelete')}}" class="modal-content" style="display: inline-block;">
                            @csrf
                            @method('delete')
                            <input type="hidden" name="record_ids" id="record-app-ids" value="[]">

                            <div class="modal-header mb-1">
                                <h5 class="modal-title" id="exampleModalLabel">@lang("message.delete_records")</h5>
                            </div>
                            <div class="modal-body flex-grow-1">
                                <h4>@lang("message.do_you_want_to_delete_the_selected")</h4>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-danger mr-1 data-submit">@lang("message.delete")</button>
                                <button type="reset" class="btn btn-outline-secondary" data-dismiss="modal">@lang("message.cancel")
                                </button>
                            </div>
                        </form><!-- end of form -->
                    </div>
                </div>
                <div class="modal fade" id="modals-status">
                    <div class="modal-dialog">
                        <form method="post" action="{{route('app.bulkStatus')}}" class="modal-content" style="display: inline-block;">
                            @csrf
                            <input type="hidden" name="record_ids" id="record-ids-status" value="[]">

                            <div class="modal-header mb-1">
                                <h5 class="modal-title" id="exampleModalLabel">@lang("message.status_of_update_factory")</h5>
                            </div>
                            <div class="modal-body flex-grow-1">
                                <div class="form-group">
                                    <label for="formGroupExampleInput">{{__("message.status")}}</label>
                                    <select name="status_1" id="" class="form-control">
                                        <option value="1"> {{__("message.active")}}</option>
                                        <option value="0"> {{__("message.not_active")}} </option>
                                    </select>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-danger mr-1 data-submit">@lang("message.save")</button>
                                <button type="reset" class="btn btn-outline-secondary" data-dismiss="modal">@lang("message.cancel")
                                </button>
                            </div>
                        </form><!-- end of form -->
                    </div>
                </div>
                <div class="modal fade" id="modals-task">
                    <div class="modal-dialog">
                        <form method="post" action="{{route('app.bulkTask')}}" class="modal-content" style="display: inline-block;">
                            @csrf
                            <input type="hidden" name="record_ids" id="record-ids-schedule_id" value="[]">

                            <div class="modal-header mb-1">
                                <h5 class="modal-title" id="exampleModalLabel">@lang("message.status_of_update_factory")</h5>
                            </div>
                            <div class="modal-body flex-grow-1">
                                <div class="form-group">
                                    <label for="formGroupExampleInput">{{__("message.status")}}</label>
                                    @isset($tasks)

                                        <select name="schedule_id" id="" class="form-control select2">
                                            @foreach($tasks as $task)
                                                <option value="{{$task->id}}"> {{$task->description}}</option>
                                            @endforeach
                                        </select>

                                    @endisset
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-danger mr-1 data-submit">@lang("message.save")</button>
                                <button type="reset" class="btn btn-outline-secondary" data-dismiss="modal">@lang("message.cancel")
                                </button>
                            </div>
                        </form><!-- end of form -->
                    </div>
                </div>
            </section>

        </div>
    </div>

@endsection

@section('js')
    <!-- BEGIN: Page Vendor JS-->
    <script>
        let success_degree = {{$success_degree}};
        let error_degree = {{$error_degree}};
        let apps_Count = @if(isset($last_task->task_events[0])) {{$last_task->task_events[0]->apps_count}} @else 0 @endif;
        let running_counter = {{$Running_counter}};

    </script>

    <script src="{{ asset('app-assets/vendors/js/tables/datatable/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/datatable/datatables.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/datatable/dataTables.responsive.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/datatable/responsive.bootstrap4.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/datatable/datatables.buttons.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/datatable/datatables.checkboxes.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/datatable/jszip.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/datatable/pdfmake.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/datatable/vfs_fonts.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/datatable/buttons.html5.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/datatable/buttons.print.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/datatable/dataTables.rowGroup.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js') }}"></script>
    <script src="{{ asset('app-assets/js/scripts/components/components-navs.js') }}"></script>
    <script src="{{ asset('app-assets/js/scripts/main.js')}}?v=5"></script>
    <script src="{{ asset('app-assets/vendors/js/charts/apexcharts.min.js')}}"></script>
{{--    <script src="{{ asset('app-assets/js/scripts/cards/card-analytics.js')}}"></script>--}}

    <!-- END: Page Vendor JS-->
    @php
        $user = auth()->user();
    @endphp
    <script>
        const task_create = @if($user->isAbleTo('task-create')) "" @else "d-none"  @endif ;
        const task_update = @if($user->isAbleTo('task-update')) "" @else "d-none"  @endif ;
        const task_delete = @if($user->isAbleTo('task-delete')) "" @else "d-none"  @endif ;

        const website_create = @if($user->isAbleTo('website-create')) "" @else "d-none"  @endif ;
        const website_update = @if($user->isAbleTo('website-update')) "" @else "d-none"  @endif ;
        const website_delete = @if($user->isAbleTo('website-delete')) "" @else "d-none"  @endif ;


        const app_create = @if($user->isAbleTo('app-create')) "" @else "d-none"  @endif ;
        const app_update = @if($user->isAbleTo('app-update')) "" @else "d-none"  @endif ;
        const app_delete = @if($user->isAbleTo('app-delete')) "" @else "d-none"  @endif ;






    </script>
    <!-- END: Page Vendor JS-->
    <script>
        const task_detail_event = '{{route("task.task_detail_table",["id" => $id ,"type" => "event"])}}';
        const task_detail = '{{route("task.task_detail_table",["id" => $id ,"type" => "task"])}}';
        const task_detail_scraping_log = '{{route("task.task_detail_table",["id" => $id ,"type" => "scraping_log"])}}';
        const app_detail = '{{route("task.task_detail_table",["id" => $id ,"type" => "app"])}}';
        const website_url = '{{route("task.task_detail_table",["id" => $id ,"type" => "website"])}}';
        const createUrl = '{{route("totem.task.create")}}';
        const createAppUrl = '{{route("app.create")}}';
        const detailChart = '{{route("task.task_detail_chart",["id" => $id])}}';
        const paginationBar = '{{route("task.pagination",["id" => $id])}}';
    </script>
    <!-- BEGIN: Page JS-->

    <!-- BEGIN: Page JS-->
    <script src="{{ asset('app-assets/js/dt.js') }}?v=0.18"></script>
    <script src="https://unpkg.com/sweetalert2@7.18.0/dist/sweetalert2.all.js"></script>

    <script>
        function show_data(id,type_of_data) {
// type_of_data 1 is

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
                }
            });

            var type = "GET";
            var ajaxurl = "{{route("task.show_data")}}";

            $.ajax({
                type: type,
                url: ajaxurl,
                data: {
                    "_token": "{{ csrf_token() }}",
                    "id": id,
                    "type": type_of_data,
                },
                dataType: 'json',
                success: function (res) {
                    $(this).find("i[class*='user-validation-'],span.availability").remove();
                    jQuery.each(res, function(key, value){
                        jQuery('#modals-show-data').modal('show');
                        jQuery('#modals-show-data .modal-body table tbody').append('<tr><th>'+key+'</th> <th>'+value+'</th></tr>');

                    });
                },
                error: function (data) {
                    console.log(data);
                }
            });

        }
        $('body').on('hidden.bs.modal', '.modal', function () {
            console.log("modal closed");
            $("#modals-show-data .modal-body table tbody ").empty();

        });
    </script>
    <script>
        function deleteWebsiteConfirmation(id) {
            swal.fire({
                title: `{{__("message.delete_from_website")}}`,
                icon: 'question',
                text: `{{__("message.are_you_sure")}}`,
                type: "warning",
                showCancelButton: !0,
                confirmButtonText: `{{__("message.yes")}}`,
                cancelButtonText: `{{__("message.no")}}`,
                reverseButtons: !0
            }).then(function (e) {
                if (e.value === true) {
                    let token = $('meta[name="csrf-token"]').attr('content');
                    let _url = `{{route('website.destroy')}}`;
                    $.ajax({
                        type: 'POST',
                        url: _url,
                        data: {"_token": "{{ csrf_token() }}","id": id},
                        success: function (resp) {
                            if (resp.success) {
                                swal.fire("Done!", resp.message, "success");
                                $('.website-list-table').DataTable().ajax.reload();
                            } else {
                                swal.fire("sorry!", resp.message, "error");
                            }
                        },
                        error: function (resp) {
                            console.log(resp);
                            swal.fire("Error!", 'Something went wrong.', "error");
                        }
                    });
                } else {
                    e.dismiss;
                }
            }, function (dismiss) {
                return false;
            })
        }
    </script>
    <script>
        function deleteAppConfirmation(id) {
            swal.fire({
                title: `{{__("message.delete_from_apps")}}`,
                icon: 'question',
                text: `{{__("message.are_you_sure")}}`,
                type: "warning",
                showCancelButton: !0,
                confirmButtonText: `{{__("message.yes")}}`,
                cancelButtonText: `{{__("message.no")}}`,
                reverseButtons: !0
            }).then(function (e) {
                if (e.value === true) {
                    let token = $('meta[name="csrf-token"]').attr('content');
                    let _url = `{{route('app.destroy')}}`;
                    $.ajax({
                        type: 'POST',
                        url: _url,
                        data: {"_token": "{{ csrf_token() }}","id": id},
                        success: function (resp) {
                            if (resp.success) {
                                swal.fire("Done!", resp.message, "success");
                                $('.app-list-table ').DataTable().ajax.reload();
                            } else {
                                swal.fire("sorry!", resp.message, "error");
                            }
                        },
                        error: function (resp) {
                            swal.fire("Error!", 'Something went wrong.', "error");
                        }
                    });
                } else {
                    e.dismiss;
                }
            }, function (dismiss) {
                return false;
            })
        }
    </script>
    <script>
        function chooseLink(id) {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
                }
            });

            var type = "GET";
            var ajaxurl = "{{route("app.choose_link")}}";

            $.ajax({
                type: type,
                url: ajaxurl,
                data: {
                    "_token": "{{ csrf_token() }}",
                    "id": id,

                },
                dataType: 'json',
                success: function (res) {
                    $(this).find("i[class*='user-validation-'],span.availability").remove();
                    jQuery.each(res, function(key, value){
                        jQuery('#modals-choose_link').modal('show');
                        jQuery('#modals-choose_link .modal-body select#links').append('<option value="'+key+'">'+value+'</option>');
                    });
                    jQuery('#modals-choose_link .modal-body').append('<input type="hidden" name="app_id" value="'+id+'">');

                },
                error: function (data) {
                    console.log(data);
                }
            });

        }
    </script>
    <script>
        function ScrapingData(id) {


            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
                }
            });

            var type = "GET";
            var ajaxurl = "{{route("app.scraping_data")}}";

            $.ajax({
                type: type,
                url: ajaxurl,
                data: {
                    "_token": "{{ csrf_token() }}",
                    "id": id,

                },
                dataType: 'json',
                success: function (res) {
                    $(this).find("i[class*='user-validation-'],span.availability").remove();
                    jQuery.each(res, function(key, value){
                        if(value["key"] == "size"){
                            if (!isNaN(value["value"]) && isFinite(value["value"])) {
                                // Parse the value to integer
                                let byteValue = parseInt(value["value"]);

                                // Convert the value from bytes to megabytes
                                let mbyteValue = byteValue / (1024 * 1024);

                                // Format the value to two decimal places
                                value["value"] = mbyteValue.toFixed(2) + "MB";
                            }
                        }
                        jQuery('#modals-scraping-data').modal('show');
                        jQuery('#modals-scraping-data .modal-body').append('<h3>'+value["key"]+'</h3>');
                        jQuery('#modals-scraping-data .modal-body').append('<p>'+value["value"]+'</p>');
                    });
                },
                error: function (data) {
                    console.log(data);
                }
            });

        }
        $('body').on('hidden.bs.modal', '.modal', function () {
            console.log("modal closed");
            $("#modals-scraping-data .modal-body ").empty();

        });
    </script>
    <script>
        function show_data(id,type_of_data) {


            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
                }
            });

            var type = "GET";
            var ajaxurl = "{{route("app.show_data")}}";

            $.ajax({
                type: type,
                url: ajaxurl,
                data: {
                    "_token": "{{ csrf_token() }}",
                    "id": id,
                    "type": type_of_data,
                },
                dataType: 'json',
                success: function (res) {
                    $(this).find("i[class*='user-validation-'],span.availability").remove();
                    jQuery.each(res, function(key, value){
                        jQuery('#modals-show-data').modal('show');
                        jQuery('#modals-show-data .modal-body table tbody').append('<tr><th>'+key+'</th> <th>'+value+'</th></tr>');

                    });
                },
                error: function (data) {
                    console.log(data);
                }
            });

        }
        $('body').on('hidden.bs.modal', '.modal', function () {
            console.log("modal closed");
            $("#modals-show-data .modal-body table tbody ").empty();

        });
    </script>
    <script>
        $(document).ready(function() {
            setInterval(function() {
                $.ajax({

                    url:  paginationBar,
                    success: function(data) {
                        $('.application_name').text(data.name);
                        $('div.progress .progress-bar').css('width', data.size + "%");

                    }
                });

            }, 3000);

        });
    </script>
    <script>
        $(document).ready(function() {

                $('#service-tab-center').click(function() {
                    $('.task-detail-event-list-table').DataTable().ajax.reload();
                });
            $('#website-tab-center').click(function() {
                $('.website-list-detail-table').DataTable().ajax.reload();
            });
            $('#apps-tab-center').click(function() {
                $('.app-list-detail-table').DataTable().ajax.reload();
            });
            $('#account-tab-center').click(function() {
                $('.task-detail-scraping-log-list-table').DataTable().ajax.reload();
            });
            $('#home-tab-center').click(function() {
                $('.task-detail-list-table').DataTable().ajax.reload();
            });

        });
    </script>
@stop