@extends('layout.app')
@section('title')
    {{ __('message.scraping_log') }}
@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/forms/select/select2.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-->
        <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/forms/select/select2.min.css') }}">

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

        <style>
            @media(min-width: 576px){
                .course-model {
                    max-width: 1000px;
                }
            }
        </style>
    @endif
@stop

@section('content')
@php
$request = request()->all();
@endphp


    <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.scraping_log') }}</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.scraping_log') }}
                                </li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body">
            <!-- meals list start -->

            <section id="advanced-search-datatable">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header border-bottom">
                            </div>
                            <!--Search Form -->
                            <div class="card-body mt-2">
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="form-row mb-1">
                                                <div class="col-lg-4">
                                                    <label>{{ __('message.apps_downloader') }}:</label>
                                                    <input type="text" class="form-control dt-input dt-full-name dt-app-downloader" @isset($request["apps_downloader_id"]) value="{{$request["apps_downloader_id"]}}" @endisset data-column="1" placeholder="Alaric Beslier" data-column-index="1" />
                                                </div>
                                                <div class="col-lg-4">
                                                    <label>{{ __('message.link_type') }}:</label>
                                                    <select class="form-control dt-input dt-dw-link" data-column="9"  data-column-index="9"  id="basicSelect">
                                                        <option value="" selected>All</option>
                                                        <option value="1" @isset($request["link_type"])@if($request["link_type"] == 1) selected @endif @endisset >Selector</option>
                                                        <option value="2" @isset($request["link_type"])@if($request["link_type"] == 2) selected @endif  @endisset >Download Selector</option>
                                                    </select>
                                                </div>
                                                <div class="col-lg-4">
                                                    <label>{{ __('message.msg_type') }}:</label>
                                                    <input type="text" class="form-control dt-input dt-msg-type" @isset($request["msg_type"]) value="{{$request["msg_type"]}}" @endisset data-column="3" placeholder="Exception" data-column-index="3" />
                                                </div>
                                            </div>
                                            <div class="form-row">
                                                <div class="col-lg-4">
                                                    <label>{{ __('message.event_id') }}:</label>
                                                    <input type="number" class="form-control dt-input dt-event" @isset($request["event_id"]) value="{{$request["event_id"]}}" @endisset data-column="6" placeholder="1" data-column-index="6"  />
                                                </div>
                                                <div class="col-lg-4 task" >
                                                    <label>{{ __('message.task') }}:</label>
                                                    <select class="select2 form-control dt-input dt-task" data-column="4"  data-column-index="4"  id="basicSelect">
                                                        <option value="" selected>All</option>

                                                    @isset($tasks)
                                                            @foreach($tasks as $task)
                                                        <option value="{{$task->id}}" @isset($request["task_id"])@if($request["task_id"] == $task->description) selected @endif @endisset >{{$task->description}}</option>
                                                            @endforeach
                                                        @endisset
                                                    </select>
                                                </div>

                                                <div class="col-lg-4">
                                                    <label>{{ __('message.status') }}:</label>
                                                    <select class="form-control dt-input dt-status"   data-column="10"  data-column-index="10"  id="basicSelect">
                                                        <option value="" selected>All</option>
                                                        <option value="1" @isset($request["status"])  @if($request["status"] == 1) selected @endif @endisset >success</option>
                                                        <option value="0" @isset($request["status"]) @if($request["status"] == 0) selected @endif  @endisset >Error</option>
                                                    </select>
{{--                                                    <div class="form-group mb-0">--}}
{{--                                                        <input type="text" class="form-control dt-date flatpickr-range dt-input" data-column="5" placeholder="StartDate to EndDate" data-column-index="4" name="dt_date" />--}}
{{--                                                        <input type="hidden" class="form-control dt-date start_date dt-input" data-column="5" data-column-index="5" name="value_from_start_date" />--}}
{{--                                                        <input type="hidden" class="form-control dt-date end_date dt-input" name="value_from_end_date" data-column="5" data-column-index="5" />--}}
{{--                                                    </div>--}}
                                                </div>

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

                            </div>
                            <hr class="my-0" />
                            <div class="card-datatable">
                                <table class="dt-advanced-search table">
                                    <thead>
                                    <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>
                                    <tfoot>
                                    <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>
                                    </tfoot>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </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-->
    <!-- END: Page Vendor JS-->
    <script>
        const indexUrl = '{{route("apps_log.index")}}';
    </script>
    <!-- BEGIN: Page JS-->

    <!-- BEGIN: Page JS-->
    <script src="{{ asset('app-assets/js/dt.js') }}?v=0.9"></script>
    <script src="{{ asset('app-assets/js/scripts/tables/table-datatables-advanced.js') }}?v=9.0"></script>
{{--     <script src="{{asset('app-assets/js/datatables.js')}}"></script> --}}
    <!-- BEGIN: Page Vendor JS-->
    <script src="{{ asset('app-assets/vendors/js/forms/select/select2.full.min.js') }}"></script>
    <script src="{{ asset('app-assets/js/scripts/forms/form-select2.js') }}"></script>
    <!-- END: Page JS-->
    <script src="https://unpkg.com/sweetalert2@7.18.0/dist/sweetalert2.all.js"></script>


    <script>
        $(document).ready(function() {
            var table = $('.dt-advanced-search').DataTable();
        $('.dt-status').on('change', function (e) {
            filterColumn($('.dt-status').attr('data-column'), $('.dt-status').val());

        });
        $('.dt-dw-link').on('change', function (e) {
            filterColumn($('.dt-dw-link').attr('data-column'), $('.dt-dw-link').val());

        });
        $('.dt-task').on('change', function (e) {
            filterColumn($('.dt-task').attr('data-column'), $('.dt-task').val());

        });

        window.onload = function(){
        if ($('.dt-app-downloader').val() != ''){
                // filterColumn($('.dt-app-downloader').attr('data-column'),$('.dt-app-downloader').val());
            table.column($('.dt-app-downloader').attr('data-column')).search($('.dt-app-downloader').val());

        }
        if ($('.dt-msg-type').val() != ''){
            table.column($('.dt-msg-type').attr('data-column')).search($('.dt-msg-type').val());

            // filterColumn($('.dt-msg-type').attr('data-column'),$('.dt-msg-type').val());
        }
        if ($('.dt-task').val() != ''){
            table.column($('.dt-task').attr('data-column')).search($('.dt-task').val());

            // filterColumn($('.dt-task').attr('data-column'),$('.dt-task').val());
        }
        if ($('.dt-event').val() != ''){
            table.column($('.dt-event').attr('data-column')).search($('.dt-event').val());

            // filterColumn($('.dt-event').attr('data-column'),$('.dt-event').val());
        }
        if ($('.dt-status').val() != ''){

            table.column($('.dt-status').attr('data-column')).search($('.dt-status').val());

            // filterColumn($('.dt-status').attr('data-column'), $('.dt-status').val());
        }
         if ($('.dt-dw-link').val() != ''){
             table.column($('.dt-dw-link').attr('data-column')).search($('.dt-dw-link').val());

             // filterColumn($('.dt-dw-link').attr('data-column'), $('.dt-dw-link').val());
            }
            table.draw();
        }});

    </script>

@stop