@extends('layouts.app')

@section('content')
 <!-- ============================================================== -->
		<!-- 						Content Start	 						-->
		<!-- ============================================================== -->
		
            <div class="row page-header"><div class="col-lg-6 align-self-center ">
			  <h2>Add Product</h2>
				<ol class="breadcrumb">
					<li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
					<li class="breadcrumb-item"><a href="{{ url('/products') }}">Products</a></li>
					<li class="breadcrumb-item"><a href="{{ url('/products/categories') }}">Categories</a></li>
					<li class="breadcrumb-item active">Add</li>
				</ol></div></div>
           
        <section class="main-content">
        
        @if ($errors->any())
            @foreach ($errors->all() as $error)
            	<div class="alert bg-danger alert-dismissible " role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button> <strong>Error!</strong> {{ $error }} </div>
            	
            @endforeach
		@endif
        


            <div class="row">
                <div class="col">
                    <div class="card">
                        <div class="card-header card-default">
							Add Category
							<p class="text-muted">Add new product category</p>
                        </div>
                        <div class="card-body">
							
                            <form method="post" action="{{ url('/products/categories/store') }}" class="form-horizontal">
                            	{!! csrf_field() !!}
							
									<div class="form-group">
										<label>Category Name</label>
										<input name="category" type="text" placeholder="New product name" value="{{ old('category') }}" required="required" class="form-control form-control-rounded">
									</div>


                                    <div class="form-group">
                                        <label>Description</label>
                                        <textarea id="summernote" name="description">{{ old('description') }}</textarea>
                                    </div>


                          
									<button type="submit" class="btn btn-success btn-icon"><i class="fa fa-floppy-o "></i>Create</button>
									<button type="reset" class="btn btn-danger btn-icon"><i class="fa fa-times"></i>Cancel</button>
									<a href="{{ URL::previous() }}" class="btn btn-warning btn-icon"><i class="fa fa-reply"></i>Back</a>		
														
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            

            <footer class="footer">
                <span>Copyright &copy; 2019 KosmicFarms Limited</span>
            </footer>


        </section>
        <!-- ============================================================== -->
		<!-- 						Content Start	 						-->
		<!-- ============================================================== -->
@endsection
@section('jscript')
        
        <!-- Summernote -->
        <script src="{{ asset('admin/assets/lib/summernote/summernote.js') }}"></script>
        <script type="text/javascript">
			$(document).ready(function() {
				$('#summernote').summernote({
				  height:'300px',
				  toolbar: [
					['style', ['bold', 'italic', 'underline', 'clear']],
					['font', ['strikethrough', 'superscript', 'subscript']],
					['fontsize', ['fontsize']],
					['color', ['color']],
					['para', ['ul', 'ol', 'paragraph']]

				  ]
				});
				$('button[data-event="showImageDialog"]').attr('data-toggle', 'image').removeAttr('data-event'); 
			});
		  </script>
        
        
@endsection