@extends('layouts.auth.index')
@section('title','Login')
@include('auth._js.login')

@push('style')
    <style>
        .btn-primary:hover {
            color: #ffffff !important;
        }
    </style>
@endpush

@section('content')
<div class="container">

    <div class="auth-inner">
        
        <div class="auth-left">
            <div class="auth-card">
                <div class="logo">
                    <img src="{{ asset('assets/img/logo.png') }}" alt="">
                </div>
                <div class="label-logo text-white">
                    <h1 class="">TRACK</h1>
                    <h1><b>DISASTER</b></h1>
                </div>
            </div>
        </div>

        <div class="auth-wrapper">
            <div class="auth-card">
                <div class="text-center">
                    <img src="{{ asset('assets/img/logo.png') }}" alt="">
                    <div class="mb-3 mt-3">
                        <h4 class="mb-3 fw-semibold">Login</h4>
                        <h5 class="fw-normal">Untuk mengakses Fitur Lengkap</h5>
                    </div>
                </div>
                <div id="alert" class="alert py-2 d-flex justify-content-center">

                </div>

                <form id="login-form">
                    <div class="mb-3">
                        <label for="" class="mb-2">Email</label>
                        <input type="text" name="email" class="form-control" placeholder="Masukkan email kamu">
                    </div>
                    <div class="mb-3 input-password">
                        <label for="" class="mb-2">Password</label>
                        <input type="password" name="password" class="form-control" placeholder="Masukkan password kamu" autocomplete="new-password">
                    </div>
                    {{-- <button type="submit" class="btn btn-block btn-primary rounded-3 w-100 mb-2">Login</button> --}}
                    <button type="button" id="btn-login" class="btn btn-block btn-primary rounded-3 w-100 mb-2">Login</button>
                </form> 
                <div class="text-center">
                    <span>Belum punya akun? <a href="{{ route('auth.register') }}"><b> Registrasi Sekarang ! </b></a></span>
                </div>
            </div>
        </div>

    </div>

</div>
@endsection