@extends('master')
@section('style')
    <link rel='stylesheet' href="{{mix('/assets/css/app.css')}}" type='text/css' media='all' />
    <link rel="stylesheet" href="{{mix('/assets/css/pages/dashboard.css')}}">
    <link rel="stylesheet" href="/assets/plugins/sweetalert2/sweetalert2.min.css">
@endsection
@section('content')
<section class="main-title-section-wrapper default" style="">
    <div class="container">
        <div class="main-title-section">
            <h1>Recuperar contraseña</h1>
        </div>
        <div class="breadcrumb"><a href="/">Inicio</a><span class="fa default"></span><span class="current">Recuperar contraseña</span></div>
    </div>
</section>
<!-- ** Container ** -->
<div class="container">
    <section id="primary" class="content-full-width">
        <div class="account-content">
            <div class="col-lg-12">
                <div class="bg-white">
                    <div class="wrapper_complainstBook p-4">
                        <center>
                            <h3 class="account-sub-title d-md-block mt-0 pt-1 ml-1"><i class="icon-user-2 align-middle mr-3 pr-1"></i>Recuperar contraseña</h3>
                        </center>
                        <form method="post" onsubmit="recovery(this); return false;" class="complainstBook">
                            <br>
                            <div class="change-password">
                                <div class="row">
                                    <div class="col-md-12" id="message_recovery"></div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>Escribe tu cuenta de correo registrado en <b>Junedap</b> y te enviaremos un link para que restablezcas tu contraseña.</label>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>Correo</label>
                                            <input type="email" class="form-control" id="emailrec" name="emailrec" required>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <input type="hidden" id="token">
                                            <button type="submit" style="margin: 30px" class="dt-sc-button medium red rounded-corner partially-rounded" id="btnrecovery">Enviar</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <br>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
<!-- **Container - End** -->
@endsection
@section('scripts')
    <script src="{{mix('/assets/js/affiliate.js')}}"></script>
    <script src="/assets/plugins/sweetalert2/sweetalert2.min.js"></script>
@endsection