@extends('layouts.admin.app')
@section('css')
<link href="{{asset('css/filepond/filepond.css')}}" rel="stylesheet">
<link href="{{asset('css/filepond/filepond-plugin-image-preview.css')}}" rel="stylesheet">
<link href="{{asset('css/filepond/filepond-plugin-image-edit.css')}}" rel="stylesheet">
@endsection
@section('content')
<!-- BEGIN: Content-->
<div class="app-content 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">{{trans('admin.recommender_heading')}} </h2>
                    <div class="breadcrumb-wrapper col-12">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{route('home')}}">{{ trans('common.home') }}</a>
                            </li>
                            <li class="breadcrumb-item"><a href="{{route('recommender.index')}}">{{ trans('admin.recommender') }}</a></li>
                            <li class="breadcrumb-item active">{{ trans('admin.recommender_details') }}
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <section id="multiple-column-form">
      <div class="row match-height">
        <div class="col-12">
          <div class="card">
            <div class="card-header">
              <h4 class="card-title">
              {{ trans('admin.recommender_details')}}
              </h4>
              @can('recommender-list')
                <a href="{{route('recommender.index')}}" class="btn btn-success">
                    <i class="fa fa-arrow-left"></i>
                    {{ trans('common.back') }}
                </a>
              @endcan
            </div>
            <div class="card-content">
              <div class="card-body">    
                <form method="POST"  action="" accept-charset="UTF-8" enctype="multipart/form-data" >
                  <input type="hidden" id="userid" name="userid" value="{{$recommender->id}}">
                 <div class="form-body">
                  <div class="row">
                    <div class="col-md-6">
                     <div class="form-group">
                        <label for="recommender name" class="content-label">{{trans('admin.name')}}</label>
                        <input type="text" class="form-control @error('recommender_name') ? is-invalid : ''  @enderror" minlength="2" maxlength="30" placeholder="{{trans('admin.recommender_name')}}" name="name" value="{{$recommender->profile ? $recommender->profile->name :'' }}" disabled>
                      </div>  
                    </div>
                    <div class="col-md-6">
                     <div class="form-group">
                       <label for="recommender email" class="content-label">{{trans('admin.email')}}</label>
                        <input type="text" class="form-control @error('recommender_email') ? is-invalid : ''  @enderror" placeholder="{{trans('admin.email')}}" name="name" value="{{old('email') ? old('name') : $recommender->email}}" disabled>
                       </div>  
                    </div>
                    <div class="col-md-6">
                     <div class="form-group">
                        <label for="recommender mobile number" class="content-label">{{trans('admin.mobile_number')}}</label>
                        <input type="text" class="form-control @error('recommender_mobile_number') ? is-invalid : ''  @enderror" placeholder="{{trans('admin.mobile_number')}}" name="mobile_number" value="{{old('mobile_number') ? old('mobile_number') : $recommender->mobile_number}}" disabled>
                       </div>  
                    </div>
                    <div class="col-md-6">
                     <div class="form-group">
                        <label for="recommender mobile number" class="content-label">{{trans('admin.created_at')}}</label>
                        <input type="text" class="form-control" placeholder="{{trans('admin.created_at')}}" name="created_at" value="{{ $recommender->created_at->format('d/m/Y H:i:s')}}" disabled>
                       </div>  
                    </div>
                  </div>
                
                  <div class="row">
                    <div class="col-md-12">
                      <div class="form-group">
                        <label for="recommender_profile_image" class="content-label">{{trans('admin.profile_image')}}</label>
                        <input type="file" id="profile_image" name="profile_image" disabled >
                      </div>
                    </div>
                  </div>

                <div class="row">
                  <!-- <div class="col-md-4">
                   <div class="form-group">
                      <label for="recommender name" class="content-label">{{trans('admin.subscription_amount')}}</label>
                      <input type="text" class="form-control @error('subscription_amount') ? is-invalid : ''  @enderror" minlength="2" maxlength="30" placeholder="{{trans('admin.subscription_amount')}}" name="subscription_amount" value="{{old('subscription_amount') ? old('subscription_amount') : $profile->subscription_amount}}" disabled>
                    </div>  
                  </div> -->
                  <div class="col-md-6">
                   <div class="form-group">
                      <label for="recommender mobile number" class="content-label">{{trans('admin.facebook_url')}}</label>
                      <input type="text" class="form-control @error('facebook_url') ? is-invalid : ''  @enderror" placeholder="{{trans('admin.facebook_url')}}" name="facebook_url" value="{{old('facebook_url') ? old('facebook_url') : $profile->facebook_url}}" disabled>
                    </div>  
                  </div>
                  <div class="col-md-6">
                   <div class="form-group">

                      <label for="recommender mobile number" class="content-label">{{trans('admin.twitter_url')}}</label>
                      <input type="text" class="form-control @error('twitter_url') ? is-invalid : ''  @enderror" placeholder="{{trans('admin.twitter_url')}}" name="twitter_url" value="{{old('twitter_url') ? old('twitter_url') : $profile->twitter_url}}" disabled>
                    </div>  
                  </div>
                  <div class="col-md-6">
                   <div class="form-group">
                      <label for="recommender instagram url" class="content-label">{{trans('admin.instagram_url')}}</label>
                          <input type="text" class="form-control @error('instagram_url') ? is-invalid : ''  @enderror" placeholder="{{trans('admin.instagram_url')}}" name="instagram_url" value="{{old('instagram_url') ? old('instagram_url') : $profile->instagram_url}}" disabled>
                     </div>  
                  </div>
                  <div class="col-md-6">
                   <div class="form-group">

                      <label for="recommender website url" class="content-label">{{trans('admin.website_url')}}</label>
                      <input type="text" class="form-control @error('website_url') ? is-invalid : ''  @enderror" placeholder="{{trans('admin.website_url')}}" name="website_url" value="{{old('website_url') ? old('website_url') : $profile->website_url}}" disabled>
                    </div>  
                  </div>
                  <div class="col-md-12">
                   <div class="form-group">
                     <label for="recommender bio" class="content-label">{{trans('admin.bio')}}</label>
                      <textarea type="text" class="form-control" placeholder="{{trans('admin.bio')}}" name="bio" rows="2" disabled>{{$profile->bio}}</textarea>
                    </div>  
                  </div>
                </div>
                @if($trader)
                <div class="row">
                  <div class="col-md-6">
                    <div class="form-group">
                         <label for="recommender website url" class="content-label"></label>
                        <input type="checkbox" class="@error('is_trader') ? is-invalid : ''  @enderror" placeholder="{{trans('admin.is_trader')}}" name="is_trader" value="{{old('is_trader') ? old('is_trader') : $profile->is_trader}}" disabled checked> {{trans('admin.is_trader')}}
                    </div>
                  </div>
                  <div class="col-md-6">
                     <label for="trader name" class="content-label">{{trans('admin.trader_name')}}</label>
                        <input type="text" class="form-control @error('trader_name') ? is-invalid : ''  @enderror" placeholder="{{trans('admin.trader_name')}}" name="trader_name" value="{{$trader->profile ? $trader->profile->name :''}}" disabled>
                       
                  </div>
                </div>
                @endif
                <div class="row">
                  <div class="col-md-6">
                    <div class="form-group">
                         <label for="recommender website url" class="content-label"></label>
                        <input type="checkbox" class="" placeholder="{{trans('admin.enable_request_analysis')}}" name="enable_request_analysis"  disabled {{ @($profile->enable_request_analysis == '1') ? 'checked':'' }}> {{trans('admin.enable_request_analysis')}}
                    </div>
                  </div>
                  <div class="col-md-6">
                     <label for="trader name" class="content-label">{{trans('admin.request_analysis_amount')}}</label>
                        <input type="text" class="form-control @error('trader_name') ? is-invalid : ''  @enderror" placeholder="{{trans('admin.request_analysis_amount')}}" name="request_analysis_amount" value="{{$profile->request_analysis_amount ? $profile->request_analysis_amount.' KWD' : ''}}" disabled>
                       
                  </div>
                </div>
                </div>
                <div class="modal-footer">
                </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <div class="col-lg-12 col-md-12 col-12">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-end">
                <h4 class="card-title">{{trans('admin.revenue')}}</h4>
                <!-- <p class="font-medium-5 mb-0"><i class="feather icon-settings text-muted cursor-pointer"></i></p> -->
            </div>
            <div class="card-content">
                <div class="card-body pb-0">
                    <div class="row">
                        <div class="col-lg-3 col-md-4 col-sm-5 col-6">
                            <fieldset class="form-group">
                            <label for="">{{trans('dashboard.year')}}</label>
                            <select class="form-control" id="revenue_year">
                                @foreach($years as $year)
                                <option value="{{$year}}" @if($current_year == $year) selected @endif>{{$year}}</option>
                                @endforeach
                            </select>
                            </fieldset>
                        </div>
                         <div class="col-lg-3 col-md-4 col-sm-5 col-6">
                            <fieldset class="form-group">
                            <label for="">{{trans('dashboard.months')}}</label>
                            <select class="form-control" id="revenue_month">
                                <option value="01" @if($current_month == '01') selected @endif>{{trans('dashboard.01')}}</option>
                                          <option value="02" @if($current_month == '02') selected @endif>{{trans('dashboard.02')}}</option>
                                          <option value="03" @if($current_month == '03') selected @endif>{{trans('dashboard.03')}}</option>
                                          <option value="04" @if($current_month == '04') selected @endif>{{trans('dashboard.04')}}</option>
                                          <option value="05" @if($current_month == '05') selected @endif>{{trans('dashboard.05')}}</option>
                                          <option value="06" @if($current_month == '06') selected @endif>{{trans('dashboard.06')}}</option>
                                          <option value="07" @if($current_month == '07') selected @endif>{{trans('dashboard.07')}}</option>
                                          <option value="08" @if($current_month == '08') selected @endif>{{trans('dashboard.08')}}</option>
                                          <option value="09" @if($current_month == '09') selected @endif>{{trans('dashboard.09')}}</option>
                                          <option value="10" @if($current_month == '10') selected @endif>{{trans('dashboard.10')}}</option>
                                          <option value="11" @if($current_month == '11') selected @endif>{{trans('dashboard.11')}}</option>
                                          <option value="12" @if($current_month == '12') selected @endif>{{trans('dashboard.12')}}</option>
                            </select>
                           </fieldset>
                        </div>
                    </div>
                  
                    <div id="revenue-chart"></div>
                </div>
            </div>
        </div>
    </div>  

    <div class="content-body">
      <!-- Zero configuration table -->
      <section id="basic-datatable">
        <div class="row">
          <div class="col-12">
            <div class="card">
              <div class="card-header">
                <h4 class="card-title">{{ trans('admin.btc_scenario_list') }}</h4>
              </div>
              <div class="card-content">
                <div class="card-body card-dashboard">
                  <div class="table-responsive">
                    <table class="table zero-configuration data_table_ajax" id="data_table_scenario">
                      <thead>
                        <tr>
                          <th>{{trans('admin.id')}}</th>
                          <th>{{trans('admin.image')}}</th>
                          <th>{{trans('admin.description')}}</th>
                          <th>{{trans('admin.created_at')}}</th>
                          <th>{{trans('common.status')}}</th>
                            @if(auth()->user()->can('recommender-edit') || auth()->user()->can('recommender-delete') || auth()->user()->can('recommender-list')  )
                          <th>{{trans('admin.action')}}</th>
                          @endif
                        </tr>
                        
                      </thead>
                      <tbody>
                      </tbody>
                      <tfoot>
                        <tr>
                          <th>{{trans('admin.id')}}</th>
                          <th>{{trans('admin.image')}}</th>
                          <th>{{trans('admin.description')}}</th>
                          <th>{{trans('admin.created_at')}}</th>
                          <th>{{trans('common.status')}}</th>
                            @if(auth()->user()->can('recommender-edit') || auth()->user()->can('recommender-delete') || auth()->user()->can('recommender-list')  )
                          <th>{{trans('admin.action')}}</th>
                          @endif
                        </tr>
                        
                      </tfoot>
                    </table>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
     
      <section>
        <div class="row">
          <div class="col-12">
            <div class="card">
              <div class="card-header">
                <h4 class="card-title">{{ trans('admin.social_list') }}</h4>
              </div>
              <div class="card-content">
                <div class="card-body card-dashboard">
                  <div class="table-responsive">
                    <table class="table zero-configuration data_table_ajax" id="data_table_social">
                      <thead>
                        <tr>
                          <th>{{trans('admin.id')}}</th>
                          <th>{{trans('admin.image')}}</th>
                          <th>{{trans('admin.description')}}</th>
                          <th>{{trans('admin.created_at')}}</th>
                          <th>{{trans('common.status')}}</th>
                            @if(auth()->user()->can('recommender-edit') || auth()->user()->can('recommender-delete') || auth()->user()->can('recommender-list')  )
                          <th>{{trans('admin.action')}}</th>
                          @endif
                        </tr>
                        
                      </thead>
                      <tbody>
                      </tbody>
                      <tfoot>
                        <tr>
                          <th>{{trans('admin.id')}}</th>
                          <th>{{trans('admin.image')}}</th>
                          <th>{{trans('admin.description')}}</th>
                          <th>{{trans('admin.created_at')}}</th>
                          <th>{{trans('common.status')}}</th>
                            @if(auth()->user()->can('recommender-edit') || auth()->user()->can('recommender-delete') || auth()->user()->can('recommender-list')  )
                          <th>{{trans('admin.action')}}</th>
                          @endif
                        </tr>
                       
                      </tfoot>
                    </table>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      <section>
        <div class="row">
          <div class="col-12">
            <div class="card">
              <div class="card-header">
                <h4 class="card-title">{{ trans('admin.signal_list') }}</h4>
              </div>
              <div class="card-content">
                <div class="card-body card-dashboard">
                  <div class="table-responsive">
                    <table class="table zero-configuration data_table_ajax" id="data_table_signal">
                      <thead>
                        <tr>
                          <th>{{trans('admin.id')}}</th>
                          <th>{{trans('admin.currency_name')}}</th>
                          <th>{{trans('admin.wallet_percentage')}}</th>
                          <th>{{trans('admin.risk_factor')}}</th>
                          <th>{{trans('admin.entry_price')}}</th>
                          <th>{{trans('admin.stop_loss')}}</th>
                          <th>{{trans('admin.description')}}</th>
                          <th>{{trans('common.status')}}</th>
                            @if(auth()->user()->can('recommender-edit') || auth()->user()->can('recommender-delete') || auth()->user()->can('recommender-list')  )
                          <th>{{trans('admin.action')}}</th>
                          @endif
                        </tr>
                       
                      </thead>
                      <tbody>
                      </tbody>
                      <tfoot>
                        <tr>
                          <th>{{trans('admin.id')}}</th>
                          <th>{{trans('admin.currency_name')}}</th>
                          <th>{{trans('admin.wallet_percentage')}}</th>
                          <th>{{trans('admin.risk_factor')}}</th>
                          <th>{{trans('admin.entry_price')}}</th>
                          <th>{{trans('admin.stop_loss')}}</th>
                          <th>{{trans('admin.description')}}</th>
                          <th>{{trans('common.status')}}</th>
                            @if(auth()->user()->can('recommender-edit') || auth()->user()->can('recommender-delete') || auth()->user()->can('recommender-list')  )
                          <th>{{trans('admin.action')}}</th>
                          @endif
                        </tr>
                        
                      </tfoot>
                    </table>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      <section>
        <div class="row">
          <div class="col-12">
            <div class="card">
              <div class="card-header">
                <h4 class="card-title">{{ trans('admin.package_list') }}</h4>
              </div>
              <div class="card-content">
                <div class="card-body card-dashboard">
                  <div class="table-responsive">
                    <table class="table zero-configuration" id="data_table_package">
                      <thead>
                        <tr>
                          <th>{{trans('admin.id')}}</th>
                          <th>{{trans('admin.interval')}}</th>
                          <th>{{trans('admin.duration')}}</th>
                          <th>{{trans('admin.price')}}</th>
                          <th>{{trans('admin.description')}}</th>
                          <th>{{trans('common.status')}}</th>
                          <th>{{trans('admin.created_at')}}</th>
                        </tr>
                      </thead>
                      <tbody>
                      </tbody>
                      <tfoot>
                        <tr>
                          <th>{{trans('admin.id')}}</th>
                          <th>{{trans('admin.interval')}}</th>
                          <th>{{trans('admin.duration')}}</th>
                          <th>{{trans('admin.price')}}</th>
                          <th>{{trans('admin.description')}}</th>
                          <th>{{trans('common.status')}}</th>
                          <th>{{trans('admin.created_at')}}</th>
                        </tr>
                      </tfoot>
                    </table>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
  </div>
