@extends('layouts/default')
@extends('layouts/changecardaddress')
@section('commonbuttons')
@if(\Session::get('main_seller_id') != '')
<div style="padding-bottom: 30px; z-index: 999999; font-size: 16px; text-align:center;">
  <a href="{{route('index/etsyqbsetting',array('seller_id'=>$seller_id))}}" data-tooltip="tooltip" data-original-title="Setting Detail" class="btn btn-primary ad-click-event commonButtons" style="margin-left:5px;">{{config('app.tabLables')['settings']}}</a>
  <a type="button" class="btn btn-primary commonButtons" href="{{ route('etsyqborders',array('seller_id'=>$seller_id)) }}" style="margin-left:5px;">{{config('app.tabLables')['unsync_orders']}}</a>   
  <a type="button" class="btn btn-primary commonButtons" href="{{ route('getContactDetailList',array('seller_id'=>$seller_id)) }}" style="margin-left:5px;">{{config('app.tabLables')['seller_contacts']}}</a>
  <a type="button" class="btn btn-primary commonButtons" href="{{ route('contact\contactus',array('seller_id'=>$seller_id)) }}" style="margin-left:5px;">{{config('app.tabLables')['contact_us']}}</a>
</div>
@endif
@stop

@section('title')
Dashboard
@stop
@section('content')



        <!-- Main content -->
<div class="ui-layout">
       @include('notifications')
     
    
     
  <div class="row">
    @include('master/sellers/sellersuspended')
    <div class="col-md-12">
      <div class="box box-default">
        <div class="box-body">
            <div class="next-card">
              <div class="row d-block">
                <div class="col-md-6">
                  @if($eligible)
                  <div class="row">
                    <div class="col-md-12 col-xs-12">
                      <div class="col-md-4"><a href="{{ route('manualSyncEtsyQb',array('sellerid'=>$seller_id)) }}" class="btn btn-info pull-left suspended" onclick="startLoading('The sync might take upto an hour depending on the number of records that are to be synced. You may close the browser if you still see the loading icon after few minutes.');">{{trans('general.syncnow')}}</a>
                      </div>
                      <div class="col-md-4"></div>
                      <div class="col-md-4" style="text-align: right;"><img src="{{asset('mmimages/etsy-qb-sticker.png')}}" width="90"></img></div>
                    </div>

                    <div class="col-md-12 col-xs-12" style="color: #ff0505;font-size: 12px;"><br>
                        The manual sync will only process {{config('ebqbconstant.OrderSyncLimitFromDB')}} orders at a time. This might take about 5-10 minutes. You may close the browser if you still see the loading icon after few minutes.<br>
                        Please verify data in your QuickBooks account before proceeding with further sync.
                    </div>
                  </div>
                  @else
                  <div class="row">
                    <div class="col-md-12 col-xs-12" style="font-size: 12px;"><br>
                        You have crossed the limit of {{ $SellersPlan['max_orders_allowed'] }} orders allowed in the {{ $SellersPlan['plan_name'] }} @if($SellersPlan['plan_duration'] == '30' || $SellersPlan['plan_duration'] == '31') for {{ $SellersPlan['plan_duration'] }} days @endif.
                        You will have to upgrade the plan to sync more orders.
                    </div>
                    <div class="col-md-12 col-xs-12">
                      <a href="{{route('plans',array('seller_id'=>$seller_id))}}" class="btn btn-warning pull-left " >{{trans('general.upgradenow')}}</a>
                      <a href="{{route('setting\auth',array('seller_id'=>$seller_id))}}" data-tooltip="tooltip" data-original-title="Setting Detail" class="btn btn-success ad-click-event suspended" style="margin-left:5px;" >Settings</a>
                    </div>
                  </div>
                  @endif
                  @if($eligible)
                   @if($displayManualSyncBtn)
                    @if($sync_settings['autosync_enable'] == "N" || $sync_settings['autosync_enable'] == "MAN")
                    <div class="row">
                      <hr style="margin-top: 10px;margin-bottom: 10px;">
                      @if($autoSyncDisable == true)
                      <div class="col-md-12" style="font-size: 12px;">
                            If you are satisified with data sync you may enable auto sync immediately using the button below.
                      </div>
                      @else
                      <div class="col-md-12" style="font-size: 12px;">
                            Auto Sync feature is available only for Premium app users. Please upgrade your plan to Enable auto sync.
                      </div><br><br>
                      @endif
                      <div class="col-md-12" >
                         <a href="{{route('updateautoSyncetsyqb',array('seller_id'=>$seller_id))}}" class="btn btn-success btn-sm ad-click-event suspended" {{ ($autoSyncDisable) ? "" : "disabled" }}>{{trans('admin/settings/accountdetail.enable_auto_sync')}}</a>
                       <!-- <button class="btn btn-success d-block" style="margin: auto;text-align: center;"  onclick="enabledAutoSync();">Enable Auto Sync</button> -->
                     </div>
                    </div>
                    @endif
                    @if($sync_settings['autosync_enable'] == "Y")
                    <div class="row">
                      <hr style="margin-top: 10px;margin-bottom: 10px;">
                      <div class="col-md-12" style="font-size: 12px;">
                        <a href="{{route('updateautoSyncetsyqb',array('seller_id'=>$seller_id))}}" class="btn btn-warning btn-sm ad-click-event suspended">{{trans('admin/settings/accountdetail.disable_auto_sync')}}</a>
                       <!--  Auto sync is enabled for your account. Please contact us to stop auto sync. -->
                      </div>
                    </div>
                    @endif
                  @else
                    <div class="row">
                      <hr style="margin-top: 10px;margin-bottom: 10px;">
                      <div class="col-md-12" style="font-size: 13px;">
                           Once you have synced one batch of orders using the Manual Sync Button above and then verified the orders in your QuickBooks, a button to Enable Auto Sync will appear here.
                      </div>
                    </div>
                  @endif  
                  @endif                
                  @if($countTotal != '' && !empty($countTotal))
                    <div class="alert alert-success show" style="background-color: #008000c4 !important;box-shadow:none !important;padding:5px;margin-bottom: 0px;margin-top: 25px;">
                      <i class="fa fa-check faa-pulse" style="color: white;"></i>
                      <strong style="color: white;">{{trans('general.syncinfocountlabel')}} <span style="font-size: 20px; font-weight: bolder; ">{{ $countTotal }}</span>  </strong>
                    </div>
                  @endif
                </div>  
                
                  @if($chartArray != '' && !empty($chartArray))
                  <div class="col-md-6">
                    <h4 style="margin-left: 45px">Sync & Unsync Orders for last 3 Months</h4>
                    <div id="chtAnimatedBarChart" class="bcBar" style="width: 400px"></div>
                  </div>
                  @endif
                   
              </div>
            </div>
      </div><!-- /.box-body -->
    </div><!-- /.box -->
    </div>
