@extends('layouts.app')
@section('contents')
<style>

    .bg {
        background: url({{asset('assets/images/sign-in-page.webp')}}) no-repeat center center ;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
       min-height: 500px;
        width: 100%;
    }
    .div-min-height {
        min-height: 0px !important;
    }
    .heading{

        margin-top: 80px !important;
    }
    .font-48{
        font-family: "Poppins Bold";
        font-size: 48px;
    }
    .font-14{
        font-family: "Poppins Medium";
        font-size: 16px;
    }
    .font-20{

        font-size: 20px;
        font-family: 'Poppins Bold';

    }
    .card-header{
        background: white;
        border: 0px;
    }

    @media (max-width: 575px){

    .heading {
        margin-top: 46px !important;
        margin-bottom: 30px;

    }
        .font-48 {
            font-family: "Poppins Bold";
            font-size: 33px;
        }
        .bg {
            background: url({{asset('assets/images/sign-in-page.webp')}}) no-repeat center center ;

            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            min-height: 500px;
            width: 100%;
            background-repeat: no-repeat;
            /* background-size: contain; */
            background-position: center;
        }
    }
</style>
<div class="bg">
<div class="container">
    <div class="row ">
        <div class="col-md-8 heading px-4">
<span class="font-48">Sign in to NOAH Packaging</span>
<p class="mt-2">If you have an account, sign in with your email address.</p>

<div class="mt-5 py-3">
            <span class="font-14">
                New Customers  </span>
<p class="mb-0">
Creating an account has many benefits: check out faster, keep more than one address, track orders and more.

</p>
    <p>Don't have  an account?<span class="font-14" ><a href="{{url('signup')}}"> REGISTER NOW</a></span></p>
</div>
        </div>

        <div class="col-md-4 heading">
            <div class="card" style="border: 0px;">


                    <div class="card-header font-14 px-5 py-4 font-20">
                        Sign in
                    </div>

                <div class="card-body px-5 pt-0">
                    @if (Session::has('error'))
                        <div class="alert alert-danger">

                               {{ Session::get('error') }}

                        </div>
                    @endif
                    <form method="post" action="{{ url('client/verify-login') }}">



                        <div class="mb-3">
                            <label for="email" class="form-label">Email</label>
                            <input type="text" class="form-control form-control-sm" name="email" id="email" placeholder="Enter your Email">
                        </div>
                        <div class="mb-3">
                            <label for="password" class="form-label">Password</label>
                            <input type="password" class="form-control form-control-sm" name="password" id="password" placeholder="Password">
                        </div>

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

                                 <a href="" class="text-end" style="color: red"> Forgot Password</a>

                        </div>
                        <div class="d-grid gap-2 mb-5">
                            <button class="btn btn-warning" type="submit">SIGN IN</button>
                        @csrf
                        </div>
                    </form>
                </div>
            </div>

        </div>
    </div>

</div>
</div>
@endsection
@push('styles')
    <link rel="stylesheet" href="{{ asset("assets/css/static_pages.css") }}" type="text/css">
@endpush