</div>
</div>
@endsection
@section('js')
<script src="{{asset('js/filepond/filepond.min.js')}}"></script>
<!-- include FilePond plugins -->
<script src="{{asset('js/filepond/filepond-plugin-image-preview.min.js')}}"></script>
<script src="{{asset('js/filepond/filepond-plugin-file-validate-type.js')}}"></script>
<script src="{{asset('js/filepond/filepond-plugin-image-crop.js')}}"></script>
<script src="{{asset('js/filepond/filepond-plugin-image-resize.js')}}"></script>
<script src="{{asset('js/filepond/filepond-plugin-image-validate-size.js')}}"></script>
<script src="{{asset('js/filepond/filepond-plugin-image-transform.js')}}"></script>
<script src="{{asset('js/filepond/filepond-plugin-image-edit.js')}}"></script>
<script src="{{asset('js/filepond/ar_locale.js')}}"></script>
<script src="{{asset('js/filepond/filepond.jquery.js')}}"></script>
<script>
$(function(){
  
      FilePond.registerPlugin(
                FilePondPluginImagePreview,
                FilePondPluginFileValidateType,
                FilePondPluginImageCrop,
                FilePondPluginImageResize,
                FilePondPluginImageValidateSize,
                FilePondPluginImageTransform,
                FilePondPluginImageEdit,
            );
      
      const input = document.querySelector('#profile_image');
      const pond1 = FilePond.create(input,{
        
          disabled:true,
          allowBrowse:false,
          allowRemove:false,
          allowDrop:false,
          files: [
            {
                // the server file reference
                source: "{{$recommender->profile_image ? asset($recommender->profile_image) : asset('images/customer_avatar.jpg')}}",

                // set type to local to indicate an already uploaded file
                options: {
                    type: 'remote',
                    
                
                },
            },
            
          ],
          
      });

       //Change Locale
      @if(config("app.locale") == 'ar'){
       FilePond.setOptions(labels);
      }
      @endif

});
</script>

