Taiftech-LLC
/
admin.dukany.io


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210
							<!DOCTYPE html>
<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, shrink-to-fit=no" />
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <meta property="og:image" itemprop="image" content="https://admin.meemapp.net/public/assets/images/meem_meta.png">    <title>meem</title>
    <meta name="description" content="meem food ordering system">
    <meta property="og:type" content="website" />

    <!-- Favicon Icon -->
    <link rel="icon" type="image/png" href="{!! env('APP_ASSETS') !!}images/favicon.ico">
    <link rel="apple-touch-icon" sizes="128x128" href="{!! env('APP_ASSETS') !!}images/favicon.ico">
    <link rel="shortcut icon" sizes="128x128" href="{!! env('APP_ASSETS') !!}images/favicon.ico">
    <!-- Feather Icon-->
    <link href="{!! env('APP_ASSETS') !!}css/vendors_css.css" rel="stylesheet" type="text/css">
    <!-- Fontawesome Icon-->
    <link href="{!! env('APP_ASSETS') !!}css/style.css" rel="stylesheet" type="text/css">
    <link href="{!! env('APP_ASSETS') !!}css/style_new.css" rel="stylesheet" type="text/css">
    <style>
        .user-section{
            max-width: 440px; margin: 0 auto; width: 100%;
        }
        .register-form{
                display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 500px;
    flex: 1 0 500px;
    max-width: 100%;
    padding: 3vmax 2.5vmax;
    min-height: 100vh;
        }
        .form-control, .form-select {
    height: 46px !important;
    border-color: #E4E6EB !important;
    border-radius: 7px !important;
}
label.error{
    color: #F00;
}
.alert{
    display: none;
}
    </style>


</head>

    <body class="light-skin sidebar-mini theme-primary fixed">
    <div class="wrapper" style="overflow-y: auto !important">

        <div class="row">
            <div class="col-md-6 register-form">

                @if(isset($user))

                    @csrf
                <div class="user-section">
                     <form id="create-user" action="{!! env('APP_URL') !!}create/user" method="POST"  enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="invite_id" value="{!! request()->route('id') !!}">
                    <h3 class="mb-50"><img src="{!! env('APP_ASSETS') !!}images/logo-dashboard.png" style="margin-right: 10px;" />Meem</h3>
                    <strong>{!! $resto->name !!}</strong> has invited you to Meem. Add your personal info below to sign up.
                    <h3 class="mt-30 mb-15">Create account</h3>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>First Name <span class="mandatory">*</span></label>
                                <input type="text" class="form-control" required name="first_name" placeholder="Enter your first name" />
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Last Name <span class="mandatory">*</span></label>
                                <input type="text" class="form-control" name="last_name" required placeholder="Enter your last name" />
                            </div>
                        </div>
                    </div>


                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>Country Code <span class="mandatory">*</span></label>
                                <select class="form-control" name="country_code">
                                    <option value="964">+964</option>
                                    <option value="971">+971</option>

                                </select>
                            </div>
                        </div>
                        <div class="col-md-8">
                            <div class="form-group">
                                <label>Mobile Number <span class="mandatory">*</span></label>
                                <input type="text" class="form-control" name="mobile_number" required placeholder="Enter your mobile" />
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <label>Email <span class="mandatory">*</span></label>
                                <input type="text" class="form-control" name="email" value="{!! isset($user)?$user->email:"" !!}" readonly required placeholder="Enter your mobile" />
                        </div>
                    </div>

                    <div class="row mt-10">
                        <div class="col-md-12">
                            <label>Create Password <span class="mandatory">*</span></label>
                                <input type="password" class="form-control" id="password" name="password" required placeholder="*********" />
                        </div>
                    </div>

                    <div class="row mt-10">
                        <div class="col-md-12">
                            <label>Confirm your Password <span class="mandatory">*</span></label>
                                <input type="password" class="form-control" id="confirm_password" name="confirm_password" required placeholder="********" />
                        </div>
                    </div>
                            <div class="row mt-10">
                                <div class="col-sm-12">
                                    <div class="alert alert-success"></div>
                                      <div class="alert alert-danger"></div>
                                </div>
                            </div>

                    <div class="row mt-10">
                        <div class="col-md-12 text-center">
                            <button class="btn btn-primary w-100 create-user" style="width: 100% !important;">Create User</button>
                        </div>
                    </div>
                </form>

                </div>
                @else
                    <div class="user-section text-center">
                        <p class="text-danger">Invitation link is expired.</p>
                    </div>
                @endif

            </div>
            <div class="col-md-6" style="background: #ffab00;">

            </div>
        </div>

    </div>
</body>

<script src="{!! env('APP_ASSETS') !!}js/vendors.min.js"></script>

<script src="{!! env('APP_ASSETS') !!}js/jquery.validate.min.js"></script>
<script src="{!! env('APP_ASSETS') !!}js/jquery.form.js"></script>

<script type="text/javascript">
    $(function(){

        $('#create-user').validate({
            rules : {
                password : {
                    minlength : 8
                },
                confirm_password : {
                    minlength : 8,
                    equalTo : "#password"
                }
            }
            });

        $("body").on("click",".create-user",function(e){
            if($("#create-user").valid()){
                $("#create-user").ajaxForm(function(response){
 response = $.parseJSON(response);
                    if(response){
                            if(response.type=="success"){
                                $(".alert-success").html(response.message);
                                $(".alert-success").show();

                                setTimeout(function(){
                                    if(response.role=="staff")
                                        window.location = "{!! env('APP_URL') !!}orders";
                                        else
                                   window.location = "{!! env('APP_URL') !!}dashboard";
                                },2500);

                            }else{
                                 $(".alert-danger").html(response.message);
                                $(".alert-danger").show();
                            }

                        }

                }).submit();
            }

            e.preventDefault();


        });

    })
</script>
</head>