@extends('frontend.layouts.master')
@section('content')
<section class="section border-0 m-0 py-3">
    <div class="container-lg">
        <div class="row justify-content-center">
            <div class="col-md-6 col-lg-5 mb-5 mb-lg-0">
                <div class="card">
                    <div class="card-body">
                        <h2 class="font-weight-bold text-5 mb-5"> {{ __("routes.Wholesale Registration") }}</h2>
                        <form action="{{ route('wholesales.store') }}" method="POST" enctype="multipart/form-data">
                            @csrf

                            <!-- Company Name -->
                            <div class="form-group">
                                <label class="form-label text-color-dark text-3">{{ __("routes.Company Name") }} <span class="text-color-danger">*</span></label>
                                <input type="text" name="company_name" placeholder="{{ __("routes.Enter company name") }}"
                                 class="form-control form-control-lg text-4 @error('company_name') is-invalid @enderror" required>
                                @error('company_name')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <!-- Company Address -->
                            <div class="form-group">
                                <label class="form-label text-color-dark text-3">{{ __("routes.Company Address") }}<span class="text-color-danger">*</span></label>
                                <input type="text" placeholder="{{ __("routes.Enter company address") }}" name="company_address" class="form-control form-control-lg text-4 @error('company_address') is-invalid @enderror" required>
                                @error('company_address')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <!-- Website URL -->
                            <div class="form-group">
                                <label class="form-label text-color-dark text-3">{{ __("routes.Website URL") }}</label>
                                <input type="url" placeholder="{{ __("routes.Enter website URL") }}"
                                name="website_url" class="form-control form-control-lg text-4 @error('website_url') is-invalid @enderror">
                                @error('website_url')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <!-- Country Code -->
                            <div class="form-group">
                                <label class="form-label text-color-dark text-3">{{ __("routes.Country Code") }} <span class="text-color-danger">*</span></label>
                                <input type="text" placeholder="{{ __("routes.Enter country code") }}"
                                name="company_country_code" class="form-control form-control-lg text-4 @error('company_country_code') is-invalid @enderror" required>
                                @error('company_country_code')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <!-- Company Phone -->
                            <div class="form-group">
                                <label class="form-label text-color-dark text-3">{{ __("routes.Company Phone") }} <span class="text-color-danger">*</span></label>
                                <input type="text" placeholder="{{ __("routes.Enter company phone") }}"
                                name="company_phone" class="form-control form-control-lg text-4 @error('company_phone') is-invalid @enderror" required>
                                @error('company_phone')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <!-- Company Email -->
                            <div class="form-group">
                                <label class="form-label text-color-dark text-3">{{ __("routes.Company Email") }} <span class="text-color-danger">*</span></label>
                                <input type="text" placeholder="{{ __("routes.Enter company email") }}"
                                name="company_email" class="form-control form-control-lg text-4 @error('company_email') is-invalid @enderror" required>
                                @error('company_email')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <!-- Contact Person Name -->
                            <div class="form-group">
                                <label class="form-label text-color-dark text-3">{{ __("routes.Contact Person Name") }} <span class="text-color-danger">*</span></label>
                                <input type="text" placeholder="{{ __("routes.Enter contact person name") }}"
                                name="contact_person_name" class="form-control form-control-lg text-4 @error('contact_person_name') is-invalid @enderror" required>
                                @error('contact_person_name')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <!-- Contact Person Phone -->
                            <div class="form-group">
                                <label class="form-label text-color-dark text-3">{{ __("routes.Contact Person Phone") }} <span class="text-color-danger">*</span></label>
                                <input type="text" placeholder="{{ __("routes.Enter contact person phone") }}"
                                name="contact_person_phone" class="form-control form-control-lg text-4 @error('contact_person_phone') is-invalid @enderror" required>
                                @error('contact_person_phone')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <!-- Contact Person Email -->
                            <div class="form-group">
                                <label class="form-label text-color-dark text-3">{{ __("routes.Contact Person Email") }} <span class="text-color-danger">*</span></label>
                                <input type="email" placeholder="{{ __("routes.Enter contact person email") }}"
                                name="contact_person_email" class="form-control form-control-lg text-4 @error('contact_person_email') is-invalid @enderror" required>
                                @error('contact_person_email')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <!-- Business Longitude -->
                            {{-- <div class="form-group">
                                <label class="form-label text-color-dark text-3">Business Longitude <span class="text-color-danger">*</span></label>
                                <input type="text" name="business_longitude" class="form-control form-control-lg text-4 @error('business_longitude') is-invalid @enderror" required>
                                @error('business_longitude')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div> --}}

                            <!-- Business Latitude -->
                            {{-- <div class="form-group">
                                <label class="form-label text-color-dark text-3">Business Latitude <span class="text-color-danger">*</span></label>
                                <input type="text" name="business_latitude" class="form-control form-control-lg text-4 @error('business_latitude') is-invalid @enderror" required>
                                @error('business_latitude')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div> --}}

                            <!-- Trade License -->
                            <div class="form-group">
                                <label class="form-label text-color-dark text-3">{{ __("routes.Trade License") }} <span class="text-color-danger">*</span></label>
                                <input type="file" name="trade_license" class="form-control form-control-lg text-4  @error('trade_license') is-invalid @enderror" required>
                                @error('trade_license')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <!-- How Did You Hear About Us -->
                            <div class="form-group">
                                <label class="form-label text-color-dark text-3">{{ __("routes.How Did You Hear About Us?") }} <span class="text-color-danger">*</span></label>
                                <input type="text" name="hear_us" placeholder="{{ __("routes.Enter how you heard about us") }}"
                                class="form-control form-control-lg text-4 @error('hear_us') is-invalid @enderror" required>
                                @error('hear_us')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <!-- Additional Information -->
                            <div class="form-group">
                                <label class="form-label text-color-dark text-3">{{ __("routes.Additional Information") }}</label>
                                <textarea name="additional_information" placeholder="{{ __("routes.Enter any additional information") }}"
                                class="form-control form-control-lg text-4 @error('additional_information') is-invalid @enderror"></textarea>
                                @error('additional_information')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <!-- Terms and Conditions -->
                            <div class="form-group">
                                <div class="custom-control custom-checkbox">
                                    <input type="checkbox" name="terms" class="custom-control-input" id="terms" required>
                                    <label class="form-label custom-control-label text-2" for="terms">{{ __("routes.I agree to the terms and conditions") }} <span class="text-color-danger">*</span></label>
                                </div>
                                @error('terms')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <!-- Submit Button -->
                            <div class="form-group">
                                <button type="submit" class="btn btn-primary btn-modern w-100 text-uppercase rounded-0 font-weight-bold text-3 py-3">
                                    {{ __("routes.Submit") }}
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- end row -->
    </div>
</section>
@endsection