@extends('layouts.app')

@section('content')
 <!-- ============================================================== -->
		<!-- 						Content Start	 						-->
		<!-- ============================================================== -->
		
            <div class="row page-header"><div class="col-lg-6 align-self-center ">
			  <h2>Edit Categories</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">Edit Category</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

			@if(session('success'))
				<div class="alert bg-success alert-dismissible " role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button> <strong>Success!</strong> Category successfully updated. </div>
			@endif
			
            <div class="row">
                <div class="col">
                    <div class="card">
                        <div class="card-header card-default">
							Edit Category
							<p class="text-muted">Editing category: {{ $category->name }}</p>
                        </div>
                        <div class="card-body">
							
                            <form method="post" action="{{ url('/products/categories/'.$category->id.'/update') }}" 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', $category->name) }}" required="required" class="form-control form-control-rounded">
									</div>

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

									<button type="submit" class="btn btn-success btn-icon"><i class="fa fa-floppy-o "></i>Create</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