@extends('website.layout.master')
@section('content')
    <header class="contact py-5">
        <div class="container">
            <div class="row">
                <div class="col-lg-9 mx-auto">
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
                    <form id="sign-up-form-1" action="{{route('seller.register.process')}}" method="POST" data-fv-no-icon="true"
                        class="has-validator fv-plugins-bootstrap fv-plugins-framework" >
                       @csrf
                        {{-- <div><input name="sign-up-form-1-token" type="hidden"
                                value="177089736362ac2f45c01149.51137141"><input name="sign-up-form-1" type="hidden"
                                value="1"></div> --}}
                        <fieldset>
                            <legend>Join Us</legend>
                            <div class="form-group fv-plugins-icon-container"><input id="company" name="company"
                                    type="text" value="{{ old('company') }}" placeholder="Company"  class="form-control"
                                    aria-label="Company">
                                <div class="fv-plugins-message-container"></div>
                                @error('company')
                                    <div class="alert alert-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group fv-plugins-icon-container"><input id="branch" name="branch"
                                    type="text" value="{{ old('branch') }}" placeholder="Branch" class="form-control"
                                    aria-label="Branch">
                                <div class="fv-plugins-message-container"></div>
                                @error('branch')
                                    <div class="alert alert-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group fv-plugins-icon-container"><input id="address" name="address"
                                    type="text" value="{{ old('address') }}" placeholder="Address line 1" required=""
                                    class="form-control" aria-label="Address line 1">
                                <div class="fv-plugins-message-container"></div>
                                @error('address_line_1')
                                    <div class="alert alert-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="form-group"><input id="address_line2" name="address_line2" type="text"
                                    value="{{ old('address_line2') }}" placeholder="Address line 2" class="form-control"
                                    aria-label="Address line 2">
                                    @error('address_line_2')
                                    <div class="alert alert-danger">{{ $message }}</div>
                                @enderror</div>
                            <div class="form-group"><input id="town" name="town" type="text" value="{{ old('town') }}"
                                    placeholder="Town" class="form-control" aria-label="Town">
                                    @error('town')
                                    <div class="alert alert-danger">{{ $message }}</div>
                                @enderror</div>
                            <div class="form-group"><input id="city" name="city" type="text" value="{{ old('city') }}"
                                    placeholder="City" class="form-control" aria-label="City">
                                    @error('city')
                                    <div class="alert alert-danger">{{ $message }}</div>
                                @enderror</div>
                                    
                            <div class="form-group fv-plugins-icon-container"><input id="county" name="county"
                                    type="text" value="{{ old('county') }}" placeholder="County" required="" class="form-control"
                                    aria-label="County">
                                    @error('county')
                                <div class="alert alert-danger">{{ $message }}</div>
                            @enderror
                                <div class="fv-plugins-message-container"></div>
                            </div>
                            <div class="form-group fv-plugins-icon-container"><input id="postcode" name="postcode"
                                    type="text" value="{{ old('postcode') }}" placeholder="Postcode" data-fv-zipcode=""
                                    data-fv-zipcode-country="GB" data-fv-zipcode-message="Please enter a valid UK postcode"
                                    required="" class="form-control" aria-label="Postcode">
                                <div class="fv-plugins-message-container"></div>
                                @error('postcode')
                                <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-phone" aria-hidden="true"></span></span></div><input
                                        id="phone" name="phone" type="text" value="{{ old('phone') }}" placeholder="Phone"
                                        data-fv-phone="" data-fv-phone-country="GB"
                                        data-fv-phone-message="Please enter a valid UK phone number" required=""
                                        class="form-control" aria-label="Phone">
                                </div>
                                <div class="fv-plugins-message-container"></div>
                                @error('phone')
                                <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-phone" aria-hidden="true"></span></span></div><input
                                        id="phone_2" name="phone_2" type="text" value="{{ old('phone_2') }}"
                                        placeholder="Phone #2" data-fv-phone="" data-fv-phone-country="GB"
                                        data-fv-phone-message="Please enter a valid UK phone number" class="form-control"
                                        aria-label="Phone #2">
                                </div>
                                <div class="fv-plugins-message-container"></div>
                                @error('phone_2')
                                <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-user" aria-hidden="true"></span></span></div><input
                                        id="user-name" name="name" type="text" value="{{ old('name') }}"
                                        placeholder="Name" required="" class="form-control" aria-label="Name">
                                </div>
                                <div class="fv-plugins-message-container"></div>
                                @error('name')
                                <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-envelope" aria-hidden="true"></span></span></div><input
                                        id="email" name="email" type="email" value="{{ old('email') }}"
                                        placeholder="E-mail Address" required="" class="form-control"
                                        aria-label="E-mail Address">
                                </div>
                                <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="{{ old('password') }}"
                                        placeholder="Password" required="" class="form-control"
                                        aria-label="Password">
                                </div>
                                <div class="fv-plugins-message-container"></div>
                                @error('password')
                                <div class="alert alert-danger">{{ $message }}</div>
                            @enderror
                            </div>
                            <div class="form-group fv-plugins-icon-container">
                                <div class="form-check form-check-inline"><input type="checkbox" id="tccheckbox_0"
                                        name="agree" value="true" data-fv-choice="true" data-fv-choice-min="1"
                                        required=""
                                        data-fv-choice-message="Please indicate you have read and agree to T&amp;Cs"
                                        class="form-check-input"><label for="tccheckbox_0" class="form-check-label">I
                                        agree to the <a href="" class="text-dark">Terms &amp; conditions</a></label></div>
                                <div class="fv-plugins-message-container"></div>
                            </div>
                            <div class="form-group">
                                <div class="recaptcha-wrapper" style="min-height: 78px;">
                                    <div id="1" class="g-recaptcha"
                                        data-sitekey="6Ld5OEwUAAAAABUkQwOSMzNTPbvxKOOIg2fIP3fE"
                                        style="position: inherit; width: auto; height: auto; transform: scale(1);">
                                    </div>
                                </div><br>
                            </div>
                            <div class="form-group"><button type="submit" name="submit-btn" value="1"
                                    class="btn btn-orange btn-lg rounded">Submit</button></div>
                        </fieldset>
                        <div></div>
                    </form>
                </div>
            </div>
        </div>
    </header>
    {{-- <section class="py-5">
        <div class="container">
            <div class="row">
                <div class="col-lg-9 mx-auto">
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
                    <form id="sign-up-form-2" action="/join_us.php" method="POST" novalidate="novalidate"
                        data-fv-no-icon="true" class="has-validator fv-plugins-bootstrap fv-plugins-framework">
                        <div><input name="sign-up-form-2-token" type="hidden"
                                value="196522527762ac2f45c03257.73346660"><input name="sign-up-form-2" type="hidden"
                                value="1"></div>
                        <fieldset>
                            <legend>Claim Store</legend>
                            <div class="form-group fv-plugins-icon-container"><input id="company" name="company"
                                    type="text" value="" placeholder="Company" required=""
                                    class="form-control" aria-label="Company">
                                <div class="fv-plugins-message-container"></div>
                            </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-phone" aria-hidden="true"></span></span></div><input
                                        id="phone" name="phone" type="text" value="" placeholder="Phone"
                                        data-fv-phone="" data-fv-phone-country="GB"
                                        data-fv-phone-message="Please enter a valid UK phone number" required=""
                                        class="form-control" aria-label="Phone">
                                </div>
                                <div class="fv-plugins-message-container"></div>
                            </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-envelope" aria-hidden="true"></span></span></div><input
                                        id="user_email" name="user_email" type="email" value=""
                                        placeholder="E-mail Address" required="" class="form-control"
                                        aria-label="E-mail Address">
                                </div>
                                <div class="fv-plugins-message-container"></div>
                            </div>
                            <div class="form-group fv-plugins-icon-container"><input id="postcode" name="postcode"
                                    type="text" value="" placeholder="Postcode" data-fv-zipcode=""
                                    data-fv-zipcode-country="GB"
                                    data-fv-zipcode-message="Please enter a valid UK postcode" required=""
                                    class="form-control" aria-label="Postcode">
                                <div class="fv-plugins-message-container"></div>
                            </div>
                            <div class="form-group">
                                <div class="recaptcha-wrapper" style="min-height: 78px;">
                                    <div id="2" class="g-recaptcha"
                                        data-sitekey="6Ld5OEwUAAAAABUkQwOSMzNTPbvxKOOIg2fIP3fE"
                                        style="position: inherit; width: auto; height: auto; transform: scale(1);">
                                    </div>
                                </div><br>
                            </div>
                            <div class="form-group"><button type="submit" name="submit-btn" value="1"
                                    class="btn btn-orange btn-lg rounded">Request login</button></div>
                        </fieldset>
                        <div></div><input type="hidden">
                    </form>
                </div>
            </div>
        </div>
    </section> --}}
    @endsection
@push('scripts')
    <script>
        $(document).ready(function() {
            $("#sign-up-form-1").validate({
                rules: {
                    name: "required",
                    password: "required",
                    email: "required",
                    address: "required",
                    address_line_2: "required",
                    company: "required",
                    branch: "required",
                    town: "required",
                    city: "required",
                    county: "required",
                    postcode: "required",
                    phone: "required",
                    phone_2: "required",

                },
                messages: {
                    name: "name is required",
                    // lastName: "Last name is required",
                    email: "Email is required",
                    phone: "Phone number is required",
                    password: "Password is required",
                    // confirmPassword: "Confirm password is required",
                    // gender: "Please select the gender",
                    // dateOfBirth: "Date of birth is required",
                    address: "Address is required",
                    city: "City is required",
                    company: "Company is required",
                    branch: "Branch is required",
                    town: "Town is required",
                    postcode: "Postcode is required",
                    branch: "City is required",
                    postcode: "Postcode is required",
                    address_line_2: "address line 2 is required",
                    phone_2: "Other Phone No is required",
                    county: "County is required",                }
            });
        });
    </script>
@endpush