@extends('website.layout.master')
@section('content')
    <section class="store py-5">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    @if (Session::has('message'))
                        <div class="alert alert-{{ Session::get('messageType') }} alert-block">
                            <button type="button" class="close" data-dismiss="alert">×</button>
                            <strong>{{ Session::get('message') }} </strong>
                        </div>
                    @endif
                    <div class="row">
                        <div class="col-lg-12">
                            <h3>Not a member?</h3>
                            <p>Apply now for a FREE listing, as a FREE member you can:</p>
                            <ul class="list-unstyled promise">
                                <li>Reach 1000's of new customers</li>
                                <li>Add Prices</li>
                                <li>Add Pictures</li>
                                <li>Directions</li>
                                <li>Add Store Information</li>
                                <li>Add Opening Times</li>
                            </ul>
                            {{-- <p><a href="">Apply for a FREE listing now..!</a></p> --}}
                        </div>
                        {{-- @if (Session::has('message'))
                            <div class="alert alert-{{ Session::get('messageType') }} alert-block">
                                <button type="button" class="close" data-dismiss="alert">×</button>
                                <strong>{{ Session::get('message') }} </strong>
                            </div>
                        @endif --}}
                        <div class="col-lg-12 pb-5">
                            <form id="store_login" action="{{ route('seller.login.attempt') }}" method="POST"
                                novalidate="novalidate" class="has-validator fv-plugins-bootstrap fv-plugins-framework">
                                <div>
                                    @csrf
                                    <fieldset>
                                        <legend>Enter your username (email address) and password to login.</legend>
                                        <div class="form-group fv-plugins-icon-container">
                                            <div class="input-group">
                                                <div class="input-group-prepend"><span class="input-group-text"><span
                                                            class="fa-solid fa-user" aria-hidden="true"></span></span></div><input
                                                    id="user-name" name="email" type="text" value=""
                                                    placeholder="Name" required="" class="form-control" aria-label="Name"
                                                    autocomplete="off">
                                            </div><i data-field="user-name" class="fv-plugins-icon"></i>
                                            <div class="fv-plugins-message-container"></div>
                                            @error('email')
                                                <div class="alert alert-danger">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="form-group fv-plugins-icon-container">
                                            <div class="input-group">
                                                <div class="input-group-prepend"><span class="input-group-text"><span
                                                            class="fa-solid fa-eye-slash" aria-hidden="true"></span></span></div>
                                                <input id="user-password" name="password" type="password" value=""
                                                    placeholder="password" required="" class="form-control"
                                                    aria-label="password">
                                            </div><i data-field="user-password" class="fv-plugins-icon"></i>
                                            <div class="fv-plugins-message-container"></div>
                                            @error('password')
                                                <div class="alert alert-danger">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="form-group">
                                            <div class="recaptcha-wrapper" style="min-height: 78px;">
                                                <div id="recaptcha" class="g-recaptcha"
                                                    data-sitekey="6Ld5OEwUAAAAABUkQwOSMzNTPbvxKOOIg2fIP3fE"
                                                    style="position: inherit; width: auto; height: auto; transform: scale(1);">
                                                </div>
                                            </div><br>
                                        </div>
                                        <p><a href="{{ route('seller.register') }}"
                                                class="btn btn-orange btn-block btn-lg ml-3 rounded">Apply now</a>
                                        </p>
                                        <div class="form-group"><button type="submit" name="submit-btn" value="1"
                                                class="btn btn-orange btn-lg rounded">Login</button></div>
                                    </fieldset>
                                    <div></div><input type="hidden">
                            </form>
                        </div>
                    </div>
                </div>
                {{-- <div class="col-lg-6">
                    <p><strong>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</strong></p>
                    <ul class="list-unstyled promise">
                        <li>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</li>
                        <li>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</li>
                        <li>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</li>
                        <li>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</li>
                        <li>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</li>
                        <li>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</li>
                    </ul>
                    <p><a href="{{route('seller.register')}}" class="btn btn-red btn-block btn-lg float-right rounded">Apply now</a>
                    </p>
                </div> --}}
            </div>
        </div>
    </section>
@endsection