<script type="text/javascript">
  $(document).ready(function(){
    var user_id = $("#userid").val();

    loadBTCData();
    loadSocialData();
    loadPackageData();
    loadSignalData();

    function loadBTCData(){
      var btc = $('#data_table_scenario').DataTable({
      aaSorting : [[0, 'desc']],
      serverSide: true,
      serverMethod:'POST',
      processing: true,
      lengthMenu: [[10, 25, 50, 100], [10, 25, 50, 100]],
      pageLength: 10,
      bDestroy: true,
      language: {
          processing: '<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i><span class="sr-only">{{trans("common.loading")}}</span> ',
          emptyTable: "{{trans('admin.empty_btc_scenarios')}}",
          zeroRecords:"{{trans('admin.no_btc_scenarios')}}",
           url: lang_url,
        },
      ajax: {
          url: "{{route('dt_btc_scenario')}}",
          data: {"_token": "{{csrf_token()}}",'userid':user_id},
      },
      columns: [
          { data: 'id'},
          { data: 'image',
            mRender : function(data, type, row) {
        
              return row['image'];
            },orderable: false 
          },
          { data: 'description',orderable:false},
          { data: 'created_at',
            mRender : function(data, type, row) {
        
              return row['created'];
            },orderable: false 
          },
           { data: 'status',
            mRender : function(data, type, row) {
                  var status=data;
                 
                 if(status=='active'){
                    type = "checked";
                  }else{
                    type = '';
                  }
                    var status_label = row['status_label'];
                 
                  return '<label>'+status_label+'</label><div class="custom-control custom-switch custom-switch-success mr-2 mb-1"><input type="checkbox"'+type+' + class="status_btc_scenario custom-control-input" id="customSwitch'+row["id"]+'" data_id="'+row["id"]+'"><label class="custom-control-label" for="customSwitch'+row["id"]+'"></label></div>'
              } 
          },
           
          { 
            mRender : function(data, type, row) {
              return '<a class="btn" href="'+row["show"]+'" target="_blank"><i class="fa fa-eye"></i></a>';  
              }, orderable: false, searchable: false
          }, 
        ]
      });
    };

    function loadSocialData(){
      var social = $('#data_table_social').DataTable({
      serverSide: true,
      serverMethod:'POST',
      processing: true,
      bDestroy: true,
      lengthMenu: [[10, 25, 50, 100], [10, 25, 50, 100]],
      pageLength: 10,
      language: {
              processing: '<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i><span class="sr-only">{{trans("common.loading")}}</span> ',
              emptyTable: "{{trans('admin.empty_socials')}}",
              zeroRecords:"{{trans('admin.no_socials')}}",
               url: lang_url,
            },
      ajax: {
          url: "{{route('dt_social')}}",
          data: {"_token": "{{csrf_token()}}",'userid':user_id},
      },
      columns: [
          { data: 'id'},
          { data: 'image',
            mRender : function(data, type, row) {
        
              return row['image'];
            },orderable: false 
          },
          { data: 'description',orderable:false},
          { data: 'created_at',
            mRender : function(data, type, row) {
        
              return row['created'];
            },orderable: false 
          },
          { data: 'status',
            mRender : function(data, type, row) {
                  var status=data;
                 
                 if(status=='active'){
                    type = "checked";
                  }else{
                    type = '';
                  }
                    var status_label = row['status_label'];
                 
                  return '<label>'+status_label+'</label><div class="custom-control custom-switch custom-switch-success mr-2 mb-1"><input type="checkbox"'+type+'  class="status_social custom-control-input" id="customSwitch1'+row["id"]+'" data_id="'+row["id"]+'"><label class="custom-control-label" for="customSwitch1'+row["id"]+'"></label></div>'
              } 
          },
           
          { 
            mRender : function(data, type, row) {
              return '<a class="btn" href="'+row["show"]+'" target="_blank"><i class="fa fa-eye"></i></a>';  
              }, orderable: false, searchable: false
          },    
        ]
      });
    };
    
    function loadPackageData(){
      var package = $('#data_table_package').DataTable({
      serverSide: true,
      serverMethod:'POST',
      processing: true,
      bDestroy: true,
      lengthMenu: [[10, 25, 50, 100], [10, 25, 50, 100]],
      pageLength: 10,
      language: {
              processing: '<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i><span class="sr-only">{{trans("common.loading")}}</span> ',
              emptyTable: "{{trans('admin.empty_packages')}}",
              zeroRecords:"{{trans('admin.no_packages')}}",
               url: lang_url,
            },
      ajax: {
          url: "{{route('dt_profile_package')}}",
          data: {"_token": "{{csrf_token()}}",'user_id':user_id},
      },
      columns: [
          { data: 'id'},
          { data: 'id',
            mRender : function(data, type, row) {
        
              return row['interval'];
            },orderable: false 
          },
          { data: 'id',
            mRender : function(data, type, row) {
        
              return row['duration'];
            },orderable: false 
          },
          { data: 'price',orderable:false},
          { data: 'description',orderable:false},
          { data: 'status',
            mRender : function(data, type, row) {
                  var status=data;
                 
                 if(status=='active'){
                    type = "checked";
                    var status_label = '{{trans("admin.active")}}';
                  }else{
                    type = '';
                     var status_label = '{{trans("admin.inactive")}}';
                  }
                 
                  return '<label>'+status_label+'</label><div class="custom-control custom-switch custom-switch-success mr-2 mb-1"><input type="checkbox"'+type+'  class="status_package custom-control-input" id="customSwitch3'+row["id"]+'" data_id="'+row["id"]+'"><label class="custom-control-label" for="customSwitch3'+row["id"]+'"></label></div>'
              } 
          },
           
          { data: 'created_at',
            mRender : function(data, type, row) {
        
              return row['created'];
            },orderable: false 
          },    
        ]
      });
    };

    function loadSignalData(){
      var signal = $('#data_table_signal').DataTable({
        serverSide: true,
        serverMethod:'POST',
        processing: true,
        bDestroy: true,
         lengthMenu: [[10, 25, 50, 100], [10, 25, 50, 100]],
          pageLength: 10,
          language: {
                processing: '<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i><span class="sr-only">{{trans("common.loading")}}</span> ',
                emptyTable: "{{trans('admin.empty_signals')}}",
                zeroRecords:"{{trans('admin.no_signals')}}",
                 url: lang_url,
              },
        ajax: {
            url: "{{route('dt_signal')}}",
            data: {"_token": "{{csrf_token()}}",'userid':user_id},
        },
        columns: [
             { data: 'id'},
             { data: 'currency_name'},
             { data: 'wallet_percentage'},
             { data: 'risk_factor'},
             { data: 'entry_price'},
             { data: 'stop_loss'},
             { data: 'description'},
             { data: 'status',
              mRender : function(data, type, row) {
                    var status=data;
                   
                  if(status=='active'){
                    type = "checked";
                    var status_label = '{{trans("admin.active")}}';
                  }else{
                    type = '';
                     var status_label = '{{trans("admin.inactive")}}';
                  }
                   
                    return '<label>'+status_label+'</label><div class="custom-control custom-switch custom-switch-success mr-2 mb-1"><input type="checkbox"'+type+' + class="status_signal custom-control-input" id="customSwitch2'+row["id"]+'" data_id="'+row["id"]+'"><label class="custom-control-label" for="customSwitch2'+row["id"]+'"></label></div>'
                } 
            },
             
            { 
              mRender : function(data, type, row) {
                return '<a class="btn" href="'+row["show"]+'" target="_blank"><i class="fa fa-eye"></i></a>';  
                }, orderable: false, searchable: false
            },    
          ]
      });
    };

    $(document).on('change','.status_btc_scenario',function(){
        var status = this.checked ? 'active' : 'inactive';
        var confirm = status_alert(status);
        if(confirm){
          var id = $(this).attr('data_id');
          var delay = 500;
          var element = $(this);
          $.ajax({
              type:'post',
              url: "{{route('status_btc_scenario')}}",
              data: {
                      "status": status, 
                      "id" : id,  
                      "_token": "{{ csrf_token() }}"
                    },
              beforeSend: function () {
                  element.next('.loading').css('visibility', 'visible');
              },
              success: function (data) {
                setTimeout(function() {
                      element.next('.loading').css('visibility', 'hidden');
                  }, delay);
                if(data.type == 'success'){
                  toastr.success(data.message);
                  loadBTCData();
                }else{
                  toastr.error(data.message);
                  setTimeout(function() {
                      loadBTCData();
                  }, 2000);
                }
                 
                 
              },
              error: function () {
                toastr.error(data.message);
                setTimeout(function() {
                      loadBTCData();
                  }, 2000);
              }
          })
        }else{
        loadBTCData();
        }
    });

    $(document).on('change','.status_social',function(){
        var status = this.checked ? 'active' : 'inactive';
        var confirm = status_alert(status);
        // alert(status);
        if(confirm){
          var id = $(this).attr('data_id');
          var delay = 500;
          var element = $(this);
          $.ajax({
              type:'post',
              url: "{{route('status_social')}}",
              data: {
                      "status": status, 
                      "id" : id,  
                      "_token": "{{ csrf_token() }}"
                    },
              beforeSend: function () {
                  element.next('.loading').css('visibility', 'visible');
              },
              success: function (data) {
                setTimeout(function() {
                      element.next('.loading').css('visibility', 'hidden');
                  }, delay);
                if(data.type == 'success'){
                  toastr.success(data.message);
                  loadSocialData();
                }else{
                  toastr.error(data.message);
                  setTimeout(function() {
                      loadSocialData();
                  }, 2000);
                }
                 
                 
              },
              error: function () {
                toastr.error(data.message);
                setTimeout(function() {
                      loadSocialData();
                  }, 2000);
              }
          })
        }else{
        loadSocialData();
        }
    });

    $(document).on('change','.status_signal',function(){
        var status = this.checked ? 'active' : 'inactive';
        var confirm = status_alert(status);
        if(confirm){
          var id = $(this).attr('data_id');
          var delay = 500;
          var element = $(this);
          $.ajax({
              type:'post',
              url: "{{route('status_signal')}}",
              data: {
                      "status": status, 
                      "id" : id,  
                      "_token": "{{ csrf_token() }}"
                    },
              beforeSend: function () {
                  element.next('.loading').css('visibility', 'visible');
              },
              success: function (data) {
                setTimeout(function() {
                      element.next('.loading').css('visibility', 'hidden');
                  }, delay);
                if(data.type == 'success'){
                  toastr.success(data.message);
                 loadSignalData();
                }else{
                  toastr.error(data.message);
                  setTimeout(function() {
                      loadSignalData();
                  }, 2000);
                }
                 
                 
              },
              error: function () {
                toastr.error(data.message);
                setTimeout(function() {
                      loadSignalData();
                  }, 2000);
              }
          })
        }else{
        loadSignalData();
        }
    });

    $(document).on('change','.status_package',function(){
        var status = this.checked ? 'active' : 'inactive';
        var confirm = status_alert(status);
        if(confirm){
          var id = $(this).attr('data_id');
          var delay = 500;
          var element = $(this);
          $.ajax({
              type:'post',
              url: "{{route('status_package')}}",
              data: {
                      "status": status, 
                      "id" : id,  
                      "_token": "{{ csrf_token() }}"
                    },
              beforeSend: function () {
                  element.next('.loading').css('visibility', 'visible');
              },
              success: function (data) {
                setTimeout(function() {
                      element.next('.loading').css('visibility', 'hidden');
                  }, delay);
                if(data.type == 'success'){
                  toastr.success(data.message);
                  loadPackageData();
                }else{
                  toastr.error(data.message);
                  setTimeout(function() {
                      loadPackageData();
                  }, 2000);
                }
                 
                 
              },
              error: function () {
                toastr.error(data.message);
                setTimeout(function() {
                     loadPackageData();
                  }, 2000);
              }
          })
        }else{
        loadPackageData();
        }
    });
});
</script>

