@extends('admin.layouts.main')

@section('content')

<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
  <section class="content-header">
    <h1>
     Testimonials Management
   </h1>
   <ol class="breadcrumb">
    <li><a href="{{url('admin/dashboard')}}"><i class="fa fa-dashboard"></i> Home</a></li>
    <li class="active">Testimonials</li>
  </ol>
</section>

<!-- Main content -->
<section class="content">
  <div class="row">
    <div class="col-xs-12">
      
      <div class="box">
        <div class="box-header">
          <div class="row">
            <div class="col-md-6"> 
              <h3 class="box-title">{{ $page }}</h3>  
            </div>
            <div class="col-md-6 text-right">
              <a href="{{ url('admin/testimonial')}}" class="btn btn-flat btn-default"><i class="fa fa-arrow-left"></i> Back</a>
            </div>
          </div>
        </div>
        <!-- /.box-header -->
        <div class="box-body">
          {!! Form::open(['method' => 'POST', 'route' => ['testimonial.store'], 'enctype'=>'multipart/form-data', 'id'=>'testimonialEditForm']) !!}
          <div class="row">
            <?php  
            $messageArr = ['success', 'warning', 'danger', 'info'];
            ?>
            @foreach($messageArr as $message)
            @if(session()->has($message))   
            <div class="col-md-12">
              <div class="alert alert-{{$message}}">
                {{ session()->get($message) }}   
              </div>
            </div>
            @endif
            @endforeach

            <div class="form-group" style="margin-left: 20px; margin-bottom: 10px">
               <span class="text-danger">Fields marked as (*) are Mandatory</span>
              </div>
            <div class="col-md-6">

              <div class="form-group">
                {{ Form::label('username','User Name *') }}
                
                <div class="no-padding{{ ($errors->has('username')) ? ' has-error' : '' }}">
                  {{ Form::text('username',null,['class'=>'form-control','placeholder'=>'User Name','autocomplete'=>'off'],old('username'))}}
                  @if($errors->has('username'))
                  <span class="help-block">{{ $errors->first('username') }}</span>
                  @endif
                </div>
              </div>
              
              <div class="form-group">
                {{ Form::label('user_role','User Role *') }}
                <div class="no-padding{{ ($errors->has('user_role')) ? ' has-error' : '' }}">
                  {{ Form::text('user_role',null,['class'=>'form-control','placeholder'=>'User Role','autocomplete'=>'off'],old('user_role'))}}
                  @if($errors->has('user_role'))
                  <span class="help-block">{{ $errors->first('user_role') }}</span>
                  @endif
                </div> 
              </div>  

          </div>
          <div class="col-md-6">
 
              <div class="form-group">
                {{ Form::label('description','User Description *') }}
                
                <div class="no-padding{{ ($errors->has('description')) ? ' has-error' : '' }}">
                  <textarea name="description" id="description" placeholder="Enter description" style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
                  @if($errors->has('description'))
                  <span class="help-block">{{ $errors->first('description') }}</span>
                  @endif
                </div>
              </div>
          </div>
  </div>
  <div class="row">
    <div class="col-md-12 text-right">
      <a href="{{url('admin/testimonial')}}" class="btn btn-flat btn-default"><i class="fa fa-times"></i> Cancel</a>
      <button type="submit" class="btn btn-flat btn-success"><i class="fa fa-save"></i> Save</button>
    </div>
    
  </div>
  {!! Form::close() !!}
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->

</div>
<!-- /.content-wrapper -->

@stop

@section('footer_script')
<script>
  $(function () {
    $('#example1').DataTable({
      responsive: true
    });
  });

function readURL(input) {
    if (input.files && input.files[0]) {
      var reader = new FileReader();
      
      reader.onload = function (e) {
        $('#profile-img-tag').attr('src', e.target.result);
      }
      reader.readAsDataURL(input.files[0]);
    }
  }
  $("#category-img").change(function(){
    readURL(this);
  });


</script>
@stop