@extends('layouts.logintemp')

@section('sidebar')
    @parent

    <p>This is appended to the master sidebar.</p>
@stop

@section('content')

<div class="main-wrapper">
        <!-- ============================================================== -->
        <!-- Preloader - style you can find in spinners.css -->
        <!-- ============================================================== -->
        <div class="preloader">
            <div class="lds-ripple">
                <div class="lds-pos"></div>
                <div class="lds-pos"></div>
            </div>
        </div>
        <!-- ============================================================== -->
        <!-- Preloader - style you can find in spinners.css -->
        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- Login box.scss -->
        <!-- ============================================================== -->
        <div class="auth-wrapper d-flex no-block justify-content-center align-items-center" style="background:url(../../assets/images/big/auth-bg.jpg) no-repeat center center;">
            <div class="auth-box">
                <div id="loginform">
                    <div class="logo">
                        <span class="db"><img src="assets/images/logos/logo.jpeg" width="100px" alt="logo" /></span>
                        <h5 class="font-medium mb-3"> Mot de passe Réinitialisé</h5>
                    </div>
                    <!-- Form -->
                    <div class="row">
                        <div class="col-12">
                            <div class="alert alert-success alert-rounded"> <i class="ti-lock"></i> 
                                <span id="pwd_spn">{{$pass1}} </span>
                                <button type="button" id="cp_btn" class="btn btn-default float-right" > <i class="fa fa-copy"></i> </button>
                            </div>
                            <div class="form-group text-center">
                                <div class="col-xs-12 pb-3">
                                    <!-- @if($link != 3) -->
                                    <a href="{{url($link)}}" class="btn btn-block btn-lg btn-info" >Retour</a>
                                    <!-- @endif
                                    @if($link == 3) -->
                                    <!-- <a href="{{url($link)}}" class="btn btn-block btn-lg btn-info" >Retour</a> -->
                                    <!-- @endif -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
        <script>
            document.getElementById("cp_btn").addEventListener("click", copy_password);

            function copy_password() {
                var copyText = document.getElementById("pwd_spn");
                var textArea = document.createElement("textarea");
                textArea.value = copyText.textContent;
                document.body.appendChild(textArea);
                textArea.select();
                document.execCommand("Copy");
                textArea.remove();
            }
        </script>
        <!-- ============================================================== -->
        <!-- Login box.scss -->
        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- Page wrapper scss in scafholding.scss -->
        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- Page wrapper scss in scafholding.scss -->
        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- Right Sidebar -->
        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- Right Sidebar -->
        <!-- ============================================================== -->
    </div>

@stop