@extends('layouts.app')

@section('content')

	<div class="wrapper ">
	    <!-- sidebar content -->
	    <div id="sidebar" class="sidebar">
	        @include('layouts.includes.sidebar')
	    </div>

	    <!-- main content -->
	    <div class="main-panel">
			@include('layouts.includes.header')

		    <div class="content">
				<div class="business-details-tabs">
					<div class="row">
			            <div class="col-12">
			                <div class="page-title">
			                	<a onclick="window.history.go(-1)" href="javascript:void(0);" class="align-text-bottom btn btnBack btn-primary btn-xs m-0"><i class="fa fa-arrow-left"> </i></a>
			                  <h1 class="d-md-inline-block">Add New Channel</h1>
			                </div>
			            </div>
		            </div>
		            <div class="row">
        				<div class="col-md-12">
        					<div class="tab-content settings-tab-content" id="v-pills-tabContent">
                				<div class="tab-pane fade active in" id="v-pills-general" role="tabpanel" aria-labelledby="v-pills-general-tab">
			                        <div class="row">
			                        	<div class="card-body">
				                        	<div class="col-md-3">
				                        		<div class="store-image">
				                        			<img src="../../uploads/store_interagtion/store_logos/Shopify_logo.png" alt="store_image" class="thumbnail">
				                        		</div>
				                        		<div>
				                        			<h1>Shopify Cart</h1>
				                        		</div>
				                        		<div class="add-description">
				                        			<p>Use the following instructions to integrate Shopify:</p>
				                        			<ol>
										               <li>Login to Shopify Admin Panel.</li>
										               <li>Go to Apps.</li>
										               <li>Click on Private Apps Button.</li>
										               <li>Click on Create a Private App.</li>
										               <li>Enter Title name under the Description tab and click on Save.</li>
										               <li>Click on Title, as you entered earlier.</li>
										               <li>Here you will find Shopify API Key, password, Shared Secret.</li>
										               <li>Copy the identifiers and integrate the channel.</li>
										            </ol>
				                        		</div>
				                        	</div>
				                        	<div class="col-md-9">
				                        		<div class="row">
				                        			<div class="col-md-12">
				                        				<div class="page-title">
				                        					<h1>General Information</h1>
				                        					<p>Follow these instructions on how to add Channel</p>
				                        				</div>
				                        			</div>
				                        			{!! Form::open(array('url' => 'store/shopifyCreate','files'=>true )) !!}
				                        				{!! Form::hidden('type', 'sp') !!}

													      
				                        			<div class="col-md-4">
				                        				
				                        					{!! Form::label('channel-name', 'Channel Name') !!}
				                        			</div>
				                        			<div class="col-md-8">
												        <div class="form-group  {{ $errors->has('channel-name') ? ' has-error' : '' }}">
												          {!! Form::text('channel-name', null, ['class' => 'form-control rounded']) !!}
												           @if ($errors->has('channel-name'))
                                								<span class="help-block m-0">
                                    								<strong> {{ $errors->first('channel-name') }}</strong>
                                								</span>
                              								@endif
												        </div>
				                        			</div>
				                        			
				                        			<div class="col-md-12">
				                        				<div class="page-title">
				                        					<h1>Seller Panel </h1>
				                        				</div>
				                        			</div>
				                        			<div class="col-md-4">
				                        				{!! Form::label('store-url', 'Store Url') !!}
				                        			</div>
				                        			<div class="col-md-8">
												        <div class="form-group {{ $errors->has('store-url') ? ' has-error' : '' }}">
												          {!! Form::text('store-url', null, ['class' => 'form-control rounded', 'placeholder'=>'e.g. http://demo02.myshopify.com']) !!}
												           @if ($errors->has('store-url'))
                                								<span class="help-block m-0">
                                    								<strong> {{ $errors->first('store-url') }}</strong>
                                								</span>
                              								@endif
												        </div>
				                        			</div>
				                        			<div class="col-md-4">
				                        				{!! Form::label('api-key', 'API Key') !!}
				                        			</div>
				                        			<div class="col-md-8">
												        <div class="form-group {{ $errors->has('api-key') ? ' has-error' : '' }}">
												          {!! Form::text('api-key', null, ['class' => 'form-control rounded',  'placeholder'=>'e.g. XXXXXXXXXXXXX']) !!}
												           @if ($errors->has('api-key'))
                                								<span class="help-block m-0">
                                    								<strong> {{ $errors->first('api-key') }}</strong>
                                								</span>
                              								@endif
												        </div>
				                        			</div>
				                        			<div class="col-md-4">
				                        				{!! Form::label('api-password', 'API Password') !!}
				                        			</div>
				                        			<div class="col-md-8">
												        <div class="form-group {{ $errors->has('api-password') ? ' has-error' : '' }}">
												          {!! Form::text('api-password', null, ['class' => 'form-control rounded',  'placeholder'=>'e.g. XXXXXXXXXXXXX']) !!}
												            @if ($errors->has('api-password'))
                                								<span class="help-block m-0">
                                    								<strong> {{ $errors->first('api-password') }}</strong>
                                								</span>
                              								@endif
												        </div>
				                        			</div>
				                        			<div class="col-md-4">
				                        				{!! Form::label('shared-secret', 'Shared secret') !!}
				                        			</div>
				                        			<div class="col-md-8">
												        <div class="form-group {{ $errors->has('shared-secret') ? ' has-error' : '' }}">
												          {!! Form::text('shared-secret', null, ['class' => 'form-control rounded',  'placeholder'=>'e.g. XXXXXXXXXXXXX']) !!}
												           @if ($errors->has('shared-secret'))
                                								<span class="help-block m-0">
                                    								<strong> {{ $errors->first('shared-secret') }}</strong>
                                								</span>
                              								@endif
												        </div>
				                        			</div>
				                        			<!-- Vikram Code start -->
				                        			<div class="col-md-4">
				                        				{!! Form::label('status-to-fetch', 'Order Status to fetch') !!}
				                        			</div>
				                        			<div class="col-md-8">
												        <div class="form-group {{ $errors->has('order-status') ? ' has-error' : '' }}">
												          {!! Form::text('status-to-fetch', null, ['class' => 'form-control rounded',  'placeholder'=>'e.g. shipped, partial, unshipped, any']) !!}
												           @if ($errors->has('status-to-fetch'))
                                								<span class="help-block m-0">
                                    								<strong> {{ $errors->first('status-to-fetch') }}</strong>
                                								</span>
                              								@endif
												        </div>
				                        			</div>

				                        			<!-- Vikram Code end -->
				                        			<div class="col-md-4">
														{!! Form::label('auto_sync', 'Auto Sync') !!} 
													</div>
				                        			<div class="col-md-8 fom">
														
															<label class="switch swtch">
																	  <input type="checkbox"  name="auto_sync"  >
																	  <span class="slider round"></span>
																	</label>
														</div>
													<div class="col-md-4">
														{!! Form::label('inventory_management:', 'Inventory management:') !!}
													</div>
													<div class="col-md-8 fom">
																
																<label class="switch swtch">
																	  <input type="checkbox" name="inventory_management"  >
																	  <span class="slider round"></span>
																	</label>
														</div>
													<div class="col-md-4">
														{!! Form::label('product_sync', 'Product sync') !!}
													</div>
													<div class="col-md-8 fom">
																
																<label class="switch swtch">
																	  <input type="checkbox" name="product_sync">
																	  <span class="slider round"></span>
																	</label>
														</div>
														<!-- <div class="col-md-4">
															{!! Form::label('Label_Settings', 'Label Settings') !!}
														</div>
														<div class="col-md-8 fom">
																	<div class="form-group {{ $errors->has('label') ? ' has-error' : '' }}" >
																			<select class="form-control" name="label" id="role">
																					<option value="">---Select Label Settings---</option>
																					@foreach($Label_Settings as $val)
																					<option value="{{$val->id}}" >{{$val->name}}</option>
																					@endforeach
																					
																			</select>
																			@if ($errors->has('label'))
																				<span class="help-block m-0">
																						<strong> {{ $errors->first('label') }}</strong>
																				</span>
																			@endif
																	</div>
																	
															</div>-->
															<div class="col-md-4">
																{!! Form::label('Label', 'Label Setting') !!}
															</div>
															<div class="col-md-8">
															<div class="col-sm-6">
																<div class="form-group text-center">
																	<input id="label_old_format" type="radio" value="0" name="label" class="custom_checkbox_input shopify_labl" > 
																	<label for="label_old_format"> Old Format
										                                <img src="https://dev.marketingmindz.com/laravel/shipjunction_updated/public/../storage/images/label_2.png" alt="6.25x4.5 Label" class="d-block mt-4"></label>
										                            </div>
										                        </div>
										                                <div class="col-sm-6">
										                                	<div class="form-group text-center"><input id="label_new_format" type="radio" value="1" name="label" class="custom_checkbox_input shopify_labl" checked>  <label for="label_new_format"> New Format
                                									<img src="https://dev.marketingmindz.com/laravel/shipjunction_updated/public/../storage/images/label_1.png" alt="6x4 Label" class="d-block mt-4"></label></div>
										                    </div>
										                </div>

 -->
														
														<div class="col-md-4">
																{!! Form::label('logo', 'Store Logo') !!}
															</div>
														<div class="col-md-8">
															<div class="organization_logo_upload mt-4">
																<div class="organization_logo_edit">
																		<input type='file' id="imageUpload" name="logo" accept=".png, .jpg, .jpeg" />
																		<label for="imageUpload"></label>
																		
																</div>
															 
																<div class="organization_logo_preview">
																		<label for="remove_logo" class="remove_organization_logo">
																			<input type="button" id="remove_logo" class="d-none" />
																		</label>
																		<div id="imagePreview" style="background-image: url('http://www.inimco.com/wp-content/themes/consultix/images/no-image-found-360x260.png')">                
																		</div>
																</div>
														</div>
													</div>
				                        			<div class="col-md-12 text-right">
				                        				<!-- Trigger the modal with a hyper link -->
														
		                    							<button type="submit" class="btn btn-success btn-round btn-business"><i class="fa fa-floppy-o" aria-hidden="true"></i></i> &nbsp; Save channel & Test Connection</button>
				                        			</div>
				                        			{{ Form::close() }}
				                        		</div>
				                        	</div>
							            </div>
			                        </div>
                				</div>
                			</div>	
        				</div>
		            </div>
			    </div>
			</div>
			<footer>
		    	@include('layouts.includes.footer')
		    </footer>
		</div>    
	</div>

@endsection