<!DOCTYPE html>
<html lang="en" class="h-100">


<head>
    <meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="author" content="laundry">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><%= data.app_name%></title>
    <!-- Favicon icon -->
    <link rel="icon" type="image/png" sizes="16x16" href="uploads/<%=data.app_favicon%>">
    <link rel="stylesheet" type="text/css" href="../../vendor/select2.css">
     <!-- Toastr -->
     <link rel="stylesheet" href="vendor/toastr/css/toastr.min.css">
    <link href="css/style.css" rel="stylesheet">

</head>

<body class="h-100">
    <div class="authincation h-100">
        <div class="container h-100">
            <div class="row justify-content-center h-100 align-items-center">
                <div class="col-md-12 mt-4">
					
					<div class="authincation-content bg-white card">
                        <div class="row no-gutters">
                            <div class="col-xl-12">
                                <div class="auth-form">
									<div class="text-center mb-3">
										<a href="#"><img src="uploads/<%=data.app_logo%>" width="60px"  alt=""></a>
									</div>
                                    <h4 class="text-center mb-4 ">Sign up your Shop account</h4>
                                    <p class=""> <span class="text-black">Went to register as Customer ? </span><a class="text-primary" href="/register">Click here</a></p>
                                    <form action="/shopregister" method="post" class="needs-validation" enctype="multipart/form-data">
                                        <div class="row">
                                            <div class="row">
                                                <div class="col-xl-4 col-md-4">
                                                    <div class="form-group">
                                                        <label class="mb-1 "><h5>Shop Name</h5></label>                                            
                                                        <input type="text" placeholder="Enter Shop Name" class="form-control" name="name"  required>
                                                    </div>
                                                </div>
                                                <div class="col-xl-4 col-md-4">
                                                    <div class="form-group">
                                                        <label class="mb-1 "><h5>Store Email</h5></label>
                                                        <input type="email" class="form-control"placeholder="Enter Email" name="store_email" required>
                                                    </div>
                                                </div>
                                                <div class="col-xl-4 col-md-4">
                                                    <div class="form-group">
                                                    <label class="mb-1 "><h5> Phone Number (with Country Code)</h5></label>
                                                    <input type="number" class="form-control" placeholder="+919896959793" name="number" required>
                                                </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-6 col-md-6">
                                                
                                                <div class="form-group">
                                                        <label class="mb-1 "><h5>State</h5></label>
                                                        <input type="text" class="form-control" placeholder="Enter State Name" name="state" required>
                                                    </div>
                                                <div class="form-group">
                                                    <label class="mb-1 "><h5>City</h5></label>
                                                    <input type="text" class="form-control" placeholder="Enter City Name" name="city" required>
                                                </div>
                                                 <div class="form-group">
                                                    <label class="mb-1 "><h5>Store Tax No</h5></label>
                                                    <input type="text" class="form-control" placeholder="Enter Store Tax Number" name="tax_number" required>
                                                </div>
                                            </div>
                                            <div class="col-xl-6 col-md-6">
                                                <div class="form-group">
                                                    <label class="mb-1 "><h5>Store Logo</h5></label>
                                                    <div class="form-file"><input type="file" class=" form-file-input form-control-lg border-rounded" name="logo" required></div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="mb-1 "><h5>Username</h5></label>
                                                    <input type="text" class="form-control" placeholder="Enter User Name" name="username" required>
                                                </div>
                                                <div class="form-group">
                                                    <label class="mb-1 "><h5>Password</h5></label>
                                                    <input type="password" class="form-control" placeholder="Enter Password" name="password" required>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="text-center mt-4">
                                            <button type="submit" class="btn bg-white text-white bg-primary btn-block">Sign me up</button>
                                        </div>
                                    </form>
                                    <div class="new-account mt-3 text-center">
                                        <p class=""> <span class="text-black">Already have an account?</span> <a class="text-primary" href="/">Login</a></p>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<!--**********************************
        Scripts
    ***********************************-->
    <!-- Required vendors -->
    <script src="vendor/global/global.min.js"></script>
    <script src="vendor/bootstrap-select/dist/js/bootstrap-select.min.js"></script>

    <script src="../../js/select2/select2.full.min.js"></script>
    <script src="../../js/select2/select2-custom.js"></script>
    <!-- Toastr -->
    <script src="vendor/toastr/js/toastr.min.js"></script>
    <% if(success.length > 0){ %>
        <script>
            (function ($) {
        "use strict"
      
        toastr.success('<%=success%>', {
                        timeOut: 500000000,
                        closeButton: !0,
                        debug: !1,
                        newestOnTop: !0,
                        progressBar: !0,
                        positionClass: "toast-top-right",
                        preventDuplicates: !0,
                        onclick: null,
                        showDuration: "300",
                        hideDuration: "1000",
                        extendedTimeOut: "1000",
                        showEasing: "swing",
                        hideEasing: "linear",
                        showMethod: "fadeIn",
                        hideMethod: "fadeOut",
                        tapToDismiss: !1
                    })
                })(jQuery)
        </script>
    <% } %>
    <% if(error.length > 0){ %>
        <script>
            (function ($) {
        "use strict"
        

        toastr.error('<%=error%>',{
                        timeOut: 500000000,
                        closeButton: !0,
                        debug: !1,
                        newestOnTop: !0,
                        progressBar: !0,
                        positionClass: "toast-top-right",
                        preventDuplicates: !0,
                        onclick: null,
                        showDuration: "300",
                        hideDuration: "1000",
                        extendedTimeOut: "1000",
                        showEasing: "swing",
                        hideEasing: "linear",
                        showMethod: "fadeIn",
                        hideMethod: "fadeOut",
                        tapToDismiss: !1
                    })
                })(jQuery)
        </script>
    <% } %>
    <script src="js/custom.min.js"></script>
    <script src="js/deznav-init.js"></script>

    <script>
        function selectRefresh() {
           $(".js-example-basic-single").select2();
        }
        
        $(document).ready(function () {
           selectRefresh();
        })
    </script>
</body>

</html>