@extends('layouts/default')

@section('title')
{{ @$AccountDetail['seller_name']}} | Order Details Page
@stop
@section('content')



        <!-- Main content -->
<div class="ui-layout">
       @include('notifications')
     
        <h3 class="pull-left">Account Detailszxdcfghfgfbgffggf</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 d-block">
                <div class="col-md-6">
                  <div class="row">
                    <div class="col-md-12 col-xs-12">
                      <a href="#" class="btn btn-info pull-left" 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.');">Manual Sync</a>
                    </div>
                    <div class="col-md-12 col-xs-12" style="color: #ff0505;font-size: 12px;"><br>
                        The manual sync will only process 50 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>
                   @if($sync_settings)
                    @if($sync_settings['autosync_enable'] == "N" || $sync_settings['autosync_enable'] == "MAN")
                    <div class="row">
                      <hr style="margin-top: 10px;margin-bottom: 10px;">
                      <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. Else, we will monitor and enabled auto sync after 3 to 5 days.
                      </div><br><br>
                      <div class="col-md-12" >
                       <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;">
                        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
                   
              </div>
            </div>
      </div><!-- /.box-body -->
    </div><!-- /.box -->
    </div>
</div>
</div>

<!--second div-->
 
       <h3 class="pull-left">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>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']}}</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>
                    <div class="col-md-12 text-center mb-20" style="padding-top: 20px;">
                      <a class="btn btn-success" href="{{route('plans',array('seller_id'=>$seller_id))}}">Change Plan</a>
                    </div>
                </div>
            </div>
          </div>
        </div>
      </div>
      </div>



</div>

@stop

@section('moar_scripts')
@include ('partials.bootstrap-table', ['exportFile' => 'Sellers-export', 'search' => true])
<script type="text/javascript">
  
</script>
@stop