@extends('layouts/default')

@section('commonbuttons')
@if(\Session::get('main_seller_id') != '')
<div style="padding-bottom: 30px; z-index: 999999; font-size: 16px; text-align:center;">
  @if($settingDataSetFlg == true)
  <a href="{{route('expseller/accountdetail', array('seller_id'=>$seller_id))}}" data-tooltip="tooltip" data-original-title="Account Detail" class="btn btn-primary ad-click-event commonButtons" style="margin-left:5px;">{{config('app.tabLables')['dashboard']}}</a>   
  @endif
  @if(isset(\Auth::user()->user_role) && \Auth::user()->user_role != 'Partner')
  <button type="button" class="btn btn-primary commonButtons" onclick="location.href='{{ route('getContactDetailList', array('seller_id'=>$seller_id)) }}'" style="margin-left:5px;">{{config('app.tabLables')['seller_contacts']}}</button>
  <button type="button" class="btn btn-primary commonButtons" onclick="location.href='{{ route('contact\contactus', array('seller_id'=>$seller_id)) }}'" style="margin-left:5px;">{{config('app.tabLables')['contact_us']}}</button>
  @endif
</div>
@endif
@stop
@section('amazon_title')
<div style="float: left;">
Export Sync Settings
</div>
@stop
@section('content')
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/paper-bootstrap-wizard.css')}}"/>
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/demo.css')}}"/>
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/themify-icons.css')}}"/>
<div class="setting_page">
  <div class="d-inline-block w-100"> 
    <div class="ui-layout">
    
      <div class="row">
        <div class="col-md-12">
          <div class="box box-default">
              <div class="box-body">
                    <div class="wizard-container" id="settingSection"> 
                      <div class="card wizard-card" data-color="blue" id="wizard">
                        <form id="create-form" class="" method="post" action="" autocomplete="off" role="form" enctype="multipart/form-data">
                          {{ csrf_field() }}
                          <div class="wizard-navigation">
                            <div class="progress-with-circle" style="display: none;">
                              <div class="progress-bar" role="progressbar" aria-valuenow="1" aria-valuemin="1" aria-valuemax="4" ></div>
                            </div>
                            <ul class="nav nav-pills">
                              <li  class="active">
                                <a href="#ORSET" data-toggle="tab" aria-expanded="true">
                                  <div class="icon-circle checked">
                                    <i class="fa fa-user" aria-hidden="true"></i>
                                  </div>
                                  Basic Settings
                                </a>
                              </li>
                            </ul>
                          </div>
                          <div class="tab-content">
                            <div class="tab-pane active" id="ORSET">
                              <div class="row">
                                <div class="form-group {{ $errors->has('autoSyncStartDate') ? ' has-error' : '' }}">
                                  <div class="next-label">What date do you want your data get fetched?</div>
                                  <div class="row">
                                    <div class="col-md-5">  
                                      <input type="text" class="datepicker form-control" style="margin-top:0px;" placeholder="Auto Sync Start Date" data-date-format="yyyy-mm-dd" data-date-start-date="{{date('Y-m-01',strtotime('-2 Months'))}}" name="autoSyncStartDate" id="autoSyncStartDate" value="{{ Input::old('autoSyncStartDate', @$settingData['sync_start_date']) }}" >
                                      <!--order exist OrderExistsCheck order count is > 0 then ediable is false-->
                                      @if($editable == "false")
                                      <input type="hidden" name="autoSyncStartDate" id="autoSyncStartDate" value="{{ Input::old('autoSyncStartDate', @$settingData['sync_start_date']) }}" />
                                      @endif
                                      {!! $errors->first('autoSyncStartDate', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                                      <p class="msgText">If you prefer to sync orders before <b>"{{date('01 F Y',strtotime('-2 Months'))}}"</b>, please contact our support team from the Contact us page.</p>
                                    </div>
                                    <div class="col-md-9 text-red" style="font-size: 13px;">Note: Our app may not be able to recognize duplicates if you had entered them manually or with another app in the past. In that case there might be possible duplicate entries created. Please select the start date accordingly.</div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="wizard-footer">
                            <div class="pull-right">
                              <button type="button" class="btn btn-finish btn-success btn-wd" onclick="storeSettings();"><i class="fa fa-check icon-white" id="patientSubmit" style="display: none;"></i> Save</button>
                            </div>
                            <div class="clearfix"></div>
                          </div>
                        </form>
                      </div>
                    </div>
              </div>
              <!-- box-body -->
            </div>
            <!-- box box-default -->
          </div>
          <!-- col-md-12 -->
        </div>
        <!-- row  -->
    </div>
  </div>
</div>

@stop
@section('moar_scripts')
<script src="{{asset('assets/js/jquery.bootstrap.wizard.js')}}"></script>
<script src="{{ asset('assets/js/bootbox.min.js') }}"></script>
<script type="text/javascript">
  searchVisible = 0;
  transparent = true;
  var $validator;
  var y = 1;
    $(document).ready(function() 
    {
            $validator = $("#create-form").validate({ 
                rules: {
                  autoSyncStartDate: {
                    required: true,
                  }
                }
              });
    });


    function storeSettings()
    {
      if($('#create-form').valid())
      { 
        startLoading();
          $.ajaxSetup({
            headers: {
                 'X-CSRF-TOKEN': '{{ csrf_token() }}'
            }
        });

        $.ajax({
                type: 'POST',
                url: "{{route('storeExpSummarySettings',array('seller_id' => $seller_id ))}}", 
                data:$('#create-form').serialize(),
                success:function( data , code ) 
                { 
                  stopLoading();
                  var data = JSON.parse(data);
                  if(data.success == true)
                  {                    
                    window.location.href = data.url;
                    
                  }
                  if(data.errors){
                    var errors = data.errors;
                    var errorHtml = '';
                    $.each(errors, function( index, value ) {
                      console.log( index + ": " + value );
                      errorHtml += "<br/>"+value;
                    });
                    $('.ui-layout').prepend('<div class="col-md-12"><div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-exclamation-circle faa-pulse animated"></i><strong>Error: </strong>'+errorHtml+'</div></div>'); 
                  }
                },
                error : function(reject)
                {
                  stopLoading();
                  if(reject.status == 422)
                  {
                    var errorHtml = '<div class="col-md-12"><div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-exclamation-circle faa-pulse animated"></i><strong>Error: </strong>Required field error.</div></div>';
                    $('.ui-layout').prepend(errorHtml);
                   
                  }
                  else if(reject.status == 401)
                  {
                    var errorHtml = '<div class="col-md-12"><div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-exclamation-circle faa-pulse animated"></i><strong>Error: </strong>'+reject.responseJSON.errors+'</div></div>';
                    $('.ui-layout').prepend(errorHtml);
                  }
                  else
                  {
                    var errorHtml = '<div class="col-md-12"><div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-exclamation-circle faa-pulse animated"></i><strong>Error: </strong>Something wrong please try again</div></div>';
                    $('.ui-layout').prepend(errorHtml);
                  }
                  window.scrollTo(0,0);
                }
        });
      }
    }

</script>
<script src="{{asset('assets/js/paper-bootstrap-wizard.js')}}"></script>
@stop