<div class="container-fluid p-0">
    <div class="row m-0">
        <div class="col-12 p-0">
            <div class="login-card">
                <div>
                    <div class="login-main bg-primary d-flex justify-content-center">
                        <div class="login-inner w-100">
                            <img class="d-block img-fluid m-auto mb-5 form-logo" src="/assets/images/logo_white.png" alt="logo" />
                            
                                <div class="row">
                                    <div class="col-md-12 mb-3">
                                        <div class="form-group">
                                            <label for="email">Email</label>
                                            <input class="form-control input-white @error('email') is-invalid @enderror" id="email" name="email" type="email" required="" placeholder="Inserisci" wire:model="email" />
                                            @error('email')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-12 mb-3">
                                        <div class="form-group">
                                            <label for="password">Password</label>
                                            <div class="form-input position-relative">
                                                <input class="form-control input-white @error('password') is-invalid @enderror" id="password" name="password" type="password" required="" placeholder="Inserisci" wire:model="password" />
                                                @error('password')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror
                                                <div class="show-hide"><span class="show text-white"> </span></div>
                                            </div>
                                            <a class="link text-secondary d-inline-block mt-2 f-w-300" href="/forget-password">Hai dimenticato la password?</a>
                                            <div class="form-check checkbox-solid-info mt-2">
                                                <input class="form-check-input" id="remember" type="checkbox" />
                                                <label class="form-check-label" for="remember">Ricordami</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group mb-0 checkbox-checked">
                                    <div class="text-center mt-4">
                                        <button class="btn btn-secondary btn-block text-uppercase fw-bold btn-large" type="button" wire:click="login()">Accedi</button>
                                    </div>
                                </div>
                                <div class="text-center mt-3">
                                    <a class="text-secondary text-uppercase text-underline fw-bold" href="/registration">Registrati</a>
                                </div>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>