@extends('layouts.site')

@section('title', 'Dicas')

@section('conteudo', 'active')
@section('head')
<style>
@font-face {
  font-family: 'teste';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
</style>
@endsection
@section('content')

    <div class="card-img-overlay box" style="padding: 0;">
        <img class="card-img-top" src="{{ asset($tip->url_image) }}" alt="Card image"
            style="width:100%; opacity: 0.4; max-height:400px">
        <h4 class="card-title text"  style="font-family: 'teste', sans-serif;"><b>{{ $tip->title }}</b></h4>
        <h6 class="card-subtitle text" style="font-size: 1.3rem;"><a href="{{ url('receitas') }}"
                style="color: black !important">Receitas</a> / {{ $tip->title }}</h6>
    </div>
    <div class="bg-dark">
        <center>
            <div class="" style=" border: 6px #F37314 solid; background-color: #F37314;"></div>
        </center>
    </div>
    <div class="background-bg" style="padding-top: 5%; padding-bottom: 5%;">
        <div class="container-xl">
            <div class="row">
                <div class="col-sm-5">
                    <div class="container">
                        @if (count($tips) > 0)

                            {{ $tip->body}}

                        @else
                            nenhum resultado encontrado
                        @endif
                    </div>
                </div>
                <div class="col-sm-7">
                    <div class="menu-receitas">
                        {{-- <!-- <center> -->

                        {!! Form::open(['method' => 'GET', 'url' => '#', 'class' => 'navbar-form navbar-left', 'role' => 'search']) !!}
                        <div class="input-group custom-search-form">
                            <input type="text"
                                style="border:1px solid #F37314; border-radius: 20px; background-color: E6E6E6; text-align: center; padding:1.5%;"
                                size=45 name="search" placeholder="Pesquisar">
                            <span class="input-group-btn">
                                <button type="submit" class="btn btn-default-sm">
                                    <i class="fa fa-search"></i>
                                </button>
                            </span>
                        </div>
                        {!! Form::close() !!}


                        <!-- </center> --> --}}

                        <br /><br />
                        <h3><b>CATEGORIA</b></h3>
                        <br />
                        <a href="#" style="text-decoration: none;">
                            <h5 style="color:black">Massa</h5>
                        </a>
                        <a href="#" style="text-decoration: none;">
                            <h5 style="color:black">Carne</h5>
                        </a>
                        <a href="#" style="text-decoration: none;">
                            <h5 style="color:black">Doces</h5>
                        </a>
                        <a href="#" style="text-decoration: none;">
                            <h5 style="color:black">Saladas</h5>
                        </a>
                        <br />
                        <div class="" style="border: 1px #F37314 solid; width: 70%; opacity: 0.7"></div>

                        <br /><br />
                        <h3><b>Publicado recentemente</b></h3>
                        <br />
                        @foreach ($tipsLast as $tipsLast)
                            <a href="#" style="text-decoration: none;">
                                <h5 style="color:black">{{ $tipsLast->title }}</h5>
                            </a>
                        @endforeach
                        <br />
                        <div class="" style="border: 1px #F37314 solid; width: 70%; opacity: 0.7"></div>

                        <br /><br />
                        <h3><b>TAGs</b></h3>
                        <br />
                        @foreach ($tips as $tips)
                            <a href="#" style="text-decoration: none;">
                                <h5 style="color:black">{{ $tips->tag }}</h5>
                            </a>
                        @endforeach
                        <br />

                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-sm">
        <br /><br />
        <center>
            <h2><b>RECEITAS RELACIONADAS</b></h2>
        </center>
        <div class="row" style="padding:2% 10% 10% 10%">
            @foreach ($relateds as $related)
                <div class="col-sm">
                    <div class="" style="border: 1px solid #F37314; padding:8%; border-radius: 30px">
                        <img src="{{ asset($related->url_image) }}" class="img-fluid" alt="APP" />
                    </div>
                    <div class="">
                        <br />
                        <center>
                            <a href="{{ route('receita', ['id' => $related->id]) }}" style="color: black;">
                                <h4>{{ $related->title }}</h4>
                            </a>
                        </center>
                    </div>

                </div>
            @endforeach
            <div class="container-sm">
                <div class="row" style="padding:2% 10% 10% 10%">
                    @foreach ($comments as $comment)
                        <div class="col-sm">
                            <div class="card">
                                <div class="card-body">
                                    <h6 class="card-subtitle mb-2 text-muted">{{ $comment->name }}</h6>
                                    {{ $comment->message }}
                                </div>
                            </div>
                        </div>
                        <div class="w-100 d-none d-md-block"></div>
                    @endforeach
                </div>
                <br />
                <center>
                    <h2><b>DEIXE SEU COMENTÁRIO</b></h2>
                </center>
                <div class="w-100 d-none d-md-block"></div>
                @if ($errors->any())
                    @foreach ($errors->all() as $error)
                        <div class="alert alert-danger" role="alert">
                            {{ $error }}
                        </div>
                    @endforeach
                @endif
                <form method="post" action="{{ route('comment.tip.store') }}">
                    @csrf
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <input type="text" class="form-control input-dodia" id="inputEmail4" name="name"
                                placeholder="Nome">
                        </div>
                        <div class="form-group col-md-6">
                            <input type="text" class="form-control input-dodia" id="inputPassword4" name="phone"
                                placeholder="Telefone">
                        </div>
                    </div>
                    <div class="form-group">
                        <input type="email" class="form-control input-dodia" id="email" name="email" placeholder="Email">
                    </div>

                    <div class="form-group">
                        <textarea class="form-control input-dodia" id="exampleFormControlTextarea1" name="message"
                            rows="3">Mensagem</textarea>
                    </div>

                    <input type="hidden" name="id_tip" value="{{ $tip->id }}">

                    <button type="submit" class="btn btn-danger button-delivery">Enviar</button>
                </form>
            </div>
        </div>
    @stop