@extends('layouts.site')

@section('title', 'Trabalhe Conosco')

@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/trabalhe-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>TRABALHE CONOSCO</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>O DoDia acredita na valorização, compromisso e qualidade de vida dos colaboradores, para isso oferece
                oportunidades, qualificação e segurança. </h5>
            </p>
            <p>
            <h5>Nosso time é formado por 217 profissionais de diversas áreas, que juntos tornam o DoDia no
                Supermercado da família paraibana.</h5>
            </p>
            <p>
            <h5>Envie seu currículo para o nosso banco de talentos!</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-row">
                    <div class="form-group col-md-6">
                        <input type="email" class="form-control" id="inputEmail4" name="email" placeholder="Email">
                    </div>
                    <div class="form-group col-md-6">
                        <input type="text" class="form-control" id="inputPassword4" name="cargo-pretendido" placeholder="Cargo Pretendido">
                    </div>
                </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