@extends('layouts.master')
@section('content')
<div class="container text-center">    
  <div class="row">
    <div class="col-sm-11">
    	<h1><small>Create Category</small></h1>
    </div>
  </div>
</div>
@if( $errors->count() > 0 )
      <ul>
        @foreach( $errors->all() as $message )
<!--             @component('alert')
 -->              <li class="error ">{{ $message }}</li>
<!--             @endcomponent
 -->        @endforeach
      </ul>
    
@endif

<div class=" col-md-offset-11 paddingBottom10" class="col-sm-7">
    <a class="btn btn-primary" href="{{ $url = route('category.index')}}"><i class="fa fa-arrow-left" aria-hidden="true"></i>Back</a> 
</div>
{{ Form::Open( [ 'route'=>'category.store', 'method'=>'post','enctype'=>'multipart/form-data'])}}
  <div class="container">    
    
          <div class = "row">
              <div  class="col-sm-8">
                <div  class= 'form-group'>
                    {{ Form::label('name','*Name ')}} 
                    {{ Form::Text('name',null,['class'=>'form-control','required' => 'required'])}}
                </div>
              </div>
          </div>

          <div class = "row">
              <div  class="col-sm-8">
                <div  class= 'form-group'>
                    {{ Form::label('slug','*Slug ')}} 
                    {{ Form::Text('slug',null,['class'=>'form-control','required' => 'required'])}}
                </div>
              </div>
          </div>
    
          <div class = "row">
              <div  class="col-sm-4">
                  <div  class= 'form-group'>
                      {{ Form::label('image',' *Feature Image ')}} 
                    <input type="file" name="image" onchange="readURL(this);" accept=".png, .jpg, .jpeg" class="form-control">
                  </div>
              </div>
              <div  class="col-sm-4">
                <div  class= 'form-group'>
                  <img id="blah" style="margin-top: 15px;" src="{{{asset('images/no-image-tut.png')}}}" class="" width="50" height="50"/>
                </div>
              </div>        
          </div>
          <div class = "row">
              <div  class="col-sm-8">
                <div  class= 'form-group'>
                    {{ Form::label('description',' *Long Description ')}} 
                    {!! Form::textarea('description', null, ['class' => 'form-control', 'placeholder' => 'Description','id'=> 'editor1','required' => 'required']) !!}
          </div>
              </div>        
          </div>

          <div class = "row">
              <div  class="col-sm-8">
                <div  class= 'form-group'>
                    {{ Form::label('short_description',' *Short Description ')}} 
                    {!! Form::textarea('short_description', null, ['class' => 'form-control', 'placeholder' => 'Short description','id'=> 'editor5','required' => 'required']) !!}
          </div>
              </div>        
          </div>

          <div class = "row">
              <div  class="col-sm-8">
                <div  class= 'form-group'>
                    {{ Form::label('meta_title','Meta Title ')}} 
                    {{ Form::Text('meta_title',null,['class'=>'form-control'])}}
                </div>
              </div>
          </div>
          <div class = "row">
              <div  class="col-sm-8">
                <div  class= 'form-group'>
                    {{ Form::label('meta_description',' Meta Description ')}} 
                    {!! Form::textarea('meta_description', null, ['class' => 'form-control', 'placeholder' => 'Meta description','id'=> 'editor2','rows' => 4, 'cols' => 40]) !!}
          </div>
              </div>        
          </div>
          <div class = "row">
              <div  class="col-sm-8">
                <div  class= 'form-group'>
                    {{ Form::label('meta_keywords',' Meta Keywords ')}} 
                    {!! Form::textarea('meta_keywords', null, ['class' => 'form-control', 'placeholder' => 'Meta keywords','id'=> 'editor3','rows' => 4, 'cols' => 40]) !!}
          </div>
              </div>        
          </div>
          <div class = "row">
              <div  class="col-sm-8">
                <div  class= 'form-group'>
                    {{ Form::label('tags',' Tags ')}} 
                    {!! Form::textarea('tags', null, ['class' => 'form-control', 'placeholder' => 'Meta tags','id'=> 'editor4','rows' => 4, 'cols' => 40]) !!}
          </div>
              </div>        
          </div>
          <div class = "row">
              <div  class="col-sm-8">
                <div  class= 'form-group'>
                    <input type="radio"  id="option1" name="status" value="1"  checked >Published</label>
                     <input type="radio" id="option2" name="status" value="0"  >Unpublished</label>
                </div>
              </div>
          </div>

    <div class = "container col-md-offset-7">
           {{ Form::submit('Save',['class' => 'btn btn-primary']) }}
    </div>
  </div>   
{{ Form::close()}}

<script>
 function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function (e) {
                    $('#blah')
                        .attr('src', e.target.result);
                };

                reader.readAsDataURL(input.files[0]);
              }
            }
</script>
@endsection()