@extends('layouts.master-second')
@section('content')
<title>Envio de notificaciones</title>
<style>
body{
    background: -webkit-linear-gradient(left, #5755d9, #5755d9);
}
.contact-form{
    background: #fff;
    margin-top: 10%;
    margin-bottom: 5%;
    width: 70%;
}
.contact-form .form-control{
    border-radius:1rem;
}
.contact-image{
    text-align: center;
}
.contact-image img{
    border-radius: 6rem;
    width: 11%;
    margin-top: -3%;
    transform: rotate(29deg);
}
.contact-form form{
    padding: 14%;
}
.contact-form form .row{
    margin-bottom: -7%;
}
.contact-form h3{
    margin-bottom: 8%;
    margin-top: -10%;
    text-align: center;
    color: #0062cc;
}
.contact-form .btnContact {
    width: 50%;
    border: none;
    border-radius: 1rem;
    padding: 1.5%;
    background: #f4cc1d!important;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}
.btnContactSubmit
{
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    color: #fff;
    background-color: #f4cc1d!important;
    border: none;
    cursor: pointer;
}
</style>
<div class="container">
    <div class="columns">
        <div class="col-12">
          <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
          <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
          <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<div class="container contact-form">
            <form method="post" action="https://www.yekoclub.com/mobile-push">
              @csrf
                <h3>Env&iacute;o de notificaciones push</h3>
               <div class="row">
                    <p style="color:green" align="center">Se ha enviado la notificaci&oacute;n exitosamente!</p>
                </div>
            </form>
</div>
        </div>
    </div>
</div>
@endsection