%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/silvzytp/ccd-ind-code/resources/views/auth/
Upload File :
Create Path :
Current File : //home/silvzytp/ccd-ind-code/resources/views/auth/forgot-email.blade.php

<!DOCTYPE html>
<html>

<head>
    <base href="{{ url('/') }}">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width initial-scale=1.0">
    {{-- CSRF TOKEN --}}
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>Forgot Password - {{ env('APP_NAME') }}</title>
    <!-- GLOBAL MAINLY STYLES-->
    <link rel="stylesheet" href="{{ asset('assets') }}/vendors/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="{{ asset('assets') }}/vendors/fontawesome/css/all.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
    <!-- THEME STYLES-->
    <link href="{{ asset('/') }}css/main.min.css" rel="stylesheet" />
    <!-- PAGE LEVEL STYLES-->
    <link href="{{ asset('/') }}css/pages/auth-light.css" rel="stylesheet" />

    <style>
        .login-title {
            font-weight: 700;
        }
        .main-content{
            background: #f4f4f4;
        }
        .vh-100{
            height: 100vh;
        }
        .content{
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }
        .cursor-pointer{
            cursor: pointer;
        }
        .footer {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            background: #ffffff;
            padding: 10px 0;
            font-size: 14px;
            font-weight: 500;
        }
        .w-60{
            width: 70%;
        }
        .main-content{
            background-repeat: no-repeat;
            background-size: cover;
        }

        @media only screen and (max-width: 768px) {
            .w-60{
                width: 100%;
            }
        }
    </style>
</head>

<body class="main-content vh-100 position-relative">
    <div class="row justify-content-center h-100 align-items-center">

        <div class="col-lg-4 col-12">
            <form id="login-form" class="bg-white px-4 py-2" action="{{ route('forgot-email') }}" method="post">
                @csrf
                <h2 class="login-title">Forgot Password</h2>
                <div class="form-group">
                    <div class="input-group-icon right">
                        <div class="input-icon"><i class="fa fa-envelope"></i></div>
                        <input class="form-control" type="email" name="email" placeholder="Email" autocomplete="off">
                        @error('email')
                            <span class="d-block text-danger error">{{ $message }}</span>
                        @enderror
                    </div>
                </div>
                <div class="form-group">
                    <button class="btn btn-info btn-block cursor-pointer" type="submit">Send Email</button>
                </div>
            </form>
        </div>
    </div>

    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <p class="mb-0 text-center">2023 © ALL RIGHTS RESERVED BY THE SILVER OAK PROPERTIES LLC DUBAI</p>
                </div>
            </div>
        </div>
    </footer>

    <!-- CORE PLUGINS -->
    <script src="{{ asset('assets/') }}/vendors/jquery/jquery-3.3.1.min.js"></script>
    <script src="{{ asset('assets/') }}/vendors/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
    <!-- PAGE LEVEL SCRIPTS-->
    <script>
        $(function() {
            $('#login-form').validate({
                errorClass: "help-block",
                rules: {
                    email: {
                        required: true,
                        email: true
                    },
                    password: {
                        required: true
                    }
                },
                highlight: function(e) {
                    $(e).closest(".form-group").addClass("has-error")
                },
                unhighlight: function(e) {
                    $(e).closest(".form-group").removeClass("has-error")
                },
            });
        });

        // toastr alert message
        function flashMessage(status, message){
            toastr.options = {
                "closeButton": false,
                "debug": false,
                "newestOnTop": false,
                "progressBar": true,
                "positionClass": "toast-top-right",
                "preventDuplicates": false,
                "onclick": null,
                "showDuration": "300",
                "hideDuration": "2000",
                "timeOut": "6000",
                "extendedTimeOut": "2000",
                "showEasing": "swing",
                "hideEasing": "linear",
                "showMethod": "fadeIn",
                "hideMethod": "fadeOut"
            }

            switch (status) {
                case 'success':
                toastr.success(message);
                break;

                case 'error':
                toastr.error(message);
                break;

                case 'warning':
                toastr.warning(message);
                break;

                case 'info':
                toastr.info(message);
                break;
            }
        }

        // session flash message
        @if (Session::get('success'))
            flashMessage('success',"{{ Session::get('success') }}")
        @elseif (Session::get('error'))
            flashMessage('error',"{{ Session::get('error') }}")
        @elseif (Session::get('info'))
            flashMessage('info',"{{ Session::get('info') }}")
        @elseif (Session::get('warning'))
            flashMessage('warning',"{{ Session::get('warning') }}")
        @endif


        // password input type text
        $(document).on('click','.password-text',function(){
            if($(this).children().hasClass('fa-eye')){
                $(this).children().removeClass('fa-eye');
                $(this).children().addClass('fa-eye-slash');
                $('input[name="password"]').attr('type','text');
            }else{
                $(this).children().removeClass('fa-eye-slash');
                $(this).children().addClass('fa-eye');
                $('input[name="password"]').attr('type','password');
            }
        });

    </script>
</body>

</html>

Zerion Mini Shell 1.0