@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>Correo</label>
                                                <input type="email" class="form-control" id="emailrec" name="emailrec" required>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label>Nueva contraseña</label>
                                                <input type="password" class="form-control" id="recpass" name="recpass" disabled>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label>Confirmar contraseña</label>
                                                <input type="password" class="form-control" id="reconfirm" name="reconfirm" disabled>
                                            </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">Validar</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>
    @if($message = Session::get('success'))
    <script type="text/javascript">
    Swal.fire(
        "Codigo Reclamo N°: {{$message}}",
        "Estimado usuario, se le envío a su correo el reclamo ingresado.",
        "success"
    )
    </script>
@endif
@endsection