@extends('auth.auth_template')
@section('content')

<style>
    .card{
        background: transparent !important;
        box-shadow:none !important;
    }
    .signtx{
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 1.2;
        margin-bottom: 20px!important;
        color: #fff;
    }
    .form-control {
        border: none !important;
    }

    .form-control-lg {    
    border-radius: 15px !important;
}

</style>

<div class="login-box col-lg-5 col-xl-4">
    @if(session()->has('error'))
    <div class="alert alert-danger">
        {{ session()->get('error') }}
    </div>
    @endif
    @if(session('status'))
    <div class="alert alert-success">
        {{ session('status') }}
    </div>
    @endif
    <div style="margin: 20px 30px;" class="card">
        <div class="card-header bor0">
            <a href="{{url('/')}}" class="logo"><img style="margin-bottom:15px;" src="{{ asset('/images/logo.png') }}" alt="Logo" /></a>            
        </div>
        <div class="card-body">

        <h2 class="signtx">Sign In</h2>

            <form action="{{ url('/login') }}" method="post">
                {{ csrf_field() }}
                <div class="form-group mb-3">				
                    <label style="color:#ffffff;" for="email">Enter your email address or username</label>
                    <input type="email" class="form-control form-control-lg  @error('email') is-invalid @enderror" placeholder="Email address"
                        name="email" value="{{ old('email') }}">
                    @error('email')
                    <span class="invalid-feedback" role="alert">
                        <small>{{ $message }}</small>
                    </span>
                    @enderror
                </div>
                <div class="form-group mb-3">
                    <label style="color:#ffffff;" for="email">Enter your Password</label>
                    <input type="password" class="form-control form-control-lg  @error('password') is-invalid @enderror" name="password"
                        placeholder="Password">
                    @error('password')
                    <span class="invalid-feedback" role="alert">
                        <small>{{ $message }}</small>
                    </span>
                    @enderror
                </div>

                <p class="text-right ">
                    <a style="color:#f07b4c;" class="btnbluetxt" href="{{ url('/password/reset') }}">Forgot Password?</a>
                </p>

                <div class="row">
                    <div class="col-md-12">
                        <div class="text-center">
                            <button style="    border-radius: 12px;" type="submit" class="btn btn-primary w-100 mt-4">Login</button>
                        </div>
                    </div>
                </div>
                <p class="text-right clrgrey pt25">
                    Don't have an account? <a style="color:#f07b4c;" class="btnbluetxt" href="{{ url('/register') }}" class="text-center">Apply
                        for a live account</a>
                </p>
            </form>
        </div>
    </div>
</div>
<div class="d-none d-sm-block col-lg-7 col-xl-8 p-0 bg-img-login bg-dark h-100" style="background-image: url(/images/bg-sign-up.png); background-position: center right;border-radius: 50px; background-size: contain;background-repeat:no-repeat;">
<div class="">
		<div class="titel p-4 p-md-5">
			<div class="ms-lg-5 mt-4">
				<h1 class="whiteclr">Get Started.</h1>
				<p class="whiteclr">Create an account to experience our<br>powerful CRM tool.</p>
			</div>
		  </div>
		</div>
</div>
@endsection