@extends('layouts.auth')
@section('content')
<div class="row cardo d-flex align-items-center justify-content-center h-100" style="background-color: white; padding: 10px 50px 50px 50px; border-radius: 40px;">
    <div class="col-lg-12 text-center">
        <img src="/assets/images/vendor/logo.png" alt="">
    </div>
    <div class="col-md-6 col-lg-7 col-xl-6 first-col" style="place-self: flex-start;">
        <!-- php echo $this->tag->form(array('id' => 'klien-login-form', 'class' => 'm-t validate', 'role' => 'form')); ?> -->
        <form id="klien-login-form" class="m-t validate" role="form" method="post">
            <input type="hidden" name="next_page"  />
            <h1>Login</h1>
            <div class="form-group">
                <label class="lb_login" for="exampleInputEmail1">Email</label>
                <!-- <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email"> -->

            </div>
            <div class="form-group">
                <label class="lb_login" for="exampleInputPassword1">Password</label>
                <!-- <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password"> -->
            </div>
            <div class="label fh-text">
                <span><a href="#" data-toggle="modal" data-target="#mdl-forget-password">Forgot Password?</a></span>
            </div>
            <div class="text-center">
                <!-- <button type="submit" class="btn btn-aksi mt-4 primary-color white-text">Sign In</button> -->
            </div>
        </form>
        <div class="col-lg-12">
            <div class="text-center my-3 th-text">
                or continue with
            </div>
        </div>
        <div class="row text-center">
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                <a href="#" class="btn btn-sosmed ln">
                    <img src="/assets/images/vendor/gg.png" class="img-icon" alt="">
                </a>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                <a href="#" class="btn btn-sosmed ln">
                    <img src="/assets/images/vendor/fb.svg" class="img-icon" alt="">
                </a>
            </div>
        </div>
        <div class="col-lg-12">
            <div class="text-center my-3 sc-text">
                Don’t have an account yet? <span><a href="#">Register for free</a></span>
            </div>
        </div>
    </div>
    <div class="col-md-6 col-lg-5 col-xl-5 offset-xl-1 img-char">
        <img src="/public/img/apartment.png" class="img-fluid">
    </div>
</div>
@endsection