@extends('admin.includes.main')
@section('content')
<style>
    .rate {
    float: left;
    height: 46px;
    padding: 0 10px;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
}
.rate:not(:checked) > label:before {
    content: '★ ';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}
</style>
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-12">
                <h2 class="page-title menu-head">Add Testimonial</h2>
                <div class="card shadow mb-4">
                    @if (@$testimonial)
                    <form action="{{ route('admin.update_testimonial', ['id' => $testimonial->id]) }}" method="POST" enctype="multipart/form-data">
                    @else
                    <form action="{{ route('admin.post_testimonial') }}" method="POST" enctype="multipart/form-data">
                    @endif

                        @csrf
                        <div class="card-body">
                            <div class="row">

                                <div class="col-md-9">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <div class="form-group mb-3">
                                                <label for="social_type">Social Type</label>
                                                <select name="social_type" id="social_type" class="form-control @error('social_type') is-invalid @enderror">
                                                    <option {{ (old('social_type', @$testimonial->social_type ) == 'google' )?'selected':'' }} value="google">Google</option>
                                                    <option {{ (old('social_type', @$testimonial->social_type ) == 'fb' )?'selected':'' }} value="fb">FaceBook</option>
                                                    <option {{ (old('social_type', @$testimonial->social_type ) == 'yelp' )?'selected':'' }} value="yelp">Yelp</option>
                                                    <option {{ (old('social_type', @$testimonial->social_type ) == 'linkedin' )?'selected':'' }} value="linkedin">Linkedin</option>
                                                    
                                                    <option {{ (old('social_type', @$testimonial->social_type ) == 'trustpilot' )?'selected':'' }} value="trustpilot">Trustpilot</option>
                                                    <option {{ (old('social_type', @$testimonial->social_type ) == 'gmail' )?'selected':'' }} value="gmail">Gmail</option>
                                                    <option {{ (old('social_type', @$testimonial->social_type ) == 'yahoo' )?'selected':'' }} value="yahoo">Yahoo</option>
                                                    <option {{ (old('social_type', @$testimonial->social_type ) == 'surveymonkey' )?'selected':'' }} value="surveymonkey">Survey Monkey</option>
                                                </select>
                                                
                                                @error('social_type')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                        
                                        <div class="col-md-3">
                                            <div class="form-group mb-3">
                                                <label for="name">Name</label>
                                                <input name="name" value="{{ old('name', @$testimonial->name) }}" required type="text"
                                                    id="name" class="form-control @error('name') is-invalid @enderror">
                                                @error('name')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group mb-3">
                                                <label for="date">Date</label>
                                                <input name="date" value="{{ old('date', @$testimonial->date) }}" required type="text"
                                                    id="date" class="form-control @error('date') is-invalid @enderror">
                                                @error('date')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group mb-3">
                                                 <span class="d-block" style="font-weight: 700">Rating</span>
                                                <div class="rate">
                                                    
                                                    <input type="radio"   {{ (old('rating', @$testimonial->rating ) == 5 )?'checked':'' }} id="star5" name="rating" value="5" />
                                                    <label for="star5"  title="5 stars">5 stars</label>
                                                    <input type="radio" {{ (old('rating', @$testimonial->rating ) == 4 )?'checked':'' }} id="star4" name="rating" value="4" />
                                                    <label for="star4" title="4 stars">4 stars</label>
                                                    <input type="radio" {{ (old('rating', @$testimonial->rating ) == 3 )?'checked':'' }} id="star3" name="rating" value="3" />
                                                    <label for="star3"  title="3 stars">3 stars</label>
                                                    <input type="radio" {{ (old('rating', @$testimonial->rating ) == 2 )?'checked':'' }} id="star2" name="rating" value="2" />
                                                    <label for="star2" title="2 stars">2 stars</label>
                                                    <input type="radio" {{ (old('rating', @$testimonial->rating) == 1 )?'checked':'' }} id="star1" name="rating" value="1" />
                                                    <label for="star1" title="1 star">1 star</label>
                                                </div>
                                                @error('rating')
                                                    <span class="invalid-feedback d-block" role="alert">
                                                        <strong >{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="form-group mb-3">
                                                <label for="link">Link</label>
                                                <input name="link" value="{{ old('link', @$testimonial->link) }}" required type="text"
                                                    id="link" class="form-control @error('date') is-invalid @enderror">
                                                @error('link')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            
                                            <div class="form-group mb-3">
                                                
                                                <label for="featured">Featured</label>
                                                <input name="featured" value="1" {{ (old('featured', @$testimonial->featured) == 1)?'checked':'' }} type="checkbox"
                                                    id="featured" class="form-control">
                                                
                                            </div>
                                        </div>
                                        

                                        <div class="col-12">
                                            <div class="form-group mb-3">
                                                <label for="description">Description</label>
                                                <textarea class="form-control tinymce @error('description') is-invalid @enderror" name="description" id="description" cols="30" rows="10">{{ old('description', @$testimonial->description) }}</textarea>

                                                @error('description')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>

                                    </div>



                                </div>
                                <div class="col-md-3">
                                    <div class="row">

                                        <div class="col-12">
                                            <div id="imagePreview">
                                                @if (!empty(@$testimonial->image))
                                                    <img height="160" src="{{ asset($testimonial->image) }}" alt="" srcset="">
                                                @endif
                                            </div>
                                            {{-- <canvas id= "canv1" style="height: 100px;"></canvas> --}}
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group mb-3">
                                                <label for="image">Image</label>
                                                <input type="file" name="image" multiple="false" ref="imagePreview" class="form-control imageUpload @error('image') is-invalid @enderror" accept="image/*" id="image">
                                                @error('image')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>

                                    </div>

                                </div>

                                <div class="col-12">
                                    <input type="submit" value="{{ 'Save' }}" class="btn btn-success">
                                </div>
                            </div>
                        </div>
                    </form>
                </div> <!-- / .card -->

            </div> <!-- .col-12 -->
        </div> <!-- .row -->
    </div>


@endsection