Edit File - File Manager

Edit File: login.blade.php

<!DOCTYPE html>
<html class="loading" lang="en" data-textdirection="rtl">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta name="description"
        content="Vuexy admin is super flexible, powerful, clean &amp; modern responsive bootstrap 4 admin template with unlimited possibilities.">
    <meta name="keywords"
        content="admin template, Vuexy admin template, dashboard template, flat admin template, responsive admin template, web app">
    <meta name="author" content="PIXINVENT">
    <title>{{ __('site.login') }}</title>
    <link rel="apple-touch-icon" href="{{ asset('storage/images/settings/fav_icon.png') }}">
    <link rel="shortcut icon" type="image/x-icon" href="{{ asset('storage/images/settings/fav_icon.png') }}">

<body
    class="vertical-layout vertical-menu-modern 1-column  navbar-floating footer-static bg-full-screen-image  blank-page blank-page"
    data-open="click" data-menu="vertical-menu-modern" data-col="1-column">
    
    <div class="app-content content">
        <div class="content-wrapper">
            <div class="content-body">
                <section class="row flexbox-container">
                    <div class="col-xl-12 d-flex justify-content-center">
                        <div class="card bg-transparent rounded-0 mb-0 w-75">
                            <div class="row m-0 overflow-hidden rounded " style="background: #0000004f">
                                <div class="col-lg-6 d-lg-block d-none text-center align-self-stretch p-1">
                                    <img class="auth-logo" src="{{ $data['logo'] }}" alt="branding logo">
                                </div>
                                <div class="col-lg-6 col-12 p-0 bg-white">
                                    <div class="card rounded-0 mb-0 p-2">
                                        <div class="card-header">
                                            <div class="card-title w-100">
                                                <h4 class="mb-1 w-100 text-center font-weight-bold">
                                                    {{ __('site.login') }}</h4>
                                            </div>
                                            {{-- <ul class="row  list-unstyled">

<li class="dropdown dropdown-language "><a class="dropdown-toggle"
                                                        id="dropdown-flag" href="#" data-toggle="dropdown"
                                                        aria-haspopup="true" aria-expanded="false">
                                                        @if (lang() == 'ar')
                                                            <i class="fa-solid fa-language"></i><span
                                                                class="selected-language ml-1">عربي</span>
                                                    </a>
                                                @else
                                                    <i class="fa-solid fa-globe"></i><span
                                                        class="selected-language ml-1">English</span></a>
                                                    @endif
                                                    <div class="dropdown-menu" aria-labelledby="dropdown-flag">
                                                        <a class="dropdown-item" href="{{ url('admin/lang/ar') }}"
                                                            data-language="en"><i class="fa-solid fa-language"></i>
                                                            عربي</a>
                                                        <a class="dropdown-item" href="{{ url('admin/lang/en') }}"
                                                            data-language="en"><i class="fa-solid fa-globe"></i>
                                                            English</a>
                                                    </div>
                                                </li>

</ul> --}}
                                        </div>
                                        <p class="px-2 text-center">{{ __('site.hi') }} {{ $data['name_' . lang()] }}
                                        </p>
                                        <div class="card-content">
                                            <div class="card-body pt-1">
                                                <form class="form-horizontal mt-1"
                                                    action="{{ route('admin.login') }}" method="post">
                                                    @csrf
                                                    
                                                    <fieldset
                                                        class="form-label-group form-group position-relative has-icon-left mb-3">
                                                        <input type="email" class="form-control"
                                                            placeholder="{{ __('site.email') }}" name="email"
                                                            required>
                                                        <div class="form-control-position">
                                                            <i class="feather icon-mail"></i>
                                                        </div>
                                                        <label class="field-label"
                                                            for="phone">{{ __('site.email') }}</label>
                                                    </fieldset>

<fieldset
                                                        class="form-label-group position-relative has-icon-left mb-2">
                                                        <input type="password" class="form-control" name="password"
                                                            placeholder="{{ __('site.password') }}" required>
                                                        <div class="form-control-position">
                                                            <i class="feather icon-lock"></i>
                                                        </div>
                                                        <label class="field-label"
                                                            for="user-password">{{ __('site.password') }}</label>
                                                    </fieldset>
                                                    <div
                                                        class="form-group d-flex justify-content-between align-items-center">
                                                        <div class="text-left">
                                                            <fieldset class="checkbox">
                                                                <div class="vs-checkbox-con vs-checkbox-primary">
                                                                    <input type="checkbox">
                                                                    <span class="vs-checkbox">
                                                                        <span class="vs-checkbox--check">
                                                                            <i class="vs-icon feather icon-check"></i>
                                                                        </span>
                                                                    </span>
                                                                    <span
                                                                        class="text-dark">{{ __('site.remember') }}</span>
                                                                </div>
                                                            </fieldset>
                                                        </div>
                                                    </div>
                                                    <button type="submit"
                                                        class="btn btn-primary w-100 btn-inline submit_button">{{ __('site.login') }}</button>
                                                </form>
                                            </div>
                                        </div>

</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

</div>
        </div>
    </div>

$(document).ready(function() {
            $(document).on('submit', '.form-horizontal', function(e) {
                e.preventDefault();
                var url = $(this).attr('action')
                $.ajax({
                    url: url,
                    method: 'post',
                    data: new FormData($(this)[0]),
                    dataType: 'json',
                    processData: false,
                    contentType: false,
                    beforeSend: function() {
                        $(".submit_button").html('<i class="fas fa-spinner"></i>').attr(
                            'disables', true);
                    },
                    success: function(response) {
                        $(".text-danger").remove()
                        $('.form-horizontal input').removeClass('border-danger')
                        if (response.status == 'login') {
                            toastr.success(response.message)
                            setTimeout(function() {
                                window.location.replace(response.url)
                            }, 1000);
                        } else {
                            $(".submit_button").html(
                                `<i class="ft-unlock"></i> {{ __('admin.login') }}`).attr(
                                'disable', false)
                            $('.form-horizontal input[name=password]').addClass('border-danger')
                            $('.form-horizontal input[name=password').after(
                                `<span class="mt-5 text-danger">${response.message}</span>`);
                        }
                    },
                    error: function(xhr) {
                        $(".submit_button").html("{{ __('admin.login') }}").attr('disable',
                            false)
                        $(".text-danger").remove()
                        $('.form-horizontal input').removeClass('border-danger')

$.each(xhr.responseJSON.errors, function(key, value) {
                            $('.form-horizontal input[name=' + key + ']').addClass(
                                'border-danger')
                            $('.form-horizontal input[name=' + key + ']').after(
                                `<span class="mt-5 text-danger">${value}</span>`);
                        });
                    },
                });

});
        });
    </script>
</body>

</html>

Back to File Manager