@extends('layouts.custom-master')

@php
// Passing the bodyClass variable from the view to the layout
$bodyClass = 'bg-white';
@endphp

@section('styles')



@endsection

@section('content')

        <div class="row authentication authentication-cover-main mx-0">
            <div class="col-xxl-9 col-xl-9">
                <div class="row justify-content-center align-items-center h-100">
                    <div class="col-xxl-4 col-xl-5 col-lg-6 col-md-6 col-sm-8 col-12">
                        <div class="card custom-card border-0 shadow-none my-4">
                            <div class="card-body p-5">
                                <div>
                                    <h4 class="mb-1 fw-semibold">Masuk ke Akun Anda</h4>
                                    <p class="mb-4 text-muted fw-normal">Akses fitur dan layanan dengan memasukkan nama pengguna serta kata sandi Anda.</p>
                                </div>
                                <form action="{{route('login.post')}}" method="POST">
                                    {{csrf_field()}}
                                    <div class="row gy-3">
                                        <div class="col-xl-12">
                                            <label for="username" class="form-label text-default">Nama Penguna</label>
                                            <input type="text" class="form-control" id="username" name="username" placeholder="Masukan Nama Penguna">
                                        </div>
                                        <div class="col-xl-12 mb-2">
                                            <label for="password" class="form-label text-default d-block">Sandi</label>
                                            <div class="position-relative">
                                                <input type="password" class="form-control" id="password" name="password" placeholder="Masukan Sandi Anda">
                                                <a href="javascript:void(0);" class="show-password-button text-muted" onclick="createpassword('signin-password',this)" id="button-addon2"><i class="ri-eye-off-line align-middle"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="d-grid mt-3">
                                        <button type="submit" class="btn btn-primary">Masuk</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xxl-3 col-xl-3 col-lg-12 d-xl-block d-none px-0">
                <div class="authentication-cover overflow-hidden">
                    <div class="authentication-cover-logo">
                        <a href="{{url('index')}}">
                        <img src="{{asset('build/assets/images/brand-logos/toggle-logo.png')}}" alt="logo" class="desktop-dark">
                        </a>
                    </div>
                    <div class="authentication-cover-background">
                        <img src="{{asset('build/assets/images/media/backgrounds/9.png')}}" alt="">
                    </div>
                    <div class="authentication-cover-content">
                        <div class="p-5">
                            <h3 class="fw-semibold lh-base">Selamat Datang di Sistem Administrasi DBIC </h3>
                            <p class="mb-0 text-muted fw-medium">Kelola data, pantau aktivitas, dan optimalkan pekerjaan Anda melalui panel kontrol yang telah kami siapkan.</p>
                        </div>
                        <div>
                            <img src="{{asset('build/assets/images/media/media-72.png')}}" alt="" class="img-fluid">
                        </div>
                    </div>
                </div>
            </div>
        </div>

@endsection

@section('scripts')

        <!-- Show Password JS -->
        <script src="{{asset('build/assets/show-password.js')}}"></script>

@endsection