@extends('admin.layout.layout')

@section('page-level-css')
@endsection

@section('content')
{{-- csrf token --}}
<meta name="csrf-token" content="{{ csrf_token() }}">
{{-- csrf token --}}
<!-- START PAGE-CONTAINER -->
<div class="page-container ">
  <!-- START HEADER -->
  @include('admin.partials.header')
  <!-- END HEADER -->
  <!-- START PAGE CONTENT WRAPPER -->
  <div class="page-content-wrapper ">
    <!-- START PAGE CONTENT -->
    <div class="content sm-gutter">
      <!-- START JUMBOTRON -->
      <div data-pages="parallax">
        <div class="container-fluid p-l-25 p-r-25 sm-p-l-0 sm-p-r-0">
          <div class="inner">
            <!-- START BREADCRUMB -->
            <ol class="breadcrumb sm-p-b-5">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">Create Testimonials</li>
            </ol>
          </div>
        </div>
      </div>
      <!-- END JUMBOTRON -->
      <!-- START CONTAINER FLUID -->
      <div class="container-fluid container-fixed-lg">
        <!-- START ROW -->
        <div class="col-md-12">
            @if ($errors->any())
              <div class="alert alert-danger">
                  <button class="close" data-dismiss="alert"></button>
                  <ul>
                      @foreach ($errors->all() as $error)
                          <li>{{ $error }}</li>
                      @endforeach
                  </ul>
              </div>
            @endif
            @if(Session::has('success'))
              <div class="alert alert-success">
                <button class="close" data-dismiss="alert"></button>
                {{Session::get('success')}}
              </div>
            @endif
        </div>

        <div class="card card-default">
        	<div class="card-header ">
        	  <div class="card-title">
                Create Testimonial Information
        	  </div>
        	  <div class="tools">
        	    <a href="javascript:;" class="collapse"></a>
        	    <a href="#grid-config" data-toggle="modal" class="config"></a>
        	    <a href="javascript:;" class="reload"></a>
        	    <a href="javascript:;" class="remove"></a>
        	  </div>
        	</div>
        	<div class="card-body">
            <form data-parsley-validate method="post" action="{{route('testimonials.store')}}" enctype="multipart/form-data" >
              @csrf
              <div class="card-title">
                   <h4><strong>Testimonial Information</strong></h4>
              </div>
              <hr>
          		<div class="row">
                    <div class="col-md-4">
                        <p>Name</p>
                        <div class="form-group form-group-default required txtOnly">
                        <input class="typeahead form-control sample-typehead" type="text" placeholder="Name" value="{{ old('name') }}" name="name" required="required">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <p>Designation</p>
                        <div class="form-group form-group-default txtOnly">
                        <input class="typeahead form-control sample-typehead" type="text" placeholder="Designation" value="{{ old('designation') }}" name="designation" >
                        </div>
                    </div>
                    <div class="col-md-4">
                      <p>Title</p>
                      <div class="form-group form-group-default required txtOnly">
                      <input class="typeahead form-control sample-typehead" type="text" placeholder="Title" value="{{ old('title') }}" name="title" required="required">
                      </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group">
                        <p>Testimonial</p>
                        <textarea class="typeahead form-control sample-typehead" type="text" name="testimonial" placeholder="Testimonial">{{ old('Testimonial') }}</textarea>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <p>Image</p>
                        <div class="form-group form-group-default required">
                        <input type="file" class="form-control" name="image">
                        </div>
                    </div>
                </div>

              <div class="card-title">
                    <h4><strong>Other Details</strong></h4>
              </div>
              <hr>
              <div class="row">
                <div class="col-md-4">
                  <p>Active on Homepage.?</p>
                  <div class="form-group">
                    <select class="full-width" data-init-plugin="select2" name="active_on_homepage">
                        <option value="1" @if(old('active_on_homepage') == 1) selected="selected" @endif >Active</option>
                        <option value="2" @if(old('active_on_homepage') == 2) selected="selected" @endif >Inactive</option>
                    </select>
                  </div>
                </div>
              </div>

              <div class="card-title">
                  <h4><strong>Status</strong></h4>
              </div>
              <hr>
              <div class="row">
                <div class="col-md-4">
                  <div class="form-group">
                    <select class="full-width" data-init-plugin="select2" name="status">
                        <option value="1" @if(old('status') == 1) selected="selected" @endif >Active</option>
                        <option value="2" @if(old('status') == 2) selected="selected" @endif >Inactive</option>
                    </select>
                  </div>
                </div>
                <div class="col-md-8">
                    <button class="btn btn-success pull-right" type="submit">Create a testimonials</button>
                </div>
          		</div>
            </form>
        	</div>
        </div>
        <!-- END ROW -->
      </div>
      <!-- END CONTAINER FLUID -->
    </div>
    <!-- END PAGE CONTENT -->
    @include('admin.partials.footer')
    <!-- END COPYRIGHT -->
  </div>
  <!-- END PAGE CONTENT WRAPPER -->
</div>
<!-- END PAGE CONTAINER -->
@endsection

@section('page-level-js')

@endsection