<!-- 109 0 40; -->
<body class="login">
    <div class="container sm:px-10">
        <div class="block xl:grid grid-cols-2 gap-4">
            <!-- BEGIN: Login Info -->
            <div class="hidden xl:flex flex-col min-h-screen">
                <a href="/" class="-intro-x flex items-center pt-5">
                    <img alt="Nurgul" src="{{'assets/logo_white.svg'|theme}}" style="width: 17%;">
                </a>
                <div class="my-auto">
                    <img alt="Nurgul" class="-intro-x w-1/2 -mt-16" src="{{'assets/seller/login.svg'|theme}}">
                    <div class="-intro-x text-white font-medium text-4xl leading-tight mt-10">
                       {{'Nurgül Seller'|_}} <br> {{'Panel'|_}}
                    </div>
                    <div class="-intro-x mt-5 text-lg text-white text-opacity-70 dark:text-slate-400">{{'Manage all your ORDERS'|_}}</div>
                </div>
            </div>
            <!-- END: Login Info -->
            <!-- BEGIN: Login Form -->
            <div class="h-screen xl:h-auto flex py-5 xl:py-0 my-10 xl:my-0">
                <div
                    class="my-auto mx-auto xl:ml-20 bg-white dark:bg-darkmode-600 xl:bg-transparent px-5 sm:px-8 py-8 xl:p-0 rounded-md shadow-md xl:shadow-none w-full sm:w-3/4 lg:w-2/4 xl:w-auto">
                    <h2 class="intro-x font-bold text-2xl xl:text-3xl text-center xl:text-left">
                        {{'Içeri Gir'|_}}
                    </h2>
                    <div class="intro-x mt-2 text-slate-400 xl:hidden text-center"> Shift Global Logistics Platform</div>
                    {{ form_ajax('onSignin') }}
                    <div class="intro-x mt-8">
                        <input type="text" name="email" class="intro-x login__input form-control py-3 px-4 block"
                            placeholder="{{'Email'|_}}">
                        <input type="password" name="password" class="intro-x login__input form-control py-3 px-4 block mt-4"
                            placeholder="{{'Password'|_}}">
                    </div>
                    <div class="intro-x mt-5 xl:mt-8 text-center xl:text-left">
                        <button type="submit" class="btn btn-primary py-3 px-4 w-full xl:w-32 xl:mr-3 align-top">Login</button>
                    </div>
                    {{ form_close() }}
                </div>
            </div>
            <!-- END: Login Form -->
        </div>
    </div>
    <!-- BEGIN: Dark Mode Switcher-->

    <!-- BEGIN: JS Assets-->
    <script src="{{'assets/jquery.js'|theme}}"></script>
    <script src="{{'assets/jquery.session.js'|theme}}"></script>
    <script src="{{'assets/js/app.js'|theme}}"></script>
    <!-- END: JS Assets-->

    {% scripts %}
    {% framework extras %}
</body>
