@extends ("front.layout")

@section('title')
DCW éditions - Paris • {{ trans('contact.contact') }}
@endsection

@section('content')
<div class="page" id="contact">
    <div class="container">
        @component('front.app.titre-page')
        {{ trans('contact.contact') }}
        @endcomponent

        <div class="formulaire">
            <div class="pigeon">
                <img src="/storage/img/app/pigeon.png" alt="">
            </div>

            <div class="input">
                <input type="text" @keydown="form.errors.clear('first_name')" v-model="form.first_name"
                    name="first_name" placeholder="{{ trans('contact.prenom') }}">
                <span class="help is-danger" v-if="form.errors.has('first_name')"
                    v-text="form.errors.get('first_name')"></span>
            </div>
            <div class="input">
                <input type="text" @keydown="form.errors.clear('last_name')" v-model="form.last_name"
                    name="last_name" placeholder="{{ trans('contact.nom') }}*">
                <span class="help is-danger" v-if="form.errors.has('last_name')"
                    v-text="form.errors.get('last_name')"></span>
            </div>
            <div class="input">
                <input type="text" @keydown="form.errors.clear('email')" v-model="form.email" name="email"
                    placeholder="{{ trans('contact.email') }}*">
                <span class="help is-danger" v-if="form.errors.has('email')" v-text="form.errors.get('email')"></span>
            </div>
            <div class="input">
                <input type="text" @keydown="form.errors.clear('societe')" v-model="form.societe" name="societe"
                    placeholder="{{ trans('contact.societe') }}">
                <span class="help is-danger" v-if="form.errors.has('societe')"
                    v-text="form.errors.get('societe')"></span>
            </div>
            <div class="input">
                <input type="text" @keydown="form.errors.clear('telephone')" v-model="form.telephone"
                    name="telephone" placeholder="{{ trans('contact.telephone') }}">
                <span class="help is-danger" v-if="form.errors.has('telephone')"
                    v-text="form.errors.get('telephone')"></span>
            </div>
            <div class="input">
                <input type="text" @keydown="form.errors.clear('adresse')" v-model="form.adresse" name="adresse"
                    placeholder="{{ trans('contact.adresse') }}">
                <span class="help is-danger" v-if="form.errors.has('adresse')"
                    v-text="form.errors.get('adresse')"></span>
            </div>
            <div class="input">
                <input type="text" @keydown="form.errors.clear('ville')" v-model="form.ville" name="ville"
                    placeholder="{{ trans('contact.ville') }}">
                <span class="help is-danger" v-if="form.errors.has('ville')" v-text="form.errors.get('ville')"></span>
            </div>
            <div class="input">
                <input type="text" @keydown="form.errors.clear('pays')" v-model="form.pays" name="pays"
                    placeholder="{{ trans('contact.pays') }}*">
                <span class="help is-danger" v-if="form.errors.has('pays')" v-text="form.errors.get('pays')"></span>
            </div>
            <div class="input message">
                <textarea @keydown="form.errors.clear('msg')" v-model="form.msg" name="msg" id="msg"
                    placeholder="{{ trans('contact.message') }}*"></textarea>
                <span class="help is-danger" v-if="form.errors.has('msg')" v-text="form.errors.get('msg')"></span>
            </div>

            <div class="subscribe">
                <input class="square" id="subscribe" v-model="form.subscribe" :checked="form.subscribe" type="checkbox">
                <label for="subscribe">{{ trans('contact.sabonner') }}</label>
            </div>

            <button class="button" :class="className" @click.prevent="submit" v-text="">
                <span v-if="!sending">@{{ buttonMessage }}</span>
                <span v-if="sending" class="icon"><i class="fa fa-refresh fa-spin fa-fw"></i></span>
            </button>
        </div>
    </div>

    <div class="contact">
        <div class="showrooms mb-8 flex flex-col align-center md:justify-center md:flex-row">
            <div class="showroom mb-8 mr-0 md:mb-0 items-center flex flex-col flex-1">
                <div class="add name">SHOWROOM Paris</div>
                <div class="add">71, rue de la Fontaine au Roi</div>
                <div class="add">75011 Paris</div>
                <div class="add">France</div>

                <div class="separator"></div>
                <div class="info-com">{{ trans('contact.info-com') }}</div>
                <div class="add">{{ trans('contact.phone') }} : +33 (0)1 40 21 37 60</div>
                <div class="email"><a
                        href="mailto:{{ obfuscate('bonjour@dcwe.fr') }}">{{ obfuscate('bonjour@dcwe.fr') }}</a></div>
                <div class="openings">{{ trans('a-propos.openings') }}</div>
            </div>

            <!-- <div class="showroom items-center flex flex-col flex-1">
                    <div class="add name">SHOWROOM Copenhague</div>
                    <div class="add">Kanonbådsvej 4A,</div>
                    <div class="add">1437 København</div>
                    <div class="add">{{ trans('contact.denmark') }}</div>

                    <div class="separator"></div>
                    <div class="info-com">{{ trans('contact.info-com') }}</div>
                    <div class="add">{{ trans('contact.phone') }} : (+45) 42 50 07 70</div>
                    <div class="email"><a
                            href="mailto:{{ obfuscate('nordic@dcwe.fr') }}">{{ obfuscate('nordic@dcwe.fr') }}</a></div>
                    <div class="openings">{{ trans('a-propos.openings-den') }}</div>
                </div> -->
        </div>

        <div class="separator"></div>
        <div class="info-com">{{ trans('contact.projets') }}</div>
        <div class="add">Tel : +33 (0)1 40 21 37 60</div>
        <div class="email"><a
                href="mailto:{{ obfuscate('contract@dcwe.fr') }}">{{ obfuscate('contract@dcwe.fr') }}</a></div>

        <div class="separator"></div>
        <div class="info-com">{{ trans('contact.presse') }}</div>
        <div class="add">Virginie Jouve</div>
        <div class="add">Tel : +33 (0)6 07 89 52 18</div>

        <div class="email"><a
                href="mailto:{{ obfuscate('relationspresse@virginiejouve.com') }}">{{ obfuscate('relationspresse@virginiejouve.com') }}</a>
        </div>
    </div>
</div>
@endsection