@extends('layouts.app')

@section('content')
    <div class="section_general bg-plomo">
        {{-- CONTACTO BANNER --}}
        <div class="section1n nosotros1">
            <div class="section1n-bg contacto_banner animated fadeIn">
                <div class="bgh text-white animated fadeInLeft">
                    <h2 class="text-center">{{app()->getLocale() == 'es' ? 'Contáctate con nosotros':'Contact us'}}</h2>
                    <p class="text-center">{{app()->getLocale() == 'es' ? 'Consultas, preguntas, opiniones, sugerencias, comentarios sobre los contenidos de nuestros productos':'Queries, questions, opinions, suggestions, comments about the contents of our products'}}</p>
                </div>
            </div>
        </div>
        <div class="nosotros2 py-4 bg-white animated fadeInUp">
            <h3 class="sec-h31 mb-0 text-center">{{app()->getLocale() == 'es' ? 'Bienvenidos':'Welcome'}} <span class="sec-span1">/ {{app()->getLocale() == 'es' ? 'Contáctenos':'Contact us'}}</span></h3>
        </div>
        <hr class="my-0">

        {{-- MENSAJE --}}
        @isset($_GET['msg'])
        <div class="col-12 col-md-6 mx-auto pt-4">
            <div class="alert alert-success alert-dismissible fade show mb-0" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
                <strong>Tus datos se enviaron correctamente, en breve se contáctaran contigo.</strong> 
            </div>
        </div>
        @endisset
        
        @if ($errors->any())
        <div class="col-12 col-md-6 mx-auto pt-4">
            <div class="alert alert-danger alert-dismissible fade show mb-0" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
                <strong>Por favor completa los campos requeridos.</strong> 
            </div>
        </div>
        @endif

        {{-- CONTACTO 1 --}}
        <div class="contacto1 animated fadeInUp">
            <div class="col-12 col-md-10 col-lg-8 mx-auto bg-white contacto1-div">
                <h2>{!! app()->getLocale() == 'es' ? 'Deja un <span>comentario</span>':'Leave a <span>comment</span>' !!}</h2>
                <p>{{app()->getLocale() == 'es' ? 'Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *':'Your email address will not be published. Required fields are marked *'}}</p>
                <form action="{{url('contacto/form')}}" method="POST">
                    @csrf
                    <div class="form-group">
                        <label class="mb-1">{{app()->getLocale() == 'es' ? 'Nombres *':'Names *'}}</label>
                        <input type="text" name="form_nombre" id="" class="form-control @error('form_nombre') is-invalid @enderror" placeholder="{{app()->getLocale() == 'es' ? 'Nombre del contacto':'Contact name'}}" value="{{ old('form_nombre') }}" required>
                        <div class="invalid-feedback">Campo requerido.</div>
                    </div>
                    <div class="form-group">
                        <label class="mb-1">{{app()->getLocale() == 'es' ? 'Apellidos *':'Surnames *'}}</label>
                        <input type="text" name="form_apellido" id="" class="form-control @error('form_apellido') is-invalid @enderror" placeholder="{{app()->getLocale() == 'es' ? 'Apellidos del contacto':'Surname of the contact'}}" value="{{ old('form_apellido') }}" required>
                        <div class="invalid-feedback">Campo requerido.</div>
                    </div>
                    <div class="row">
                        <div class="form-group col-md-6">
                            <label class="mb-1">{{app()->getLocale() == 'es' ? 'Tipo de documento *':'Document type'}}</label>
                            <select name="form_tipoDocumento" id="" class="form-control @error('form_tipoDocumento') is-invalid @enderror" required>
                                <option value="">{{app()->getLocale() == 'es' ? 'Seleccionar':'To select'}}</option>
                                <option value="DNI">DNI</option>
                            </select>
                            <div class="invalid-feedback">Campo requerido.</div>
                        </div>
                        <div class="form-group col-md-6">
                            <label class="mb-1">{{app()->getLocale() == 'es' ? 'Número de documento *':'Document number *'}}</label>
                            <input type="text" name="form_numeroDocumento" id="" class="form-control @error('form_numeroDocumento') is-invalid @enderror" placeholder="Ingrese número de DNI" value="{{ old('form_numeroDocumento') }}" required>
                            <div class="invalid-feedback">Campo requerido.</div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="mb-1">Email *</label>
                        <input type="email" name="form_email" id="" class="form-control @error('form_email') is-invalid @enderror" placeholder="{{app()->getLocale() == 'es' ? 'Correo electrónico':'Email'}}" value="{{ old('form_email') }}" required>
                        <div class="invalid-feedback">Campo requerido.</div>
                    </div>
                    <div class="form-group">
                        <label class="mb-1">{{app()->getLocale() == 'es' ? 'Teléfono *':'Telephone *'}}</label>
                        <input type="text" name="form_telefono" id="" class="form-control @error('form_telefono') is-invalid @enderror" placeholder="{{app()->getLocale() == 'es' ? 'Ingrese N° telefónico':'Enter phone number'}}" value="{{ old('form_telefono') }}" required>
                        <div class="invalid-feedback">Campo requerido.</div>
                    </div>
                    <div class="form-group">
                        <label class="mb-1">{{app()->getLocale() == 'es' ? 'Empresa':'Company'}}</label>
                        <input type="text" name="form_empresa" id="" class="form-control" placeholder="{{app()->getLocale() == 'es' ? 'Nombre de la empresa':'Company name'}}" value="{{ old('form_empresa') }}">
                    </div>
                    <div class="form-group">
                        <label class="mb-1">{{app()->getLocale() == 'es' ? 'Sector *':'Sector *'}}</label>
                        <input type="text" name="form_sector" id="" class="form-control @error('form_sector') is-invalid @enderror" placeholder="{{app()->getLocale() == 'es' ? 'Ingrese el sector':'Enter sector'}}" value="{{ old('form_sector') }}" required>
                        <div class="invalid-feedback">Campo requerido.</div>
                    </div>
                    <div class="form-group">
                        <label class="mb-1">{{app()->getLocale() == 'es' ? 'Asunto':'Affair'}}</label>
                        <input type="text" name="form_asunto" id="" class="form-control" placeholder="{{app()->getLocale() == 'es' ? 'Ingrese el asunto':'Enter affair'}}" value="{{ old('form_asunto') }}">
                    </div>
                    <div class="form-group">
                        <label class="mb-1">{{app()->getLocale() == 'es' ? 'Comentario *':'Commentary *'}}</label>
                        <textarea name="form_comentario" id="" class="form-control @error('form_comentario') is-invalid @enderror" rows="5" placeholder="{{app()->getLocale() == 'es' ? 'Ingrese comentarios':'Enter comments'}}" required>{{ old('form_comentario') }}</textarea>
                        <div class="invalid-feedback">Campo requerido.</div>
                    </div>
                    <div class="pt-4">
                        <div class="col-12 text-right px-0">
                            <button type="submit" class="btn btn-send-contacto hvr-grow">Enviar mensaje</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection