@extends('admin.template.master') 
@section('title', $title)
@section('content')

    <div class="app-content content">
      <div class="content-wrapper">
        <div class="content-header row">
          <div class="content-header-left col-md-8 col-12 mb-2 breadcrumb-new">
            <h3 class="content-header-title mb-0 d-inline-block">Testimonials</h3>
            <div class="row breadcrumbs-top d-inline-block">
              <div class="breadcrumb-wrapper col-12">
                <ol class="breadcrumb">
                  <li class="breadcrumb-item"><a href="{{ route('auth.dashboard') }}">Home</a>
                  </li>
                  <li class="breadcrumb-item"><a href="{{ route('auth.testimonial.create') }}">Add Testimonials</a>
                  </li>
                  <li class="breadcrumb-item active">Data
                  </li>
                </ol>
              </div>
            </div>
          </div>
        </div>
        <div class="content-body">
        	<!-- Basic form layout section start -->
			<section id="horizontal-form-layouts">
				<div class="row">
					<div class="col-md-12">
				        <div class="card">
				            <div class="card-header">
				                <h4 class="card-title" id="horz-layout-colored-controls">Testimonials</h4>
				                <a class="heading-elements-toggle"><i class="fa fa-ellipsis-v font-medium-3"></i></a>
			        			<div class="heading-elements">
				                    <ul class="list-inline mb-0">
				                        <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
				                        <li><a data-action="reload"><i class="ft-rotate-cw"></i></a></li>
				                        <li><a data-action="expand"><i class="ft-maximize"></i></a></li>
				                        <li><a data-action="close"><i class="ft-x"></i></a></li>
				                    </ul>
				                </div>
				            </div>
				            <div class="card-content collpase show">
				                <div class="card-body">
				                    @include('admin.partials.flash_message') 					

									<form action="{{ $action }}" method="post" enctype="multipart/form-data" class="form form-horizontal">
										@csrf()
										@if(!empty($method)) @method($method) @endif
<div class="form-body">
	<h4 class="form-section"><i class="fa fa-eye"></i> About Testimonials</h4>
	<div class="row">
		<div class="col-md-12">
            <div class="form-group row">
            	<label class="col-md-3 label-control" for="userinput1">Name : <span class="danger">*</span></label>
            	<div class="col-md-9">
                	<input type="text" id="userinput1" class="form-control border-primary" placeholder="Name" name="name" required="">
                </div>
            </div>
        </div>
    </div>
    <div class="row">
		<div class="col-md-12">
            <div class="form-group row">
            	<label class="col-md-3 label-control" for="userinput1">Short Description : <span class="danger">*</span></label>
            	<div class="col-md-9">
                	<input type="text" id="userinput1" class="form-control border-primary" placeholder="Short Description" name="short_description" required="">
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="form-group row">
                <label class="col-md-3 label-control" for="userinput1">Image : <span class="danger">*</span></label>
                <div class="col-md-9">
                  <input type="file" name="image" id="imageUpload" class="hide"> 
                  <label for="imageUpload" class="upload-poster mr-5">Select file</label> Max Size 2 mb<br>
                  <img src="{{ asset('public/assets/admin/images/dummy-logo.jpg')}}" id="imagePreview" class="organisation-logo" alt="Your image will appear here.">
              </div>
            </div>
        </div>
    </div>
    <div class="row">
      <div class="col-md-12">
        <div class="form-group row">
          <label class="col-md-3 label-control" for="userinput1">Designation : </label>
          <div class="col-md-9">
              <input type="text" id="userinput1" class="form-control border-primary" placeholder="Designation" name="designation">
            </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
        <div class="form-group row">
          <label class="col-md-3 label-control" for="userinput1">Facebook URL :</label>
          <div class="col-md-9">
              <input type="text" id="userinput1" class="form-control border-primary" placeholder="Facebook URL" name="facebook_url">
            </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
        <div class="form-group row">
          <label class="col-md-3 label-control" for="userinput1">Twitter URL :</label>
          <div class="col-md-9">
              <input type="text" id="userinput1" class="form-control border-primary" placeholder="Twitter URL" name="twitter_url">
            </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
        <div class="form-group row">
          <label class="col-md-3 label-control" for="userinput1">Linkedin URL :</label>
          <div class="col-md-9">
              <input type="text" id="userinput1" class="form-control border-primary" placeholder="Linkedin URL" name="linkedin_url">
            </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
        <div class="form-group row">
          <label class="col-md-3 label-control" for="userinput1">Instagram URL :</label>
          <div class="col-md-9">
              <input type="text" id="userinput1" class="form-control border-primary" placeholder="Instagram URL" name="instagram_url">
            </div>
        </div>
      </div>
    </div>
</div>

				                        <div class="form-actions right">
				                            <button type="submit" class="btn btn-primary">
				                                <i class="fa fa-check-square-o"></i> Save
				                            </button>
				                        </div>
				                    </form>

				                </div>
				            </div>
				        </div>
				    </div>
				</div>
			</section>
            <!-- // Basic form layout section end -->
        </div>
      </div>
    </div>

@endsection