@extends('layout.app')
@section('title')
    {{ __('message.websites_create') }}
@stop
@section('css')
    <link rel="stylesheet" type="text/css" href="{{asset("app-assets/vendors/css/forms/select/select2.min.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.websites_create') }}</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("website.index")}}">{{ __('message.website') }}</a>
                                </li>
                                <li class="breadcrumb-item active">{{ __('message.websites_create') }}
                                </li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="content-body">
            <!-- users edit start -->
            <section class="app-user-edit website_select">
                <x-alert/>
                {{-- form for store clients --}}
                <form method="POST" action="{{route("website.store")}}" id="website_form" enctype="multipart/form-data">
                    @csrf
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">{{__("message.website_info")}}</h4>
                    </div>
                    <div class="card-body">

                            <div class="row">
                                {{-- client name --}}
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="name" class="form-label col-form-label">{{ __('message.name') }}</label>
                                        <input type="text" class="form-control" id="name" name="name"
                                               value="{{ old('name') }}"  autofocus>
                                    </div>
                                </div>
                                {{-- end client name --}}
                                {{-- client name --}}
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="name" class="form-label col-form-label">{{ __('message.url') }}</label>
                                        <input type="url" class="form-control" id="url" name="url"
                                               value="{{ old('url') }}" required autofocus>
                                    </div>
                                </div>
                                {{-- end client name --}}
                                {{-- client name --}}
                                <div class="col-lg-6 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="name" class="form-label col-form-label">{{ __('message.delay') }}</label><br>
                                        <code class="mt-1">@lang("message.you_should_add_delay_with_second")</code>.</p>

                                        <input type="number" class="form-control" id="delay" name="delay"
                                               value="{{ old('delay') }}" required autofocus>
                                    </div>
                                </div>
                                {{-- end client name --}}
                                {{-- client name --}}
                                <div class="col-lg-6 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="name" class="form-label col-form-label">{{ __('message.retry') }}</label><br>
                                        <code class="mt-1">@lang("message.you_should_add_retry_with_second")</code>.</p>

                                        <input type="number" class="form-control" id="delay" name="retry"
                                               value="{{ old('retry') }}" required autofocus>
                                    </div>
                                </div>
                                {{-- end client name --}}
                                {{-- client name --}}

                                <div class="col-lg-6 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="name" class="form-label col-form-label">{{ __('message.primary_update_factory') }}</label>

                                        <select class="select2 form-control form-control-lg" multiple name="update_factory_id[]">
                                            @isset($update_Factors)
                                                @foreach($update_Factors as $update_factor)
                                            <option value="{{$update_factor->id}}">{{$update_factor->name}}</option>
                                                @endforeach
                                            @endisset
                                        </select>
                                    </div>
                                </div>
                                {{-- end client name --}}


                                <div class="col-lg-6 col-md-12 col-sm-12 mb-3">
                                    <div class="form-group">
                                        <label for="name" class="form-label col-form-label">{{ __('message.use_rotate_proxy') }}</label>
                                        <div class="row mt-1">
                                            <div class="col-auto">
                                                <div class="custom-control custom-radio">
                                                    <input type="radio" id="customRadio5" value="1" name="use_rotate_proxy" class="custom-control-input" {{ old('use_rotate_proxy') == "1" ? 'checked' : '' }} />
                                                    <label class="custom-control-label" for="customRadio5">{{__("message.use_rotate_proxy")}}</label>
                                                </div>
                                            </div>
                                            <div class="col-auto">
                                                <div class="custom-control custom-radio">
                                                    <input type="radio" id="customRadio6" value="0" name="use_rotate_proxy" class="custom-control-input" {{ old('use_rotate_proxy') == "0" ? 'checked' : '' }} />
                                                    <label class="custom-control-label" for="customRadio6">{{__("message.don't_use_rotate_proxy")}}</label>
                                                </div>
                                            </div>
                                        </div>


                                    </div>
                                </div>
                                {{-- client name --}}

                                <div class="col-lg-6 col-md-12 col-sm-12 rotate_proxy_id ">
                                    <div class="form-group">
                                        <label for="name" class="form-label col-form-label">{{ __('message.rotate_proxy') }}</label>

                                        <select class="select2 form-control form-control-lg" id="rotate_proxy_id" name="rotate_proxy_id">
                                            @isset($rotate_proxies)
                                                @foreach($rotate_proxies as $rotate_proxy)
                                                    <option {{ old('rotate_proxy_id') == "$rotate_proxy->id" ? 'selected' : '' }} value="{{$rotate_proxy->id}}">{{$rotate_proxy->url}}</option>
                                                @endforeach
                                            @endisset
                                        </select>
                                    </div>
                                </div>
                                {{-- end client name --}}
                                {{-- end client name --}}


                                <div class="col-lg-6 col-md-12 col-sm-12 mb-3">
                                    <div class="form-group">
                                        <label for="name" class="form-label col-form-label">{{ __('message.use_proxy') }}</label>
                                        <div class="row mt-1">
                                            <div class="col-auto">
                                                <div class="custom-control custom-radio">
                                                    <input type="radio" id="customRadio4" value="1" name="use_proxy" class="custom-control-input" {{ old('use_proxy') == "1" ? 'checked' : '' }} />
                                                    <label class="custom-control-label" for="customRadio4">{{__("message.use_proxy")}}</label>
                                                </div>
                                            </div>
                                            <div class="col-auto">
                                                <div class="custom-control custom-radio">
                                                    <input type="radio" id="customRadio1" value="0" name="use_proxy" class="custom-control-input" {{ old('use_proxy') == "0" ? 'checked' : '' }} />
                                                    <label class="custom-control-label" for="customRadio1">{{__("message.don't_use_proxy")}}</label>
                                                </div>
                                            </div>
                                        </div>


                                    </div>
                                </div>
                                {{-- client name --}}
                                <div class="col-lg-6 col-md-12 col-sm-12 mb-3">
                                    <div class="form-group">
                                        <label for="name" class="form-label col-form-label">{{ __('message.use_puppeteer') }}</label>
                                        <div class="row mt-1">
                                            <div class="col-auto">
                                                <div class="custom-control custom-radio">
                                                    <input type="radio" id="customRadio7" value="1" name="puppeteer" class="custom-control-input" {{ old('puppeteer') == "1" ? 'checked' : '' }} />
                                                    <label class="custom-control-label" for="customRadio7">{{__("message.use_puppeteer")}}</label>
                                                </div>
                                            </div>
                                            <div class="col-auto">
                                                <div class="custom-control custom-radio">
                                                    <input type="radio" id="customRadio8" value="0" name="puppeteer" class="custom-control-input" {{ old('puppeteer') == "0" ? 'checked' : '' }} />
                                                    <label class="custom-control-label" for="customRadio8">{{__("message.don't_use_puppeteer")}}</label>
                                                </div>
                                            </div>
                                        </div>


                                    </div>
                                </div>
                                {{-- client name --}}
                            </div>

                        {{-- end form --}}

                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">{{__("message.selector")}}</h4>
                    </div>
                        <div class="card-body">

                            <div class="row">
                                {{-- client name --}}
                                <div class="col-lg-12 col-md-12 col-sm-12 puppeteer_selector">
                                    <div class="form-group">
                                        <label for="name" class="form-label col-form-label">{{ __('message.puppeteer_selector') }}</label><br>
                                            <code class="mt-1">.div-example a,.div-example-2 a</code>.</p>
                                        <textarea class="form-control" id="exampleFormControlTextarea1" name="puppeteer_selector" rows="3" placeholder="Textarea" >{{ old('puppeteer_selector') }}</textarea>

                                    </div>
                                </div>
                                {{-- end client name --}}
                                {{-- client name --}}
                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="name" class="form-label col-form-label">{{ __('message.selector') }}</label>
                                        <p class="card-text">{{__("message.use_the_same_name_in_array")}} <br>
                                            <code class="mt-1">['logo','app_name','link_name','link',author','author_link','screenshots','downloads','version','last_update','rating,'content_rating','votes','size','price','os','whats_new','base']</code>.</p>
                                        <textarea class="form-control" id="exampleFormControlTextarea1" name="selector" rows="3" placeholder="Textarea" required>{{ old('selector') }}</textarea>

                                    </div>
                                </div>
                                {{-- end client name --}}

                                <div class="col-lg-6 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="name" class="form-label col-form-label">{{ __('message.selector_download_in_another_link') }}</label>
                                        <p> <code class="mt-1">{{__("message.if you have many link you should put like this ( link , .example , href , array )")}}</code>.</p>

                                        <textarea class="form-control" id="exampleFormControlTextarea1" name="selector_download_link" rows="3" placeholder="Textarea">{{ old('selector_download_link') }}</textarea>

                                    </div>
                                </div>
                                {{-- end client name --}}

                                <div class="col-lg-6 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="name" class="form-label col-form-label">{{ __('message.selector_description') }}</label>
                                        <br>
                                        <br>
                                        <br>
                                        <textarea class="form-control" id="exampleFormControlTextarea1" name="selector_auto_description" rows="3" placeholder="Textarea" required>{{ old('selector_auto_description') }}</textarea>

                                    </div>
                                </div>
                                {{-- end client name --}}
                                <div class="col-lg-6 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="name" class="form-label col-form-label">{{ __('message.selector_unwanted_description') }}</label>
                                        <code class="mt-1">['logo','app_name','link_name','link',author','author_link','screenshots','downloads','version','last_update','rating,'content_rating','votes','size','price','os','whats_new','base']</code>.</p>

                                        <textarea class="form-control" id="exampleFormControlTextarea1" name="selector_unwanted_description" rows="3" placeholder="Textarea" >{{ old('selector_unwanted_description') }}</textarea>

                                    </div>
                                </div>
                                {{-- end client name --}}
                                <div class="col-lg-6 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <label for="name" class="form-label col-form-label">{{ __('message.headers') }}</label>
                                        <p> <code class="mt-1">"User-Agent=>Mozilla/5.0 (Macintosh; Intel Mac OS X 11_2_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.82 Safari/537.36,
                                                Referer=>https://apkvision.org/"</code>.</p>

                                        <textarea class="form-control" id="exampleFormControlTextarea1" name="headers" rows="3" placeholder="Textarea" >{{ old('headers') }}</textarea>

                                    </div>
                                </div>
                                {{-- end client name --}}

                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <button type="submit" class="btn btn-primary">{{ __('message.create') }}</button>
                                    <button type="reset" class="btn btn-light">{{ __('message.cancel') }}</button>
                                    <a data-toggle="modal" class="btn btn-light btn-success " data-target="#modals-app-url" class=" ">{{ __('message.test_selector') }}</a>

                                </div>
                            </div>

                            {{-- end form --}}

                        </div>
                    </div>
                    <div class="modal fade text-left" id="modals-app-url" 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">@lang("message.test_url")</h4>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <div class="modal-body">
                                    <label for="name" class="form-label col-form-label">{{ __('message.url') }}</label>
                                    <input type="text" class="form-control" id="app-url" name="app-url"
                                           value="{{ old('app-url') }}"  autofocus>
                                    <label for="name" class="form-label col-form-label">{{ __('message.download_url_test') }}</label>
                                    <input type="text" class="form-control" id="download_link" name="download_link"
                                           value="{{ old('app-url') }}"  autofocus>
                                </div>
                                <div class="modal-footer">
                                    <button type="submit" class="btn btn-primary test_selectore" data-dismiss="modal">Accept</button>
                                </div>
                            </div>
                        </div>
                    </div>

                </form>
            </section>
            <!-- users edit ends -->
            <div class="modal fade text-left" id="modals-app-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">@lang("message.test_url")</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="submit" 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/forms/select/select2.full.min.js")}}"></script>
    <!-- END: Page Vendor JS-->
    <!-- BEGIN: Page JS-->
    <script src="{{asset("app-assets/js/scripts/forms/form-select2.js")}}"></script>
    <script>
        $('input:radio[name="use_rotate_proxy"]').change(function(){
            if($(this).val() == '1'){
                    $(".rotate_proxy_id").show();

                } else{
                    $(".rotate_proxy_id").hide();
            }
        });    </script>
    <script>
        $('input:radio[name="puppeteer"]').change(function(){
            if($(this).val() == '1'){
                $(".puppeteer_selector").show();

            } else{
                $(".puppeteer_selector").hide();
            }
        });    </script>
    <!-- END: Page JS-->
    <script>
        $(document).ready(function(){
            $(".test_selectore").click(function(){
                var formData = new FormData(document.getElementById('website_form'));
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    type: "POST",
                    url: "{{route("scraping.ajax_data")}}",
                    contentType: false,
                    data: formData,
                    dataType: "json",
                    processData: false,
                    serverSide: true,
                    encode: true,
                }).done(function (data) {
                    $("#modals-app-data .modal-body ").empty();
                    if (typeof data.data == 'object'){
                        jQuery.each(data.data, function(key, value){

                            $("#modals-app-data").modal('show');
                            if (key != "error"){
                                jQuery('#modals-app-data .modal-body').append('<strong>'+key+'</strong>');

                                jQuery('#modals-app-data .modal-body').append('<p>'+value+'</p>');
                            }else{
                                if (value != ""){
                                    jQuery('#modals-app-data .modal-body').append('<strong>'+key+'</strong>');

                                    jQuery('#modals-app-data .modal-body').append('<p>'+value+'</p>');
                                }
                            }
                        });
                    }else {
                        console.log(typeof data.data);
                        var key  = "error";
                        $("#modals-app-data").modal('show');
                        jQuery('#modals-app-data .modal-body').append('<strong>'+key+'</strong>');

                        jQuery('#modals-app-data .modal-body').append('<p>'+data.data+'</p>');
                    }
                });

                event.preventDefault();
            });
        });
    </script>
@endsection