@extends('layout.master')

@section('content')
    {{-- {{ date('Y-m-d H:i:s') }} --}}
    <div class="bg-body-emphasis sticky-top landing-navbar" data-navbar-shadow-on-scroll="data-navbar-shadow-on-scroll">

        <nav class="navbar navbar-expand-lg container-small px-3 px-lg-7 px-xxl-3"><a
                class="navbar-brand flex-1 flex-lg-grow-0" href="{{ route('home') }}">

                <div class="d-flex align-items-center">

                    <img src="{{ get_setting_data('header_logo') != '' ? url('uploads/setting', get_setting_data('header_logo')) : asset('assets/images/logo.png') }}"
                        alt="phoenix" width="27">

                    <p class="logo-text ms-2">Quick Algo</p>

                </div>

            </a>

            <div class="collapse navbar-collapse header_nav" id="navbarSupportedContent">

                <div class="d-grid d-lg-flex align-items-center">

                    <a class="btn btn-link text-body order-1 order-lg-0 ps-4 me-lg-2" href="{{ route('home') }}">Sign

                        in</a><a class="btn btn-phoenix-primary order-0" href="{{ route('signup') }}"><span
                            class="fw-bold">Sign Up</span></a>

                </div>

            </div>

        </nav>

    </div>

    <div class="container-fluid bg-body-tertiary dark__bg-gray-1200">

        <div class="bg-holder bg-auth-card-overlay" style="background-image: url({{ asset('assets/img/bg/37.png') }})">

        </div>

        <!--/.bg-holder-->

        <div class="row flex-center position-relative min-vh-100 g-0 py-5">

            <div class="col-11 col-sm-10 col-xl-8">

                <div class="card border border-translucent auth-card">

                    <div class="card-body pe-md-0">

                        <div class="row align-items-center gx-0 gy-7 home_page_card">

                            <div
                                class="col-auto bg-body-highlight dark__bg-gray-1100 rounded-3 position-relative overflow-hidden auth-title-box">

                                <div class="bg-holder" style="background-image: url({{ asset('assets/img/bg/38.png') }});">

                                </div>

                                <!--/.bg-holder-->

                                <div
                                    class="position-relative px-4 px-lg-7 pt-7  text-center text-md-start ">

                                    <h3 class="mb-3 text-body-emphasis fs-7">

                                        QUICK ALGOPLUS PRIVATE LIMITED

                                    </h3>
                                    <p>firm is offerings B2B specialising in the development of advanced software solutions
                                        for web, mobile, and desktop platforms. We want to build a different type of company
                                        that’s focused on the happiness of our customers, affiliates and team, and our
                                        personal growth along the journey.</p>
                                    <p>Our API Solutions | Website Development | Digital Marketing / SEO | Paid Marketing |
                                        CRM / ERP / Software
                                        Planning | Analysis | Design | Coding | Testing |Deployment
                                        We are working hard on our APIs solutions & it will bring a lot of new features.</p>

                                    <p>DotNet API | WebSocket API | NODE JS API Python API & More</p>
                                    {{-- 
                                    <p class="text-body-tertiary">

                                        Give yourself some hassle-free development process with

                                        the uniqueness of Phoenix!

                                    </p> --}}

                                    {{-- <ul class="list-unstyled mb-0 w-max-content w-md-auto">

                                        <li class="d-flex align-items-center">

                                            <span class="uil uil-check-circle text-success me-2"></span><span

                                                class="text-body-tertiary fw-semibold">Fast</span>

                                        </li>

                                        <li class="d-flex align-items-center">

                                            <span class="uil uil-check-circle text-success me-2"></span><span

                                                class="text-body-tertiary fw-semibold">Simple</span>

                                        </li>

                                        <li class="d-flex align-items-center">

                                            <span class="uil uil-check-circle text-success me-2"></span><span

                                                class="text-body-tertiary fw-semibold">Responsive</span>

                                        </li>

                                    </ul> --}}

                                </div>

                                <div class="position-relative z-n1 mb-2 mt-5 d-none d-md-block text-center ">

                                    <img class="auth-title-box-img d-dark-none"
                                        src="{{ asset('assets/img/spot-illustrations/auth.png') }}" alt="" /><img
                                        class="auth-title-box-img d-light-none"
                                        src="{{ asset('assets/img/spot-illustrations/auth-dark.png') }}" alt="" />

                                </div>

                            </div>

                            @if (\Request::route()->getName() == 'signup')
                                @include('signup')
                            @else
                                <div class="col mx-auto">

                                    <div class="auth-form-box">

                                        <div class="text-center mb-7">

                                            <a class="d-flex flex-center text-decoration-none mb-4"
                                                href="{{ route('home') }}">

                                                <div class="d-flex align-items-center fw-bolder fs-3 d-inline-block">

                                                    <img src="{{ get_setting_data('header_logo') != '' ? url('uploads/setting', get_setting_data('header_logo')) : asset('assets/images/logo.png') }}"
                                                        alt="Qucik Algo" width="58" />

                                                </div>

                                            </a>

                                            <h3 class="text-body-highlight">Sign In</h3>

                                            <p class="text-body-tertiary">

                                                Get access to your account

                                            </p>

                                        </div>

                                        <div class="position-relative">

                                            <hr class="bg-body-secondary mt-5 mb-4" />

                                            <div class="divider-content-center bg-body-emphasis">

                                                use email

                                            </div>

                                        </div>

                                        <form action="{{ route('login') }}" method="POST">

                                            @csrf

                                            <div class="mb-3 text-start">

                                                <label class="form-label" for="email">Email address</label>

                                                <div class="form-icon-container">

                                                    <input class="form-control form-icon-input" id="email"
                                                        name="email" type="email" placeholder="name@example.com" /><span
                                                        class="fas fa-user text-body fs-9 form-icon"></span>

                                                    @error('email')
                                                        <div class="col-form-alert-label">

                                                            {{ $message }}

                                                        </div>
                                                    @enderror

                                                </div>

                                            </div>

                                            <div class="mb-3 text-start">

                                                <label class="form-label" for="password">Password</label>

                                                <div class="form-icon-container">

                                                    <input class="form-control form-icon-input" id="password"
                                                        type="password" name="password" placeholder="Password" /><span
                                                        class="fas fa-key text-body fs-9 form-icon"></span>

                                                    @error('password')
                                                        <div class="col-form-alert-label">

                                                            {{ $message }}

                                                        </div>
                                                    @enderror

                                                </div>

                                            </div>

                                            <div class="row flex-between-center mb-7">

                                                <div class="col-auto">

                                                    <a class="fs-9 fw-semibold"
                                                        href="{{ route('forget_password') }}">Forgot

                                                        Password?</a>

                                                </div>

                                            </div>

                                            <button class="btn btn-primary w-100 mb-3">

                                                Sign In

                                            </button>

                                        </form>

                                        <div class="text-center">

                                            <a class="fs-9 fw-bold" href="{{ route('signup') }}">Create an account</a>

                                        </div>

                                    </div>

                                </div>
                            @endif

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>
@endsection