@extends('layouts.auth')

@section('content')
<div class="w-lg-500px bg-body rounded shadow-lg p-10 p-lg-15 mx-auto">
    <div class="mb-12 text-center">
        <div class="text-center mb-4">
            <img alt="Logo" src="{{ asset('assets/images/logo_text.svg')}}" class="h-50px" />
        </div>
        <div class="text-center mb-4">
            <h1 class="fw-bolder">Login Mitra Panen</h1>
        </div>
        <div class="text-center mb-4">
            <div class="text-muted">Selamat datang! Silahkan masukkan detail akun anda.</div>
        </div>
    </div>
    <form method="POST" action="{{ route('login') }}" class="form w-100">
        @csrf
        <div class="fv-row mb-5">
            <label class="form-label fs-6 fw-bolder text-dark">Email</label>
            <input class="form-control form-control-lg @error('email') is-invalid @enderror" type="text" name="email"
                autocomplete="off" placeholder="Masukkan Email" value="{{ old('email') ?? '' }}" />
            @error('email')
            <div class="invalid-feedback">
                {{ $message }}
            </div>
            @enderror
        </div>
        <!--begin::Main wrapper-->
        <div class="fv-row" data-kt-password-meter="true">
            <!--begin::Wrapper-->
            <div class="mb-1">
                <!--begin::Label-->
                <label class="form-label fs-6 fw-bolder text-dark">
                    Password
                </label>
                <!--end::Label-->

                <!--begin::Input wrapper-->
                <div class="position-relative mb-3">
                    <input class="form-control form-control-lg @error('password') is-invalid @enderror" type="password"
                    name="password" autocomplete="off" placeholder="Masukkan password anda" />

                    <!--begin::Visibility toggle-->
                    <span class="btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2"
                        data-kt-password-meter-control="visibility">
                        <i class="bi bi-eye-slash fs-2"></i>

                        <i class="bi bi-eye fs-2 d-none"></i>
                    </span>
                    <!--end::Visibility toggle-->
                </div>
                <!--end::Input wrapper-->
                @error('password')
            <div class="invalid-feedback">
                {{ $message }}
            </div>
            @enderror
        </div>
        <!--end::Main wrapper-->
        <div class="text-end">
            <a class="btn btn-link text-primary" href="{{ route('password.request') }}">
                {{ __('Forgot Your Password?') }}
            </a>
        </div>
        <div class="text-center">
            <button type="submit" class="btn btn-lg btn-primary w-100 mb-5">
                Masuk
            </button>
        </div>
        <div class="text-center">
            <span class="text-muted">Belum memiliki akun? </span><a class="btn btn-link text-primary" href="https://api.whatsapp.com/send?phone=6282213589072">
                Hubungi admin mitra panen
            </a>
        </div>
    </form>
</div>
@endsection