@extends('layout.app')
@section('title')
    {{ __('message.websites_edit') }}
@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_edit') }}</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_edit') }}
                                </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.update",$website->id)}}" 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',$website->name) }}" required 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',$website->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',$website->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',$website->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}}" @if(isset($website->primary_selector) && in_array($update_factor->id,$website->primary_selector))selected @endif>{{$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" @if($website->use_rotate_proxy == 1) checked @endif value="1" name="use_rotate_proxy" class="custom-control-input" />
                                                    <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"  @if($website->use_rotate_proxy == 0) checked @endif value="0" name="use_rotate_proxy" class="custom-control-input"  />
                                                    <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" @if($website->use_rotate_proxy == 1) style="display: block" @else style = "display: none" @endif>
                                    <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" name="rotate_proxy_id">
                                            @isset($rotate_proxies)
                                                @foreach($rotate_proxies as $rotate_proxy)
                                                    <option value="{{$rotate_proxy->id}}" @if($website->rotate_proxy_id == $rotate_proxy->id) selected @endif>{{$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">
                                    <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" @if($website->use_proxy == 1) checked @endif value="1" name="use_proxy" class="custom-control-input" />
                                                    <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" @if($website->use_proxy == 0) checked @endif value="0" name="use_proxy" class="custom-control-input" />
                                                    <label class="custom-control-label" for="customRadio1">{{__("message.don't_use_proxy")}}</label>
                                                </div>
                                            </div>
                                        </div>


                                    </div>
                                </div>
                                {{-- 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_puppeteer') }}</label>
                                        <div class="row mt-1">
                                            <div class="col-auto">
                                                <div class="custom-control custom-radio">
                                                    <input type="radio" id="customRadio7" @if($website->puppeteer == 1) checked @endif value="1" name="puppeteer" class="custom-control-input" />
                                                    <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" @if($website->puppeteer == 0) checked @endif value="0" name="puppeteer" class="custom-control-input"  />
                                                    <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" @if($website->puppeteer == 1) style="display: block" @else style = "display: none" @endif>
                                    <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" >@if(isset($website->puppeteer_selector)){{old('puppeteer_selector',implode(",",$website->puppeteer_selector))}}@else{{ old('puppeteer_selector') }}@endif</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',$website->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',$website->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',$website->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',$website->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',$website->headers) }}</textarea>

                                    </div>
                                </div>
                                {{-- end client name --}}
{{--                                @dd($website->primary_selector)--}}

                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <button type="submit" class="btn btn-primary">{{ __('message.save') }}</button>
                                    <a href="{{route("website.index")}}" class="btn btn-light">{{ __('message.cancel') }}</a>
                                    <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>
    <!-- END: Page JS-->
    <script>
        $('input:radio[name="use_rotate_proxy"]').change(function(){
            if($(this).val() == '1'){
                $(".rotate_proxy_id").show();
             } else{
                $(".rotate_proxy_id").hide();
 }
        });
        // if ($('input:radio[name="use_proxy"]').val() == '1') { $(".rotate_proxy_id").show();}

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