@extends('layouts.app')

@section('content')
<style>
    .text-primary {
        color: blue !important;
    }
</style>
<section><div class="container-fluid"></div></section>
<section>
        <div class="container-fluid" style="padding-bottom: 5%">
            <div class="row" style="padding-top: 10%">
                <div class="col-lg-6 col-xl-5 mx-auto">

                    <h4 class="mb-4 text-uppercase">CONTATTACI</h4>
                    {{--<p class="lead mb-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco</p>--}}
                    <div class="row mb-5">
                        <div class="col-md-4 text-center text-md-left">
                           <font color="blue"> <svg class="svg-icon svg-icon-blue text-primary w-3rem h-3rem mb-3">
                                <use xlink:href="#navigation-map-1"> </use>
                            </svg></font>
                            <h4 class="ff-base">Indirizzo</h4>
                            <p class="text-muted">Via Risorgimento, 12, 20065 <br>Inzago MI, <strong>Italia</strong></p>
                        </div>
                        <div class="col-md-4 text-center text-md-left">
                            <svg class="svg-icon svg-icon-light text-primary w-3rem h-3rem mb-3">
                                <use xlink:href="#audio-call-1"> </use>
                            </svg>
                            <h4 class="ff-base">Numero di telefono</h4>
                            <p class="text-muted">Attivo dalle 00:00 alle 00:00</p>
                            <p class="text-muted"><strong>+39 02 954 7364</strong></p>
                        </div>
                        <div class="col-md-4 text-center text-md-left">
                            <svg class="svg-icon svg-icon-light text-primary w-3rem h-3rem mb-3">
                                <use xlink:href="#mail-1"> </use>
                            </svg>
                            <h4 class="ff-base">E-mail</h4>
                            <p class="text-muted">Scivi alle nostre E-mail</p>
                            <ul class="list-unstyled text-muted">
                                <li>info@sell.com</li>
                                <li>support@sell.com</li>
                            </ul>
                        </div>
                    </div>
                    <hr class="mb-5">
                    <form id="preventivo" method="post" action="#" class="mb-5">
                        <input type="hidden" name="_token" value="{{csrf_token()}}">
                        <h4 class="mb-4">Richiesta preventivo</h4>
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label for="name" class="form-label">Nominativo *</label>
                                    <input type="text" name="name" id="name" placeholder="Inserisci nominativo" required="required" class="form-control">
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label for="email" class="form-label">E-mail *</label>
                                    <input type="email" name="email" id="email" placeholder="Inserisci email" required="required" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="message" class="form-label">Tipologia cliente*</label>
                            {{--<textarea rows="4" name="message" id="message" placeholder="Inserisci testo richiesta" required="required" class="form-control"></textarea>--}}
                            <select name="tipo" id="tipo" placeholder="Scegli" required="required" class="form-control">
                                <option></option>
                                <option value="azienda">Azienda</option>
                                <option value="privato">Privato</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="message" class="form-label">Testo della richiesta *</label>
                            <textarea rows="4" name="message" id="message" placeholder="Inserisci testo richiesta" required="required" class="form-control"></textarea>
                        </div>

                        <button type="submit" class="btn btn-outline-dark">Contattaci                                   </button>
                    </form>
                </div>
                <div class="col-lg-6">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2794.451837370766!2d9.469834515715824!3d45.54123543632064!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4786b5248068c375%3A0x3d3c02d3c5baee8c!2sEbra%20S.r.l.%20Di%20Brusamolino%20Roberto%20E%20Adolfo!5e0!3m2!1sit!2sit!4v1583015542612!5m2!1sit!2sit" width="100%" height="100%" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
                </div>
            </div>
        </div>
    </section>

@endsection