@extends('layouts.front.front')
@section('title', 'Log In | Apsys Network')
{{-- main content --}}
@section('content')

<main id="static">
    <section class="common-banner-wrapper" style="background-image: url('assets/images/login/banner.jpg');">
        <h1>Log in</h1>
    </section>
    <!---->
    <div class="container">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{route('home')}}">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">Log in</li>
            </ol>
        </nav> 
    </div>
    <section class="login-wrapper">
        <div class="container">
            <div class="row g-4 g-xxl-5">
                <div class="col-lg-6 d-flex">
                    <div class="bg-white p-4 shadow-sm rounded w-100">
                        <h3 class="mb-3 text-center">Login</h1> 
                        <form action="">
                            <div class="form-group mb-4">
                                <label for="username">User name</label>
                                <input type="text" name="username" id="usernalogime" class="form-control" placeholder="Enter user name" required>
                            </div>
                            <div class="form-group mb-4">
                                <label for="password">Password</label>
                                <input type="password" name="password" id="password" class="form-control" placeholder="Enter password" required>
                                <div class="text-end"> 
                                    <a href="forgot-password.php" class="link">Forgot Password</a>
                                </div>
                            </div>
                            <div class="form-check mb-4">
                                <input type="checkbox" name="terms" id="terms" class="form-check-input">
                                <label for="terms" class="form-check-label">By logging in, you agree to Apsys Networks <a href="#"><b>Privacy Policy</b></a> and <a href="#"><b>Terms of Use</b></a> </label>
                            </div>
                            <div class="text-center">
                                <button type="submit" class="btn-brand log-in">Log in</button>
                            </div>
                            <div class="text-end mt-4">
                                <p class="mb-0">
                                    Haven't any account? <a href="registration.php" class="link">Create an Account</a>
                                </p>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="col-lg-6 mobile-top-margin login-right-text">
                    <div class="px-lg-5"> 
                        <div class="bg-white p-4 shadow-sm rounded">
                            <h5>Benefits of Creating a Apsys Networks Account</h5>
                            <p>Subscribe to receive Apsys Networks news and updates
                                Customize your experience by managing your subscription preferences and profle.</p>
                            <p>Create Custom Product Lists and Request a Quote
                                Create a customized listing of the products you need, confgure products, output your
                                list in multiple formats and request a quote</p>
                            <p>Access Training, Branding, Order Status, Pricing and many other useful tools
                                Depending on your relationship with us, there are many tools and resources available
                                by request or automatically added to your dashboard.</p>
                            <p>Technical Support Product Knowledge Base, Intelligent solution and Technical Documents
                                Some tools and content may only be available to customers with support contracts</p>
                            <!--<div class="create-account-btn">-->
                            <!--    <a href="registration.php" class="w-100 d-block"></a>-->
                            <!--</div>-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>

@endsection