@extends('layouts.tenant.auth')

@section('content')
    <div class="pt-5 text-center login100-pic js-tilt" data-tilt=""
        style="transform: perspective(300px) rotateX(0deg) rotateY(0deg);">
        <img src="{{ dynamic_url('assets/logo/pinnacle-tenant.png') }}" alt="IMG" class="m-5">

        {{-- <img class="d-flex text-justify-center" src="{{ dynamic_url('') }}/public/assets/logo/team_cabinets.jpg" alt="IMG"> --}}

    </div>
    <form class="login100-form validate-form" method="POST" action="{{ route('tenant_login_post') }}">
        @csrf
        @if ($errors->any())
            <script>
                document.addEventListener("DOMContentLoaded", function() {
                    Swal.fire({
                        icon: 'error',
                        title: 'Login Failed',
                        text: "{{ $errors->first() }}",
                        confirmButtonColor: '#d33'
                    });
                });
            </script>
        @endif
        <span class="login100-form-title">
            Login
        </span>

        @if (session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif
        <div class="wrap-input100 validate-input" data-validate="Valid email is required: ex@abc.xyz">
            <input class="input100" type="text" name="email" placeholder="Email">
            <span class="focus-input100"></span>
            <span class="symbol-input100">
                <i class="fa fa-envelope" aria-hidden="true"></i>
            </span>
        </div>

        <div class="wrap-input100 validate-input" data-validate="Password is required">
            <input class="input100" type="password" name="password" placeholder="Password">
            <span class="focus-input100"></span>
            <span class="symbol-input100">
                <i class="fa fa-lock" aria-hidden="true"></i>
            </span>
        </div>

        <div class="container-login100-form-btn">
            <button class="login100-form-btn">
                Login
            </button>
        </div>

        <div class="text-center p-t-12">
            <span class="txt1">
                Forgot
            </span>
            {{-- <a class="txt2" href="{{ route('tenant_forgot_username') }}">
                Username
                / </a> --}}
            <a class="txt2" href="{{ route('tenant_forgot_password') }}">
                Password?
            </a>
        </div>

        <div class="pt-5 text-center">
            <a class="txt2" href="{{ route('tenant_register') }}">
                Create your Account
                <i class="fa fa-long-arrow-right m-l-5" aria-hidden="true"></i>
            </a>
        </div>
    </form>
@endsection