@extends('layouts.master')
@section('title', 'Create')
@section('content')
    <div class="row">
        <div class="col-md-12 text-center">
            <h3>Edit Category</h3>
        </div>
        <div class="col-md-12 page-action text-right">
            <a href="{{ route('category.index') }}" class="btn btn-primary  btn-sm"> <i class="fa fa-arrow-left"></i> Back</a>
        </div>
        {{ Form::model($category, [ 'route'=>['category.update',$category->id],'method'=>'patch','enctype'=>'multipart/form-data']) }}
        <div class="col-lg-12">
                <div class='row'>
                    <div class="form-group col-md-6 @if ($errors->has('name')) has-error @endif">
                        {!! Form::label('category', 'Category') !!}
                        {!! Form::text('category_name', null, ['class' => 'form-control', 'placeholder' => 'Category','required' => 'required']) !!}
                        @if ($errors->has('category')) <p class="help-block">{{ $errors->first('category') }}</p> @endif
                    </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/uploads/'.$category->image) }}}" 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>

                <br>
                <!-- Submit Form Button -->
                {!! Form::submit('Update', ['class' => 'btn btn-primary']) !!}
        </div>
        {!! Form::close() !!}
    </div>
<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