@extends('layouts/default')

{{-- Page title --}}
@section('brdcrum')
@stop

@section('title')
   @if ($item->id)       
       {{ trans('admin/Sellers/general.update') }}
    @else                      
        {{ trans('admin/Sellers/general.create') }}
    @endif
@parent
@stop

@section('header_right')


<style type="text/css">
  .validate-button{
    width: 25%;margin: 1%;height: 45px;
    border-color:coral;
    background: -webkit-linear-gradient(left, #fe8464 0%, #fe6e9a 50%, #fe8464 100%);
    background: -o-linear-gradient(left, #fe8464 0%, #fe6e9a 50%, #fe8464 100%);
    background: linear-gradient(to right, #fe8464 0%, #fe6e9a 50%, #fe8464 100%);      
    background-size: 200%;
    border-radius: 3px;
    color: white !important;
    border: 1px solid transparent;
  }
  .alert-success {
    color: #212b36 !important;
    background-color: #e0f5f5 !important;
    border: none;
    box-shadow: inset 0 3px 0 0 #47c1bf, inset 0 0 0 0 transparent, 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
}
.alert a {
    color: #212b36;
    
    
}
.js-copy{
  padding: 0px 0px;
}
.alert .icon {
     margin-right: 6px; 
     margin-left: 6px; 
}
</style>
<a href="{{ route('sellers') }}" class="btn btn-primary pull-right" >
    {{ trans('general.back') }}</a>

@stop
{{-- Page content --}}

@section('content')


<div class="col-md-12">
    <div class="alert alert-success alert-dismissible show ">
    <button type="button" class="close" onclick="removeWelcomeMessage();">x</button>
    <h4 style="margin-top: 0px;"> Welcome to Parex Technologies</h4>
      <p>Thank you for signing up for our app QuickBooks Bridge. Very soon you will start auto syncing of your Amazon data with your QuickBooks account. To setup the app properly, you need to authorize our app from your Amazon account using the steps below.</p>
      <p>1. Login to your Amazon Seller Account</p>
      <p>2. Go to our app URL in Amazon apps page by <a class="" href="https://sellercentral.amazon.com/apps/store/dp/amzn1.sellerapps.app.68d2b474-3b2a-4619-92ac-2df479ac594a" target="_blank">clicking here</a> OR Copy Link <button type="button" class="btn btn-default btn-copy js-tooltip js-copy" data-toggle="tooltip" data-placement="bottom" data-copy="https://sellercentral.amazon.com/apps/store/dp/amzn1.sellerapps.app.68d2b474-3b2a-4619-92ac-2df479ac594a" title="Copy to clipboard">
        <svg class="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M17,9H7V7H17M17,13H7V11H17M14,17H7V15H14M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg>
        </button></p>
      <p>3. Click on Authorize Now button from our app page as highlighed here. <a href="javascript:void(0)" onclick="openInfoImageModel('authorize_now')">Click Here.</a></p>
      <p>4. Complete the Amazon authorization process by following the steps in Amazon</p>
      <p>5. Copy the Seller ID & MWS Auth Token from the last page of the authorization and paste in the fields below. <a href="javascript:void(0)" onclick="openInfoImageModel('seller_info')">Click Here.</a></p>

      <!-- <ul>
        <li>Login into your seller accounts.</li>
      <li> 
        Go to this think : <br>
        <a class="" href="https://sellercentral.amazon.com/apps/store/dp/amzn1.sellerapps.app.68d2b474-3b2a-4619-92ac-2df479ac594a" target="_blank">Go to Amzon</a>
         /
        Copy Link
        <button type="button" class="btn btn-default btn-copy js-tooltip js-copy" data-toggle="tooltip" data-placement="bottom" data-copy="https://sellercentral.amazon.com/apps/store/dp/amzn1.sellerapps.app.68d2b474-3b2a-4619-92ac-2df479ac594a" title="Copy to clipboard">
        <svg class="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M17,9H7V7H17M17,13H7V11H17M14,17H7V15H14M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg>
        </button>
      </li>
      <li>
        Click on the Authorize button
      </li>
      <li>
        after follows the stops you will get the info.
      </li>
      </ul> -->
      </div>
</div>

<div class="row">
  @if ( count( $errors ) > 0 )
   @foreach ($errors->all() as $error)
      <div class="col-md-8 col-md-offset-2">
    <div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button>{{ $error }}</div></div>
  @endforeach
@endif
    <div class="col-md-10 col-md-offset-1">
        <div class="box box-default">
            <div class="box-body">
                
                <form id="create-form" class="form-horizontal create-form" method="post" action="{{ \Request::url() }}" autocomplete="off" role="form" enctype="multipart/form-data">
<!-- Name --><!-- CSRF Token -->
                    {{ csrf_field() }}                 
                  <fieldset>
                  <div class="form-group {{ $errors->has('seller_name') ? ' has-error' : '' }}">
                      <label for="seller_name" class="col-md-3 control-label">{{ trans('admin/Sellers/general.seller_name') }}</label>
                      <div class="col-md-7 col-sm-12{{  (\App\Helpers\Helper::checkIfRequired($item, 'seller_name')) ? ' required' : '' }}">
                          <input class="form-control" type="text"  name="seller_name" id="seller_name" value="{{ Input::old('seller_name', $item->seller_name) }}" oninput=""/>
                          {!! $errors->first('seller_name', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                      </div>
                      <div class="col-md-7 col-sm-11 col-md-offset-3">
                          <p class="help-block">{{ @$Assettext }}</p>
                      </div>
                  </div>
                  <div class="form-group {{ $errors->has('stripe_token') ? ' has-error' : '' }}">
                      <label for="stripe_token" class="col-md-3 control-label">{{ trans('admin/Sellers/general.stripe_token') }}</label>
                      <div class="col-md-7 col-sm-12{{  (\App\Helpers\Helper::checkIfRequired($item, 'stripe_token')) ? ' required' : '' }}">
                          <input class="form-control" type="text" {{($item->id)?'readonly':''}} name="stripe_token" id="stripe_token" value="{{ Input::old('stripe_token', $item->stripe_token) }}" oninput=""/>
                          {!! $errors->first('stripe_token', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                      </div>
                      <div class="col-md-7 col-sm-11 col-md-offset-3">
                          <p class="help-block">{{ @$Assettext }}</p>
                      </div>
                  </div>                  
                  
                    <div class="form-group">
                      <div class="col-md-7 col-sm-12" style="left: 40%;">
                         <button type="submit" class="validate-button">Add Seller</button>
                      </div>
                    </div>
                  
                  </fieldset>

</form>

@section('moar_scripts')
<script type="text/javascript">

 
$(".create-form").validate(
{  
    errorElement: 'div',
    rules:{
        'seller_name':{
            required: true,                        
        },
        'stripe_token':{
            required: true,       
        },
    },
    messages:{
       'seller_name':{
            required: "The Seller Name field is required.", 
        },
        'stripe_token':{
            required:"The Stripe Token field is required.",
        }, 
    }
});
   

function copyToClipboard(text, el) {
  var copyTest = document.queryCommandSupported('copy');
  var elOriginalText = el.attr('data-original-title');

  if (copyTest === true) {
    var copyTextArea = document.createElement("textarea");
    copyTextArea.value = text;
    document.body.appendChild(copyTextArea);
    copyTextArea.select();
    try {
      var successful = document.execCommand('copy');
      var msg = successful ? 'Copied!' : 'Whoops, not copied!';
      el.attr('data-original-title', msg).tooltip('show');
    } catch (err) {
      console.log('Oops, unable to copy');
    }
    document.body.removeChild(copyTextArea);
    el.attr('data-original-title', elOriginalText);
  } else {
    // Fallback if browser doesn't support .execCommand('copy')
    window.prompt("Copy to clipboard: Ctrl+C or Command+C, Enter", text);
  }
}
$(document).ready(function() {
  // Initialize
  // ---------------------------------------------------------------------

  // Tooltips
  // Requires Bootstrap 3 for functionality
  $('.js-tooltip').tooltip();

  // Copy to clipboard
  // Grab any text in the attribute 'data-copy' and pass it to the 
  // copy function
  $('.js-copy').click(function() {
    var text = $(this).attr('data-copy');
    var el = $(this);
    copyToClipboard(text, el);
  });
});

function removeWelcomeMessage(){
  //$.cookie('welcomeMessage', 'true', {expires: 365},'/');
  $('.alert-success').parent().remove();
}

function openInfoImageModel(para){
  if(para == 'authorize_now'){
    var newSrc = "{{asset('assets/img/authorize_now_info.png')}}";
  }else{
    var newSrc = "{{asset('assets/img/seller_info.png')}}";
  }
  $('#info_img').attr('src', newSrc);
  $('#modal-info-image').modal('show');
}
</script>
@stop
@stop