@extends('layout')

@section('metatitle', "Contact ".config('app.website_metatitle'))
@section('metadescription', "Contact ".config('app.website_metadescription') )
@section('metakeywords', "Contact ".config('app.website_metakeywords') )


@section('content')
    @include('layouts._breadcrumb', array( "name" => "contact" ))
    {{--@include('layouts._big_title_page', array( "name" => "contact" ))--}}

@section('header')
    <script src="{{ url('/') }}/js/validation/dist/jquery.validate.min.js"></script>
    @endsection

            <!--stay_in_touch_area_start-->
    <div class="stay-touch-area">
        <div class="container">
            <div class="row">
                <form enctype="multipart/form-data" method="POST" action="{{ url()->route('contact') }}" id="contact">
                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
                        <div class="touch-text">
                            <h3>Contact</h3>
                        </div>
                        <div class="smal-text">
                        </div>
                        {{ csrf_field()  }}
                        <div class="row">
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                        <div class="touch-form">
                                            <span class="name">Nume *</span><br>
                                            <input type="text" name="name"><br>
                                            <span class="name">Email *</span><br>
                                            <input type="tel" name="email"><br>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                        <div class="touch-form">
                                            <span class="name">Telefon *</span><br>
                                            <input type="text" name="phone"><br>
                                            <span class="name">Subiect</span><br>
                                            <input type="text" name="subject"><br>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                <div class="row">
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <div class="touch-textarea">
                                            <span class="name">Mesaj</span><br>
                                            <textarea name="message" id="textarea" cols="89" rows="5"></textarea><br>
                                            <div class="continue-butt">
                                                <input class="hvr-underline-from-left" type="submit"
                                                       value="Trimite mesaj">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                        <div class="address-area">
                            <div class="single-address">
                                <p><i class="fa fa-map-marker"></i> <strong class="stro">Adresa:</strong><br> <span
                                            class="add-tex"> Str. Victoriei Nr. 54<br/>
                                    Baia Mare, Maramures</span></p>
                            </div>
                            <div class="single-email">
                                <p><i class="fa fa-envelope-o"></i><strong class="emai-stro">Email :</strong><br> <span
                                            class="email-tex"> Ioana.Iancu@Pigna.Ro</span></p>
                            </div>
                            <div class="customar-supp">
                                <p><i class="fa fa-phone"></i> <strong class="cus-stro">Telefon:</strong><br> <span
                                            class="cus-tex">
                                Comenzile Prin Telefon Nu Sunt Diponibile!<br/>
                                0725.634.034<br/> 0730.654.783 <br/>
</span></p>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {{--PENTRU VALIDARE--}}
    <script>
        // validate signup form on keyup and submit
        $("#contact").validate({
            rules: {
                name: "required",
                phone: "required",
                subject: "required",
                message: "required",
                email: {
                    required: true,
                    email: true
                },
            },
            errorPlacement: function (error, element) {
                error.insertBefore(element);
            },
            errorElement: 'div',
            messages: {
                name: "Va rugam completati campul",
                phone: "Va rugam completati campul",
                subject: "Va rugam completati campul",
                message: "Va rugam completati campul",
                email: "Va rugam completati campul",
                email: "Please enter a valid email address",
            }
        });

    </script>
@endsection