<?php require_once "../php/login.php";     ?>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Innovatex</title>

    <link rel="icon" type="image/png" href="images/favicon.png">
    <!-- Livewire Styles -->
    <style>
        [wire\:loading][wire\:loading],
        [wire\:loading\.delay][wire\:loading\.delay],
        [wire\:loading\.inline-block][wire\:loading\.inline-block],
        [wire\:loading\.inline][wire\:loading\.inline],
        [wire\:loading\.block][wire\:loading\.block],
        [wire\:loading\.flex][wire\:loading\.flex],
        [wire\:loading\.table][wire\:loading\.table],
        [wire\:loading\.grid][wire\:loading\.grid],
        [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {
            display: none;
        }

        [wire\:loading\.delay\.none][wire\:loading\.delay\.none],
        [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest],
        [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter],
        [wire\:loading\.delay\.short][wire\:loading\.delay\.short],
        [wire\:loading\.delay\.default][wire\:loading\.delay\.default],
        [wire\:loading\.delay\.long][wire\:loading\.delay\.long],
        [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer],
        [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {
            display: none;
        }

        [wire\:offline][wire\:offline] {
            display: none;
        }

        [wire\:dirty]:not(textarea):not(input):not(select) {
            display: none;
        }

        :root {
            --livewire-progress-bar-color: #2299dd;
        }

        [x-cloak] {
            display: none !important;
        }
    </style>
    <link rel="preload" as="style" href="build/assets/app-iOLLC2Yq.css" />
    <link rel="modulepreload" href="build/assets/app-IWHowsJd.js" />
    <link rel="stylesheet" href="build/assets/app-iOLLC2Yq.css" data-navigate-track="reload" />
    <script type="module" src="build/assets/app-IWHowsJd.js" data-navigate-track="reload"></script>
</head>

<body class="h-full flex bg-black overflow-hidden">

    <div class=" w-full flex flex-col">
        <div wire:snapshot="{&quot;data&quot;:{&quot;account&quot;:&quot;user&quot;,&quot;email&quot;:null,&quot;password&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;ODqD1d9CHk3EgDFg83K2&quot;,&quot;name&quot;:&quot;login&quot;,&quot;path&quot;:&quot;login&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[&quot;498832750-0&quot;],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;b8d7681bb91a96cf2579ee39683b6af8bdfc81af7a52d49d608c2126a10b0d59&quot;}"
            wire:effects="{&quot;scripts&quot;:{&quot;498832750-0&quot;:&quot;    &lt;script&gt;\n        Alpine.data(&#039;alert&#039;, () =&gt; ({\n            error: false,\n            success: false,\n            msg: &#039;&#039;,\n\n            init() {\n                $wire.on(&#039;error&#039;, ($event) =&gt; {\n                    if (this.success) {\n                        this.success = false;\n                    }\n                    this.error = true;\n                    this.msg = $event?.content\n                    setTimeout(() =&gt; {\n                        this.error = false;\n                    }, 6000)\n                });\n\n                $wire.on(&#039;success&#039;, ($event) =&gt; {\n                    if (this.error) {\n                        this.error = false;\n                    }\n\n                    this.success = true;\n\n                    this.msg = $event?.content\n                    setTimeout(() =&gt; {\n                        this.success = false;\n                    }, 6000)\n                });\n            },\n        }));\n    &lt;\/script&gt;\n    &quot;}}"
            wire:id="ODqD1d9CHk3EgDFg83K2" class="w-full flex  h-full">
            <div x-data="alert">
                <div x-cloak x-show="error"
                    class="   w-full fixed bg-[#a51414] text-center text-white py-2 text-xl z-[1000000000000] top-0 right-0">
                    <p x-text="msg"></p>
                </div>

                <div x-cloak x-show="success"
                    class="    w-full fixed bg-[green]  text-center text-white py-2 text-xl z-[100000000] top-0 right-0">
                    <p x-text="msg"></p>
                </div>

            </div>


            <div class="  hidden w-1/2 lg:flex flex-col items-center ">
                <img src="images/login-img.png" class=" h-full w-full object-cover object-center" alt="">

                <div
                    class="absolute z-50 bottom-28 lg:w-[561px] text-center !text-white flex items-center flex-col gap-y-4">
                    <img class="w-[130.95px]" src="images/logo.png" class="" alt="">

                    <b class="text-[32px] font-[700]">
                        Buy & Sell Each Digital Cryptocurrency and stocks
                    </b>
                    <p class="font-[400] text-[14px] lg:w-[375px]">
                        Easily buy Bitcoin and other cryptocurrencies using a wide range of payment options. Discover
                        exclusive
                        digital collectibles using InCrypto today
                    </p>
                </div>
            </div>

            <div class="text-white lg:w-1/2 w-full h-full bg-dark grid  place-items-center p-4">
                <div class="lg:w-[362px] flex flex-col lg:gap-40 gap-20 w-full">
                    <div class="  flex flex-col gap-6 w-full">
                        <h2 class="text-white font-[700] text-[24px] text-center">
                            Login
                        </h2>

                        <form action="login.php" method="post">
                          <?php
                        if(count($errors) == 1){
                         ?>
                         <div class="alert alert-danger text-center">
                             <?php
                             foreach($errors as $showerror){
                                 echo $showerror;
                             }
                             ?>
                         </div>
                         <?php
                      }elseif(count($errors) > 1){
                         ?>
                         <div class="alert alert-danger">
                             <?php
                             foreach($errors as $showerror){
                                 ?>
                                 <li><?php echo $showerror; ?></li>
                                 <?php
                             }
                             ?>
                         </div>
                         <?php
                      }

                      ?>
                    

                            <div class="flex flex-col gap-2 w-full">
                                <label class=" text-[14px] font-light ">Email Address</label>
                                <input name="email" placeholder="Enter Email" type="email"
                                    class=" lg:min-w-[361px] w-full p-3  text-[12px] font-light bg-transparent rounded-lg border border-[#333333]">
                            </div>

                            <div class="flex flex-col gap-2 w-full ">
                                <label class=" text-[14px] font-light ">Password</label>
                                <input name="password" placeholder="Enter Password" type="password"
                                    class=" lg:min-w-[361px] w-full p-3 text-[12px] font-light  bg-transparent rounded-lg border border-[#333333]">
                            </div>

                            <a href="forget-password.html" class="text-end text-[10px] font-light">
                                Forgot password?
                            </a>
                            <div class="w-full relative">
                                <button name="login" type="submit"
                                    class=" w-full bg-red rounded-lg p-3 text-[14px] font-[700]">
                                    Sign in
                                </button>
                            </div>
                        </form>
                    </div>


                    <div class=" flex flex-col gap-4 ">
                        <div class="text-center text-[14px] font-light text-[#848484]">
                            Not a Member yet?
                        </div>
                        <a href="register.php" class=" bg-[#202020] rounded-lg p-3 text-[14px] font-[700] text-center">
                            Sign Up
                        </a>
                    </div>

                </div>
            </div>

        </div>
    </div>
</body>
<!-- Smartsupp Live Chat script -->
<script src="//code.jivosite.com/widget/GCSlIOBwTh" async></script>



</html>
