@extends('theme.default')
@section('content')

			<div class="col-md-12 grid-margin stretch-card">
            <div class="card">
              <div class="card-body">
             
				
             	 <form method="post" enctype="multipart/form-data" action="{{ route('products.store') }}">
          @csrf
									<div class="form-group">
										<label for="exampleInputUsername1">Title</label>
										<input type="text" class="form-control" name="title"  autocomplete="off" placeholder="Title">
									</div>
									
									<div class="form-group">
										<label for="exampleInputUsername1">Clientname</label>
										<input type="text" class="form-control" name="clientname"  autocomplete="off" placeholder="ClientName">
									</div>
									
									
										<div class="form-group">
										<label for="exampleInputUsername1">Product Code</label>
										<input type="text" class="form-control" name="pcode"  autocomplete="off" placeholder="Product Code">
									</div>
									
									
										<div class="form-group">
										<label for="exampleInputUsername1">Tax</label>
										<input type="text" class="form-control" name="tax"  autocomplete="off" placeholder="Tax">
									</div>	
									
									
									
									
										<div class="form-group">
										<label for="exampleInputUsername1">Price</label>
										<input type="text" class="form-control" name="price"  autocomplete="off" placeholder="Tax">
									</div>	
											<div class="form-group">
										<label for="exampleInputUsername1">Offer Percentage</label>
										<input type="text" class="form-control" name="offerpecentage"  autocomplete="off" placeholder="offerpecentage">
									</div>
									
									<div class="form-group">
										<label for="exampleInputUsername1">ShippingCharge</label>
										<input type="text" class="form-control" name="shippingcharge"  autocomplete="off" placeholder="shippingcharge">
									</div>
									
									<div class="form-group">    
							<label for="exampleInputUsername1">  File:</label>
								<input type="file" class="form-control" id="file" name="file" >
							</div>
									
								
										<div class="form-group">
										<label for="exampleInputUsername1">Category</label>
										<select class="js-example-basic-single w-100" name="category" data-width="100%">
										 @foreach($category as $category)
										<option value="{{ $category->id }}">{{ $category->name }}</option>
										 @endforeach 
									</select>
									</div>	
									
									
										<div class="form-group">
										<label for="exampleInputUsername1">Content</label>

										<textarea id="maxlength-textarea" name="content" class="form-control" maxlength="100" rows="8" placeholder="This textarea has a limit of 100 chars."></textarea>
																		
									</div>	
										

									
									
								
									<button type="submit" class="btn btn-primary mr-2">Submit</button>
									<a href="{{ url('products') }}" class="btn btn-light"> Cancel</a> 
					</form>
				
				
				
				
				
              </div>
            </div>
					</div>
				

@endsection
<script>
  new FroalaEditor('textarea#froala-editor')
</script>