EVOLUTION-MANAGER

Edit File: contacto.blade.php

@extends('layouts.master')

@section('contenido')
<link rel="stylesheet" type="text/css" href="{{ asset('admin/frontend/css/sweetalert2.min.css') }}">
<style type="text/css">
	.btn-green{
		color: #fff;
	    background-color: #2eb733;
		border-color: #2eb733;
	}

.btn-green:hover {
	    color: #fff;
	    background-color: #08770c;
	    border-color: #08770c;
	}
    @media (min-width: 992px){
        #divv{
            margin-left: 100px;
        }

}

h3{
        color: #16a71b;
    }

</style>

<main id="container">
    <div class="single" id="main">
        <div class="container-fluid">
            <div class="col-12" style="display: flex;justify-content: center;">
               @include('alerts.success')
                @include('alerts.errors')
            </div>

<div class="row" align="center">
                <section class="col-md-6 col-sm-6 line-right" id="postcontent" >
                    <div id="divv" class="col-10">
                        <h3>
                            <strong>
                                Contáctenos
                            </strong>
                        </h3>
                        <br>
                            {!! Form::open(['route'=>'nuevo_mensaje', 'method' => 'POST', 'onsubmit'=>'return confirmar_datos()']) !!}
                                <div class="box-body" style="text-align: left;">
                                    <div class="form-group">
                                        <label for="nombre" >
                                            Nombre
                                        </label>
                                        <input class="form-control" id="nombre" name="nombre" placeholder="Ingrese su nombre" type="text">
                                        </input>
                                    </div>
                                    <div class="form-group">
                                        <label for="exampleInputEmail1">
                                            Email
                                        </label>
                                        <input class="form-control" id="email" name="email" placeholder="Ingrese su correo electrónico" type="email">
                                        </input>
                                    </div>
                                    <div class="form-group">
                                        <label>
                                            Mensaje
                                        </label>
                                        <textarea class="form-control" id="mensaje" name="mensaje" placeholder="Ingrese mensaje" rows="5"></textarea>
                                    </div>
                                </div>
                                
                                <div class="box-footer">
                                    <button class="btn btn-green" type="submit">
                                        Enviar
                                    </button>
                                </div>
                            {!! Form::close() !!}

@stop

@section('script')
<script src="{{ asset('admin/frontend/js/sweetalert2.min.js') }}"></script>
<script type="text/javascript">
	function confirmar_datos(){

var nombre=$('#nombre').val();
	    var apellido=$('#email').val();
	    var mensaje=$('#mensaje').val();
	    console.log(nombre);
        debugger;
	    if(nombre ==''){
	      mensaje('error','No ha ingresado el nombre');
	        return false;
	    }else if(mensaje==''){
	      mensaje('error','No ha ingresado el mensaje');
	        return false;
	    }

return true;
	}

function mensaje(tipo,mensaje){
        swal({
                type: tipo,
                title: 'Advertencia',
                text: mensaje,
                buttonsStyling: false,
                confirmButtonClass: 'btn btn-lg btn-warning'
        });
    }
</script>
@stop