Edit File - File Manager

Edit File: reset_password.blade.php

<!DOCTYPE html>
<?php
$settings= App\Models\Setting::all()->pluck('value', 'key');
?>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{$settings['site_name']}} </title>

<link rel="stylesheet" href="{{URL::to('site/css/all.min.css')}}">
    <link rel="stylesheet" href="{{URL::to('site/css/bootstrap.min.css')}}">
    <link rel="stylesheet" href="{{URL::to('site/webfonts/stylesheet.css')}}">
    <link rel="stylesheet" href="{{URL::to('site/css/animate.css')}}">
    <link rel="stylesheet" href="{{URL::to('site/css/statics.css')}}">
    <link rel="stylesheet" href="{{URL::to('site/css/styles.css')}}">
    @if(Session::has('lang')&&Session::get('lang')=='en')
        <link rel="stylesheet" href="{{URL::to('site/css/styles_en.css')}}">
    @endif
</head>
<body class="direction">

<nav class="nav-bar">
    <div class="container-lg">
        <div class="row align-items-center ">
            <div class="col-2 text-center">
                <a href="{{route('site.index')}}"><img src="{{$settings['logo']?URL::to('assets/uploads/settings/'.$settings['logo']):URL::to('site/imgs/logo.png')}}" style="width: 36px;" alt=""></a>
            </div>
            <div class="side-over-lay"></div>
            <div class="col-md  nav-side">
                <div class="nav-buttons d-inline-block">
                    <a class="nav-button" href="{{route('site.index')}}">{{trans('site.Home')}}</a>
                    <a class="nav-button" href="{{route('site.index')}}">{{trans('site.who_are_we')}}</a>
                    <a class="nav-button" href="{{route('site.index')}}">{{trans('site.advantages')}}</a>
                    <a class="nav-button" href="{{route('site.index')}}">{{trans('site.order_steps')}}</a>
                    <a class="nav-button" href="{{route('site.index')}}"> {{trans('site.contact_us')}} </a>
                </div>
                <div class="d-inline-flex ml-md-4 mr-md-5 align-items-center user-section">
                    <a href="{{route('stores_dashboard.get_login')}}" class="material-button button1 m-1"> {{trans('site.join_store')}}</a>
                    <a href="{{route('delegates_dashboard.get_login')}}" class="material-button button2 m-1">{{trans('site.join_delegate_company')}} </a>
                </div>
                <div class="d-inline-block" >
                    @if(Session::has('lang')&&Session::get('lang')=='en')
                        <button class="lang-selector font10 color-gray2" >
                            <img src="{{URL::to('site/imgs/icons/united_states.svg')}}" alt="">
                            English
                            <i class="fa fa-angle-down"></i>
                            <div class="langs">
                                <ul>
                                    <li>
                                        <a href="/lang/ar">
                                            <img src="{{URL::to('site/imgs/icons/saudi.svg')}}" alt="">
                                            العربية
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </button>
                    @else
                        <button class="lang-selector font10 color-gray2" >
                            <img src="{{URL::to('site/imgs/icons/saudi.svg')}}" alt="">
                            العربية
                            <i class="fa fa-angle-down"></i>
                            <div class="langs">
                                <ul>
                                    <li>
                                        <a href="/lang/en">
                                            <img src="{{URL::to('site/imgs/icons/united_states.svg')}}" alt="">
                                            English
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </button>
                    @endif
                </div>
            </div>

<h5 class="bold">{{trans('delegates_dashboard.restore')}}</h5>
        <p class="m-3"> {{trans('delegates_dashboard.forget_rule')}}</p>

</div>

<form id="resetForm" class="container ">
            @csrf
            <h6 class="bold border-bottom pt-3 pb-3 mb-4">{{trans('delegates_dashboard.restore')}}</h6>

<div class="font12 text-center">
                <p> {{awtTrans('  لم تستلم الكود؟ ')}}  <a class="resend" href="#"> {{awtTrans(' إعادة الارسال ')}}  </a></p>
            </div>

