@extends('layouts.app')
@section('metadata')
<title>Formació i ocupació - Ajuntament de Cardedeu</title>
@endsection

@section('content')
<img src="{{ Vite::asset('resources/images/mongia_color-header-2.jpg') }}" class="headerimghome" alt="La Mongia" title="La Mongia">
<br><br>
<div class="container">
    <div class="row contacte">
        <div class="col">
            <h1>Contacte</h1>
            <div><i class="fas fa-map-marker-alt"></i> Av. de Jaume Morató, 18 - 08440 Cardedeu</div>
            <div><i class="fas fa-phone"></i> Telèfon: 93 841 88 14</div>
            <div><i class="fas fa-envelope"></i> Adreça electrònica: lamongia@cardedeu.cat</div>
            <div><i class="fas fa-clock"></i> Horari:  De dilluns a divendres de 9h a 14h.<span>* del 31 de juliol a l'1 de setembre romandrà tanca al públic</span></div>
        </div>
        <div class="col">
            <h3>Formulari de contacte</h3>
            {{ html()->form('GET')->route('enviarcontacte')->open() }}

            <div class="form-group">
                {{ html()->input('id')->name('id')->class(['hidden']) }}
            </div>

            <div class="form-group">

              {{ html()->input('name')->name('name')->required(true)->placeholder('*Nom')->class(['form-control']) }}
            </div>
            <div class="form-group">

              {{ html()->input('phone')->name('phone')->required(true)->placeholder('*Telèfon')->class(['form-control']) }}
            </div>
            <div class="form-group">

              {{ html()->email('email')->name('email')->required(true)->placeholder('*Email')->class(['form-control']) }}
            </div>
            <div class="form-group">

                {{ html()->textarea('missatge')->name('missatge')->placeholder('*Missatge')->required(true)->class(['form-control']) }}
            </div>

            <div class="form-group">
                    {{ html()->submit('Enviar')->class(['form-control']) }}
            </div>                  

            {{ html()->form()->close() }}
        </div>
    </div>
</div>
<br>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3536.4469821773237!2d2.3601811764500256!3d41.648619779750334!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12a4c94839887919%3A0xa8daad3ecba9c837!2sCentre%20de%20Formaci%C3%B3%20La%20Mongia!5e1!3m2!1ses!2ses!4v1748270059269!5m2!1ses!2ses" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
@endsection