<!-- main content -->
<div id="content">
	<div id="sortable-panel" class="">
		<div id="titr-content" class="col-md-12">      							
			<div class="col-sm-12">
         		<div class="panel panel-default">
					<div class="panel-body">
						<form class="form-horizontal" ng-submit="create(amzconfig)">
							<fieldset ng-disabled="isDisabled">
                				<div class="form-group">
									<label class="col-sm-3 control-label">
										Merchant ID / Seller ID*
									</label>
									<div class="col-sm-7">
										<input type = "text" required placeholder = "" class = "form-control" ng-model = "amzconfig.merchant_id" />
									</div>
								</div>
								<div class="form-group" ng-show="amzconfig.id && amzconfig.access_key_id != ''">
									<label class="col-sm-3 control-label">
										{{"amzconfig.form.accessKeyID" | translate }}*
									</label>
									<div class="col-sm-7">
										<input type = "text" placeholder = "" class = "form-control" ng-model = "amzconfig.access_key_id" />
									</div>
								</div>
								<div class="form-group" ng-show="amzconfig.id && amzconfig.access_key_id != ''">
									<label class="col-sm-3 control-label">
										{{"amzconfig.form.secretAccessKey" | translate }}*
									</label>
									<div class="col-sm-7">
										<input type = "text" placeholder = "" class = "form-control" ng-model = "amzconfig.secret_access_key" />
									</div>
								</div>
								<div class="form-group" ng-hide="amzconfig.id && amzconfig.access_key_id != ''">
									<label class="col-sm-3 control-label">
										MWS Auth Token*
									</label>
									<div class="col-sm-7">
										<input type = "text" required placeholder = "" class = "form-control" ng-model = "amzconfig.mws_token" />
									</div>
								</div>
								<div class="form-group">
									<label class="control-label col-sm-3">
										{{"amzconfig.form.marketPlace" | translate }}
									</label>
									<div class="col-sm-7">
										<select ng-model="amzconfig.marketplace_id" ng-options = 'marketplace.key as marketplace.value for marketplace in marketplaceList' class = "form-control"></select>
									</div>
								</div>                            
								<div class="form-group">
									<div class="col-sm-10">	
										<button class = "btn btn-success pull-right" ng-show="!amzconfig.id" ng-class = "{'working':isDisabled===true}"><i class="fa fa-save"></i>  {{"app.shared.common.save" | translate }}</button>
										<p ng-show="amzconfig.id" style="text-align:center;"><strong>Please contact support if you want to update MWS keys.</strong></p>
									</div>
								</div>
							</fieldset>
						</form>
						<div class="col-md-12" ng-show="amzconfig.id">
							<button class = "btn btn-success" ng-show="amzconfig.id" ng-click="fetch()"><i class="fa fa-amazon"></i> Initiate Amazon Fetch</button><br /><p><strong>Last fetched:</strong> {{ amzconfig.lastdatafetched }}</p>
						</div>
						<div class="col-md-12" ng-hide="amzconfig.id">	
							<p style="padding:10px 0px 10px 10px;color:maroon;"><strong><a href="https://infoshoreapps.freshdesk.com/support/solutions/articles/36000037522-xpert-importer-how-to-generate-mws-keys" target="_blank"><u>CLICK HERE</u></a> for the step by step instructions to know how to get your <u>Seller ID</u> and <u>MWS Auth Token</u>.</strong></p>							
							<p><strong>Our Amazon Developer Information:</strong></p>							
						</div>
						<div class="row">
							<div class="col-md-6" ng-hide="amzconfig.id">				
								<p><strong>For amazon.com, amazon.ca and amazon.com.mx:</strong></p>
								<p><strong>Developer Name:</strong> infoshore</p>
								<p><strong>Developer Number:</strong> 7519-1546-3728</p>
							</div>
							<div class="col-md-6" ng-hide="amzconfig.id">				
								<p><strong>For amazon.co.uk, amazon.in, amazon.de, amazon.fr, amazon.it and amazon.es</strong></p>
								<p><strong>Developer Name:</strong> infoshore</p>
								<p><strong>Developer Number:</strong> 7336-8239-2608</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>		
	</div>
</div>