<div class="form-group">
                <label class="bold font14" for="Password1"> {{trans('delegates_dashboard.password')}} </label>
                <div class="password-cont">
                    <input name="password" type="password" class="form-control" id="Password1" aria-describedby="emailHelp" placeholder="{{trans('delegates_dashboard.password')}}">
                    <i class="fa fa-eye color-gray" id="signInShowPassword1"></i>
                </div>
            </div>

<div class="form-group">
                <label class="bold font14" for="Password1">{{trans('delegates_dashboard.password_confirm')}} </label>
                <div class="password-cont">
                    <input name="password_confirmation" type="password" class="form-control" id="Password2" aria-describedby="emailHelp" placeholder="{{trans('delegates_dashboard.password')}}">
                    <i class="fa fa-eye color-gray" id="signInShowPassword2"></i>
                </div>
            </div>

<button id="resetbtn" type="submit" class="button1 w-100 mt-3 material-button" > {{trans('delegates_dashboard.confirm')}}</button>

</form>
    </div>

</div>

<script src="{{URL::to('site/js/jquery-3.4.1.js')}}" ></script>
<script src="{{URL::to('site/js/intlTelInput.js')}}" ></script>
<script src="{{URL::to('site/js/popper.js')}}" ></script>
<script src="{{URL::to('site/js/bootstrap.min.js')}}" ></script>
<script src="{{URL::to('site/js/alerts.js')}}" ></script>
<script src="{{URL::to('site/js/scripts.js')}}" ></script>
<script>
    const inputElements = [...document.querySelectorAll('input.code-input')]

inputElements.forEach((ele,index)=>{
        ele.addEventListener('keydown',(e)=>{
            if(e.keyCode === 8 && e.target.value==='') inputElements[Math.max(0,index-1)].focus()
        })
        ele.addEventListener('input',(e)=>{
            const [first,...rest] = e.target.value
            e.target.value = first ?? ''
            if(index!==inputElements.length-1 && first!==undefined) {
                inputElements[index+1].focus()
                inputElements[index+1].value = rest.join('')
                inputElements[index+1].dispatchEvent(new Event('input'))
            }
        })
    })
    function onSubmit(e){
        e.preventDefault()
        const code = [...document.getElementsByTagName('input')]
            .filter(({name})=>name)
            .map(({value})=>value)
            .join('')
        console.log(code)
    }
</script>
<script>
    $("#resetbtn").on('click',function(e){
        e.preventDefault();
        var form = $('#resetForm').get(0);
        var formData = new FormData(form);
        var oldText = $(this).text();
        $(this).prop('disabled', true).css({
            opacity:'0.5'
        }).text("{{trans('delegates_dashboard.loading')}}");

$.ajax({
            url:"{{route('delegates_dashboard.post_reset_password')}}",
            type:"POST",
            data: formData,
            dataType: "json",
            processData: false,
            contentType: false,
            cache: false,
            success:function(data){
                $('#resetbtn').removeAttr("disabled").css({
                    opacity:'1'
                }).text(oldText);
                if(data.key =='success'){
                    Swal.fire({
                        title: data.msg,
                        position:'top',
                        timer: 15000,
                        type:'success',
                        showCloseButton: false,
                        showConfirmButton:false,
                        animation: true
                    })
                    location.assign(data.url);
                }else{
                    Swal.fire({
                        title: data.msg,
                        position:'top',
                        timer: 3000,
                        type:'error',
                        showCloseButton: false,
                        showConfirmButton:false,
                        animation: true
                    })
                }
            }
        });
    });
</script>

$.ajax({
            url:"{{route('delegates_dashboard.resendCode')}}",
            type:"GET",
            dataType: "json",
            processData: false,
            contentType: false,
            cache: false,
            success:function(data){
                if(data.key =='success') {
                    swal.fire({
                        title: data.msg,
                        position:'top',
                        timer: 3000,
                        type:'success',
                        showCloseButton: false,
                        showConfirmButton:false,
                        animation: true
                    })
                    location.assign(data.location);
                }else{
                    swal.fire({
                        title: data.msg,
                        position:'top',
                        timer: 3000,
                        type:'error',
                        showCloseButton: false,
                        showConfirmButton:false,
                        animation: true
                    })
                }
            }
        });
    });
</script>

</body>
</html>

Back to File Manager