@extends('layouts.site')

@section('title', 'Ouvidoria')

@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('images/fale-bg.png') }}" alt="Card image" style="width:100%; opacity: 0.4; max-height:400px">
    <h5 class="card-title text"  style="font-family: 'teste', sans-serif;"><b>OUVIDORIA</b></h5>
</div>
<div class="bg-dark">
    <center>
        <div class="" style=" border: 6px #F37314 solid; background-color: #F37314;"></div>
    </center>
</div>

<div class="container-sm">
    <div class="row" style="padding:2% 10% 10% 10%">
        <div class="container-sm">
            <br /><br />
            <!-- <center> -->
            <p>
            <h5>Garantir a qualidade de atendimento e uma experiência positiva é a missão da Ouvidoria do DoDia
                Supermercados! </h5>
            </p>
            <p>
            <h5>Criamos um canal exclusivo, onde você pode entrar em contato conosco e deixar sugestões, tirar
                dúvidas ou registrar alguma reclamação. </h5>
            </p>
            <p>
            <h5><b>Dúvidas</b> - Tem alguma dúvida sobre produtos,nossa loja, delivery, horário de atendimento ou não
                encontrou o que procurava em nosso site? Fale conosco, iremos tirar suas dúvidas!</h5>
            </p>
            <p>
            <h5><b>Reclamações</b> - Quer fazer alguma reclamação? Não teve uma boa experiência em nossa loja, ou teve
                dificuldades nas compras? Nós queremos te ouvir e te ajudar. Assim vamos aperfeiçoar ainda mais
                nossos serviços, garantindo sua satisfação!</h5>
            </p>
            <p>
            <h5><b>Sugestões</b> - Sua opinião é muito importante para o DoDia! Queremos saber como podemos melhorar
                nossos serviços. Compartilhe conosco dicas e ideias, nós iremos te atender com muita satisfação!</h5>
            </p>
            <!-- </center> -->
            <br />
            <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="#">
                @csrf
                <div class="form-row">
                    <div class="form-group col-md-6">
                        <input type="text" class="form-control" id="inputEmail4" name="name" placeholder="Nome">
                    </div>
                    <div class="form-group col-md-6">
                        <input type="text" class="form-control" id="inputPassword4" name="phone" placeholder="Telefone">
                    </div>
                </div>
                <div class="form-group">
                    <input type="email" class="form-control" id="email" name="email" placeholder="Email">
                </div>

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


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