@extends('layouts.master')
@section('title', 'Login')

@section('style')
    <style></style>
@endsection

@section('script')
    <script></script>
@endsection

@section('content')
    {{-- @include('layouts.header') --}}
    <div class="container">
        <div class="d-flex justify-content-center align-items-center" style="height:90vh">
            <div class="card" style="min-width: 50vw; width:auto">
                <div class="card-body text-center">
                    <div class="mb-3">
                        {{-- <img class="w-50" src="{{ url('/logo', 'siit.jpg') }}" alt=""> --}}
                        <img class="w-15" src="{{ asset('/logo/siitlogo.png') }}" alt="">
                    </div>

                    <form action="{{ url('/login') }}" class="text-start mb-3" method="post" enctype="multipart/form-data">
                        @csrf
                        <div class="form-floating mb-4">
                            <input type="text" class="form-control" placeholder="Username" name="username"
                                id="loginUsername">
                            <label for="loginUsername">Username</label>
                        </div>
                        <div class="form-floating password-field mb-4">
                            <input type="password" class="form-control" placeholder="Password" name="password"
                                id="loginPassword">
                            <span class="password-toggle"><i class="uil uil-eye"></i></span>
                            <label for="loginPassword">Password</label>
                        </div>
                        <button class="btn btn-primary rounded-pill btn-login w-100 mb-2" type="submit">Login</button>
                    </form>
                    <p class="mb-1"><a href="{{ url('/forgotpasswordrequest') }}" class="hover">Forgot Password?</a></p>
                </div>
            </div>
        </div>
    </div>
@endsection