@php
use App\Libraries\FileSystem;
if(isset($pageCustomField['s9become_a_distributor_image']) && $pageCustomField['s9become_a_distributor_image'])
{
    $url = General::renderImage(FileSystem::getAllSizeImages($pageCustomField['s9become_a_distributor_image']), 'large');
}
else
{
    $url = url('assets/img/no_image.jpg');
}
@endphp
<!-- ==== Became Distributor Section Start ==== -->
<section class="became_distributor_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="became_distributor_area">
                    <div class="row align-items-center">
                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                            <div class="image_area">
                                <div class="distributor_image">
                                    <img src="{{$url}}" alt="...">
                                </div>
                            </div>
                        </div>
                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                            <div class="form_area">
                                <div class="header">{{isset($pageCustomField['s9become_a_distributor_title']) && $pageCustomField['s9become_a_distributor_title'] ? $pageCustomField['s9become_a_distributor_title'] : 'Become a Distributor'}} </div>
                                <form action="{{route('frontend.contactUs')}}" method="post" class="contact-us-validation" id="submitContactUsForm">
                                    {{ @csrf_field() }}
                                    <div class="row">
                                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                            <div class="form-group">
                                                <input type="text" class="form-control" placeholder="First Name*" name="first_name" required>
                                                <!-- <label>First Name<span>*</span></label> -->
                                            </div>
                                        </div>
                                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                            <div class="form-group">
                                                <input type="text" class="form-control" placeholder="Last Name*" name="last_name" required>
                                                <!-- <label>Last Name<span>*</span></label> -->
                                            </div>
                                        </div>
                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                            <div class="form-group">
                                                <input type="text" class="form-control" placeholder="Email Id*" name="email" id="email" required>
                                                <!-- <label>Email Id<span>*</span></label> -->
                                            </div>
                                        </div>
                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                            <div class="form-group">
                                                <input type="number" class="form-control" placeholder="Contact Number*" name="contact_number" id="phonenumber" required>
                                                <!-- <label>Contact Number<span>*</span></label> -->
                                            </div>
                                        </div>
                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                            <div class="form-group">
                                                <input type="text" class="form-control" placeholder="Location*" name="location" required>
                                                <!-- <label>Email Id<span>*</span></label> -->
                                            </div>
                                        </div>
                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                            <div class="form-group">
                                                <textarea class="form-control" required placeholder="Message*" name="message" rows="3"></textarea>
                                                <!-- <label>Message<span>*</span></label> -->
                                            </div>
                                        </div>
                                    </div>
                                    <div class="btn_area submit_button">
                                        <button type="submit" id="btnConSubmit" href="javascript:;" class="btn btn-primary w-100">Submit</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Became Distributor Section End ==== -->