@extends('layouts.admin')
@section('content-title')
	{{ __('illustrations.Edit illustration') }}
@endsection
@section('content-breadcrumbs')
	{{ Breadcrumbs::render('admin.illustrations.edit')}}
@endsection
@section('content')
<div class="card-box tilebox-one noradius">

	<section>

		<h2 class="page-header">{{ __('illustrations.Edit illustration') }}</h2>
		{{-- {!!Form::open()->locale('illustrations')->post()->multipart()->route('admin.illustration.update')!!} --}}

		{!!Form::open()->locale('illustrations')->post()->multipart()->route('admin.illustration.update')->fill($data)!!}
		{!!Form::hidden('id')!!}
		{!!Form::text('title', 'title')->placeholder(__('illustrations.illustration title ...'))!!}
		{!!Form::text('link', 'link')->placeholder(__('illustrations.illustration link ...'))!!}
       		{{-- <img src="{{ '/uploads/illustrations/'}}"> --}}
		<img src="{{ '/uploads/illustrations/'.$data->image }}" id="img" height="200" alt="Image preview...">
		<script>
		 function reset(){

			var $image = $('.img');
			$image.removeAttr('img').replaceWith($image.clone());
		}
	    function previewFile(){
	   	   	var preview = document.querySelector('img[id=img]'); //selects the query named img
	   	    var file    = document.querySelector('input[type=file]').files[0]; //sames as here
		    var reader  = new FileReader();

      		reader.onloadend = function () {
            preview.src = reader.result;
      		}

       		if (file) {
           		reader.readAsDataURL(file); //reads the data as a URL
       		} else {
        	   preview.src = "";
       		}
  		}

  		previewFile();  //calls the function named previewFile()
  		</script>

		{!!Form::file('image', 'Image')->placeholder(__('illustrations.Image'))->id('filer')->attrs(['onchange'=>"previewFile()"])!!}

		{!!Form::submit('Update')->id('my-btn')!!}
		{!!Form::close()!!}
		

	</section>
</div>
@endsection