@extends('layouts.backend')
@section('title', '| testimonials create')

@section('content')

	@if($errors->any())
		<div class="alert alert-danger">
			@foreach ($errors->all() as $error)
				{{ $error }} <br>
			@endforeach
		</div>
	@endif
<div class="col-md-12 margin-tb">
  <div class="card">
      <div class="card-header">
      <h3 class="card-title">testimonials</h3>
          <div class="card-tools">
              <div class="pull-right">
                <a class="btn-sm btn-success" href="{{ route('testimonials.index') }}"> Back </a>
              </div>
          </div>
      </div>
	  <div class="card-body table-responsive">
	{!! Form::open(['route' => 'testimonials.store','enctype' => 'multipart/form-data']) !!}

		<div class="mb-3">
			{{ Form::label('name', 'Name', ['class'=>'form-label']) }}
			{{ Form::text('name', null, array('class' => 'form-control')) }}
		</div>
		<div class="mb-3">
			{{ Form::label('occupation', 'Occupation', ['class'=>'form-label']) }}
			{{ Form::text('occupation', null, array('class' => 'form-control')) }}
		</div>
		<div class="mb-3">
			{{ Form::label('comment', 'Comment', ['class'=>'form-label']) }}
			{{ Form::textarea('comment', null, array('class' => 'form-control')) }}

		</div>
		<div class="mb-3">
			{{ Form::label('profile', 'Profile', ['class'=>'form-label']) }}
			{{ Form::file('profile', array('class' => 'form-control', 'onchange' => 'loadFile(event)')) }}
			<img class="mt-3" id="output"/>
			<script>
				var loadFile = function(event) {
					var output = document.getElementById('output');
					output.src = URL.createObjectURL(event.target.files[0]);
					output.onload = function() {
					URL.revokeObjectURL(output.src) // free memory
					}
				};
			</script>
		</div>
		<div class="mb-3">
			{{ Form::label('status', 'Status', ['class'=>'form-label']) }}
			{{ Form::select('status', array('yes' => 'Yes', 'no' => 'No'),null,array('class' => 'form-control')) }}
		</div>


		{{ Form::submit('Create', array('class' => 'btn btn-primary')) }}

	{{ Form::close() }}

      </div>

      <!-- /.card-body -->
  </div>
</div>
@stop