</div>
</div>

<!--second div-->
 
       <h3 class="pull-left">{{trans('admin/settings/accountdetail.plan_details')}}</h1>
   
     <div class="row">
    <div class="col-md-12">
      <div class="box box-default">
        <div class="box-body">

            <div class="next-card">
                <div class="row">
                    <div class="col-md-4" style="border-right: 1px dashed #1c2260;">
                      <div class="mb-5 d-inline-block w-100">
                        <div class="col-md-5 text-right"><b>{{trans('admin/Sellers/general.seller')}} :</b></div>
                        <div class="col-md-7">{{ @$AccountDetail['seller_name']}}</div>
                      </div>
                      <div class="mb-5 d-inline-block w-100">
                         <div class="col-md-5 text-right"><b>Plan Name :</b></div>
                         <div class="col-md-7">{{ @$AccountDetail['plan_name']}}</div>
                      </div>
                    </div>
                    <div class="col-md-4" style="border-right: 1px dashed #1c2260;">
                      <div class="mb-5 d-inline-block w-100">
                        <div class="col-md-7 text-right"><b>Activation Date :</b></div>
                        <div class="col-md-5">{{ @$AccountDetail['plan_activated_on']}}</div>
                      </div>
                      <div class="mb-5 d-inline-block w-100">
                        <div class="col-md-7 text-right"><b>Billing Start Date :</b></div>
                        <div class="col-md-5">{{ ($AccountDetail['billing_start_date'] == '0000-00-00') ? 'N/A' : @$AccountDetail['billing_start_date']}}</div>
                      </div>
                    </div>
                    <div class="col-md-4">
                      <div class="mb-5 d-inline-block w-100">
                        <div class="col-md-7 text-right"><b>Plan Price :</b></div>
                        <div class="col-md-5">{{ @$AccountDetail['plan_price']}}</div>
                      </div>
                      <div class="mb-5 d-inline-block w-100">
                        <div class="col-md-7 text-right"><b>Billing Frequency :</b></div>
                        <div class="col-md-5">30 Days</div>
                      </div>
                    </div>
                    @if($checkseller->role != 'Manager')
                    <div class="col-md-4 text-center" style="margin-top:15px;"></div>
                    <div class="col-md-4 text-center mb-20" style="padding-top: 20px;">
                      <div class="col-md-6">
                        <a class="btn btn-success" href="{{route('plans',array('seller_id'=>$seller_id))}}">{{trans('admin/settings/accountdetail.change_plan')}}</a>
                      </div>
                      <div class="col-md-4">
                          <form action="{{ route('changestripecard') }}" id="changestripecard_form" method="POST">
                              <div class="col-md-12 user-info" style="text-align: center;">
                                {{ csrf_field() }}
                                <input type="hidden" name="seller_id" value="{{$seller_id}}"></input>
                                <!-- <button type="button" onclick="confirmCardChange('{{App\Helpers\Helper::encryptor('decrypt',$seller_id)}}')" class="btn btn-success"><span style="display: block; ">Change Card Details</span></button>  -->
                                <button type="button" onclick="openChangeCustomerAddressModel()" class="btn btn-success"><span>Change Card Details</span></button>
                                <div class="col-md-12 text-center navbar-btn d-none " style="display:none!important">
                                  <script
                                    src="https://checkout.stripe.com/checkout.js" id="stripe-script" class="stripe-button"
                                    data-button="Change Card Details"
                                    data-key="{{$stripkey}}"
                                    data-image="{{asset('assets/img/parexlogo-small.png')}}"
                                    data-locale="auto">
                                  </script>      
                                </div>     
                               </div>
                            </form>
                      </div>
                    </div>
                    @endif
                    <div class="col-md-4"></div>
                </div>
            </div>
          </div>
        </div>
      </div>
      </div>

      @if(!empty($usageChargeData))
      <div class="row">
        <div class="col-md-12 text-center">
          <div class="text-center">
            <div class="box box-default">
              <div class="box-body">                  
                  <div class="active-plan text-center"><h4>Usage Charges</h4></div>
                  <div class="next-card">
                    <div class="price-top text-center">
                      <h3 class="mt-0" style="display: inline-block;">{{ $usageChargeData['title'] }} </h3>
                      <h4>&nbsp;&nbsp;&nbsp; ${{$usageChargeData['price']}} </h4>
                    </div>

                    <div class="row text-center">
                      <div class="col-md-12">
                        <b>{{ $usageChargeData['description'] }}</b>
                      </div>
                      <div class="col-md-12" style="margin-top: 10px;">Please authorize this one
                        time charge. The charge will show up in your next stripe invoice.
                      </div>
                      <div class="col-md-12" style="margin-top: 10px;">
                        <form id="featureChargeFrm" name="featureChargeFrm" action="{{ route('applyfeatureusagecharge') }}" method="post">
                          <input type="hidden" name="_token" value="{{ csrf_token() }}">
                          <input type="hidden" name="UsageChargeId" value="{{ $usageChargeData['id'] }}" />
                          <input type="hidden" name="seller_id" value="{{ $seller_id }}" />
                          <div class="text-center">
                            <button type="button" id="pay-charge" class="btn btn-success">Pay Now</button>
                          </div>
                        </form>
                      </div>
                    </div>
                  </div>
               </div>
            </div>
          </div>
        </div>
      </div>
      @endif

</div>

@stop

@section('moar_scripts')
<link rel="stylesheet" href="{{asset('assets/chartBar/bar.chart.min.css')}}" />
<script src='https://d3js.org/d3.v4.min.js'></script>
<script src="{{asset('assets/chartBar/jquery.bar.chart.min.js')}}"></script>
@include ('partials.bootstrap-table', ['exportFile' => 'Sellers-export', 'search' => true])
<script type="text/javascript">
  
</script>
@stop