<script type="text/javascript">

    var revenueChartoptions;
    var revenueChart;
 
    //Chart Options
    var $primary = '#31B2FF';
    var $danger = '#EA5455';
    var $warning = '#FF802F';
    var $info = '#00cfe8';
    var $success = '#00db89';
    var $primary_light = '#9c8cfc';
    var $warning_light = '#FFC085';
    var $danger_light = '#f29292';
    var $info_light = '#1edec5';
    var $strok_color = '#b9c3cd';
    var $label_color = '#e7eef7';
    var $purple = '#df87f2';
    var $white = '#fff';

    

    $(window).on("load", function(){

      // Customer Chart(Pie Chart)
      // -----------------------------
      
        render_revenue_chart(['0'],['0']);
   
        var month = $('#revenue_month').val();
        var year = $('#revenue_year').val();
        load_revenue_chart(month,year);


    });

    $('#revenue_month,#revenue_year').on('change',function(){

        var month = $('#revenue_month').val();
        var year = $('#revenue_year').val();
        load_revenue_chart(month,year);
    })


    function load_revenue_chart(month,year){
        var recommender_id  = $("#userid").val();
        $.ajax({

            type : 'post',
            url : "{{route('update_revenue_chart')}}",
            data : {
                '_token' : "{{csrf_token()}}",
                'month' : month,
                'year' : year,
                'recommender_id':recommender_id,
            },
           
            success: (response) => {
              if (response.type == 'error') {
               
                // toastr.error(response.message);
              }else{
                revenueChart.destroy();   
                render_revenue_chart(response.days,response.amount);
              }
            },
            error: function(response){
              toastr.error(response.message);
                
            }

        });
    }

 
    function render_revenue_chart(days,amount){
        @if(config("app.locale") == 'ar')
          days= days.reverse();
          amount = amount.reverse();
          inverse = true;
        @else
          inverse = false;
        @endif
        revenueChartoptions = {
          chart: {
            height: 260,
            toolbar: { show: false },
            type: 'line',
          },
          stroke: {
              curve: 'smooth',
              dashArray: [0, 8],
              width: [4, 2],
          },
          grid: {
              borderColor: $label_color,
          },
          legend: {
              show: false,
          },
          colors: [$danger_light, $strok_color],

          fill: {
              type: 'gradient',
              gradient: {
                  shade: 'dark',
                  inverseColors: inverse,
                  gradientToColors: [$primary, $strok_color],
                  shadeIntensity: 1,
                  type: 'horizontal',
                  opacityFrom: 1,
                  opacityTo: 1,
                  stops: [0, 100, 100, 100]
              },
          },
          markers: {
              size: 0,
              hover: {
                  size: 5
              }
          },
          xaxis: {
              labels: {
                  style: {
                      colors: $strok_color,
                  }
              },
              axisTicks: {
                  show: false,
              },
              categories: days,
              axisBorder: {
                  show: false,
              },
              tickPlacement: 'on',
          },
          yaxis: {
              tickAmount: 5,
              labels: {
                  style: {
                      color: $strok_color,
                  },
                  formatter: function(val) {
                      return val > 999 ? (val / 1000).toFixed(1) + 'k' : val.toFixed(1);
                  },
                  align:'center',
              },
              @if(config("app.locale") == 'ar')
                opposite: true,
              
              @endif
             
          },
          tooltip: {
              x: { show: false }
          },
          series: [{
                  name: "{{trans('dashboard.this_day')}}",
                  data: amount
              },
              // {
              //     name: "Last Month",
              //     data: [46000, 48000, 45500, 46600, 44500, 46500, 45000, 47000]
              // }
          ],

        }

        revenueChart = new ApexCharts(
            document.querySelector("#revenue-chart"),
            revenueChartoptions
        );

        revenueChart.render();   
    }

 </script>


@endsection