@extends('layouts.front')
@section('content')
@section('css')
<style>
    .add_reviews h3,
    .add_reviews p {
        text-align: center;
    }
    .review_cont{
        background-color: #f1f1f1;
        padding: 20px;
        border-radius: 10px;
        margin-bottom: 20px;
        box-shadow: 0 0 5px rgba(0,0,0,0.2);
    }
    .reviews-form {
        background: #f1f1f1;
    }
    .reviews-form-body {
        overflow: hidden;
        padding: 30px;
    }
</style>
@endsection
@php $home = \App\HomePage::findorFail(1); @endphp
<div class="inner-page-banner-area" style="background: url({{asset('/laravel_code/public/banner/' . $home->inner_banner)}}); background-repeat: no-repeat; background-size: cover;">
    <div class="container">
        <div class="pagination-area">
            <h2>Reseñas</h2>
            <ul>
                <li><a href="{{route('home')}}">Home</a> - </li>
                <li>Reseñas</li>
            </ul>
        </div>
    </div>
</div>

<div class="about1-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 wow fadeInRight">
                <div class="ff_home_section">
                    <div class="about1-area-top">
                        <h2 class="ff_heading"><span>Añadir tu reseña</span></h2>
                    </div>
                    <h3 class="ff_heading_title title-bar-big-left">Gracias por su visita {{env('APP_NAME')}} Restaurant.<br> Nos encantaría recibir sus comentarios!</h3>
                </div>
            </div>
        </div>
    </div>
</div>

<section class="section-padding signup">
    <div class="container">
        <div class="row">
            <div class="signup-wrap col-sm-5 col-lg-6 col-lg-offset-3">
                <div class="reviews-form">

                    <form class="reviews-form-body" method="post" action="{{route('saveReview')}}">

                        <div class="alert-signin">
                            @include('validation.success')
                            @include('validation.error')
                        </div>

                        {{ csrf_field() }}

                        <div class="form-group">
                            <textarea class="form-control" rows="6" placeholder="Tu reseña.." name="review" required></textarea>
                        </div>
                        <div class="form-group">
                            <input class="form-control" type="text" placeholder="Su nombre" name="name" required>
                        </div>
                        <div class="form-group">
                            <input class="form-control" type="email" placeholder="Tu correo electrónico" name="email" required>
                        </div>
                        <div class="form-group" style="display: none;">
                            <label for="faxonly">Fax Only
                                <input type="checkbox" name="faxonly" id="faxonly" />
                            </label>
                        </div>

                        <button type="submit" class="ghost-on-hover-btn">Enviar Opinión</button>

                    </form>
                </div>
            </div>
        </div>
    </div>
</section>


<div class="about-page-area">
    <div class="container">
        <div class="row">
            @if(isset($testimonials) && !empty($testimonials))
            @foreach($testimonials as $row)
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="about-page-left review_cont">
                    <h2>{{$row->name}}</h2>
                    <span class="text-danger">{{date('d-M-Y', strtotime($row->created_at))}}</span>
                    <p>{{$row->text}}</p>
                </div>
            </div>
            @endforeach
            @endif
        </div>
    </div>
</div>

@section('js')
@endsection
@endsection