@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-->

        <!-- 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-->

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

        <style>
            @media(min-width: 576px){
                .course-model {
                    max-width: 1000px;
                }
            }
        </style>
    @endif
@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 active">{{ __('message.task') }}
                                </li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body">
            <!-- meals list start -->
            <section class="app-meals-list">
                <!-- list section start -->
                <div class="card">
                    <div class="card-datatable table-responsive pt-0">

                        <table class="task-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 data-toggle="tooltip" data-placement="top" title="" data-original-title="{{ __('message.name') }}">{{ __('message.name') }}</th>
                                <th data-toggle="tooltip" data-placement="top" title="" data-original-title="{{ __('message.frequencies_all') }}">{{ __('message.frequencies') }}</th>
{{--                                <th>{{ __('message.command') }}</th>--}}
                                <th  data-toggle="tooltip" data-placement="top" title="" data-original-title="{{ __('message.active') }}">{{ __('message.active') }}</th>
{{--                                <th>{{ __('message.website') }}</th>--}}
                                <th data-toggle="tooltip" data-placement="top" title="" data-original-title="{{ __('message.next_run') }}">{{ __('message.next_run') }}</th>
                                <th data-toggle="tooltip" data-placement="top" title="" data-original-title="{{ __('message.apps_count') }}">{{ __('message.apps_count') }}</th>
                                <th data-toggle="tooltip" data-placement="top" title="" data-original-title="{{ __('message.success_all') }}">{{ __('message.success_app') }}</th>
                                <th data-toggle="tooltip" data-placement="top" title="" data-original-title="{{ __('message.fail_app') }}">{{ __('message.fail_app') }}</th>
                                <th data-toggle="tooltip" data-placement="top" title="" data-original-title="{{ __('message.files') }}">{{ __('message.files') }}</th>
                                <th data-toggle="tooltip" data-placement="top" title="" data-original-title="{{ __('message.last_run') }}">{{ __('message.last_run') }}</th>
                                <th  data-toggle="tooltip" data-placement="top" title="" data-original-title="{{ __('message.UTS_all') }}">{{ __('message.up_to_schedule') }}</th>
                                <th data-toggle="tooltip" data-placement="top" title="" data-original-title="{{ __('message.error_rate_All') }}">{{ __('message.error_rate') }}</th>
                                <th data-toggle="tooltip" data-placement="top" title="" data-original-title="{{ __('message.running_status') }}">{{ __('message.running_status') }}</th>
                                <th data-toggle="tooltip" data-placement="top" title="" data-original-title="{{ __('message.action') }}">{{ __('message.action') }}</th>
                            </tr>
                            </thead>
                        </table>
                    </div>

                </div>
                <!-- list section end -->
            </section>
 <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" id="modals-delete-bulk">
                <div class="modal-dialog">
                    <form method="post" action="{{route('task.bulkDelete')}}" 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-status">
                <div class="modal-dialog">
                    <form method="post" action="{{route('task.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.active_the_task")</h5>
                        </div>
                        <div class="modal-body flex-grow-1">
                            <div class="form-group">
                                <label for="formGroupExampleInput">{{__("message.active")}}</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 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>
    </div>
@endsection

@section('js')
    <!-- BEGIN: Page Vendor JS-->
    <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>

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



    </script>
    <!-- END: Page Vendor JS-->
    <script>
        const indexUrl = '{{route("task.index")}}';
        const createUrl = '{{route("totem.task.create")}}';
    </script>
    <!-- BEGIN: Page JS-->

    <!-- BEGIN: Page JS-->
{{--    <script src="{{ asset('app-assets/js/app.js') }}"></script>--}}
    <script src="{{ asset('app-assets/js/dt.js') }}?v=0.6"></script>
{{--     <script src="{{asset('app-assets/js/datatables.js')}}"></script> --}}
    <!-- END: Page JS-->
    <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>


@stop