@extends('frontend.layouts.app')
@section('content')
    <style>
        .wpcf7-list-item {
            padding-right: 15px;
        }
    </style>
    <section class="single-page-section relative pad-150">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="about-title text-center">
                        <h2 class="pb-2"><span>Become a</span> Vendor</h2>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="content-part text-center">
                        <p>
                            {!! $information->career_details !!}
                        </p>
                    </div>
                </div>
                <div class="col-md-12 pt-3">
                    @if (count($errors) > 0)
                        <div class = "alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    <form class="form mt-2" action="{{ url('career-store') }}" method="post" enctype="multipart/form-data">
                        @csrf
                        <div class="row">
                            <div class="col-xs-12  col-md-6">
                                <p><span class="wpcf7-form-control-wrap" data-name="your-name"><input size="40"
                                            class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required"
                                            aria-required="true" aria-invalid="false" placeholder="Your Name*"
                                            value="" type="text" name="name"></span>
                                </p>
                            </div>
                            <div class="col-xs-12  col-md-6">
                                <p><span class="wpcf7-form-control-wrap" data-name="your-company"><input size="40"
                                            class="wpcf7-form-control wpcf7-text" aria-invalid="false"
                                            placeholder="Company Name" value="" type="text" name="company"></span>
                                </p>
                            </div>
                            <div class="col-xs-12  col-md-4">
                                <p><span class="wpcf7-form-control-wrap" data-name="your-email"><input size="40"
                                            class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email"
                                            aria-required="true" aria-invalid="false" placeholder="E-mail*" value=""
                                            type="email" name="email"></span>
                                </p>
                            </div>
                            <div class="col-xs-12  col-md-4">
                                <p><span class="wpcf7-form-control-wrap" data-name="your-number"><input size="40"
                                            class="wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel"
                                            aria-required="true" aria-invalid="false" placeholder="Phone Number*"
                                            value="" type="tel" name="phone"></span>
                                </p>
                            </div>
                            <div class="col-xs-12  col-md-4">
                                <p><span class="wpcf7-form-control-wrap" data-name="website"><input size="40"
                                            class="wpcf7-form-control wpcf7-text" aria-invalid="false" placeholder="Website"
                                            value="" type="text" name="website"></span>
                                </p>
                            </div>
                            <div class="col-xs-12  col-md-4">
                                <p><span class="wpcf7-form-control-wrap" data-name="address"><input size="40"
                                            class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required"
                                            aria-required="true" aria-invalid="false" placeholder="Address*" value=""
                                            type="text" name="address"></span>
                                </p>
                            </div>
                            <div class="col-xs-12  col-md-4">
                                <p><span class="wpcf7-form-control-wrap" data-name="city"><input size="40"
                                            class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required"
                                            aria-required="true" aria-invalid="false" placeholder="City*" value=""
                                            type="text" name="city"></span>
                                </p>
                            </div>
                            <div class="col-xs-12  col-md-2">
                                <p><span class="wpcf7-form-control-wrap" data-name="state"><input size="40"
                                            class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required"
                                            aria-required="true" aria-invalid="false" placeholder="State*" value=""
                                            type="text" name="state"></span>
                                </p>
                            </div>
                            <div class="col-xs-12  col-md-2">
                                <p><span class="wpcf7-form-control-wrap" data-name="zip"><input size="40"
                                            class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required"
                                            aria-required="true" aria-invalid="false" placeholder="Zip*" value=""
                                            type="text" name="zip"></span>
                                </p>
                            </div>
                            <div class="col-xs-12  col-md-6">
                                <p><label> Type of business </label><br>
                                    <span class="wpcf7-form-control-wrap" data-name="business-type"><select
                                            class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required"
                                            aria-required="true" aria-invalid="false" name="business_type">
                                            <option value="">—Please choose an option—</option>
                                            <option value="Sole Proprietor">Sole Proprietor</option>
                                            <option value="Partnership">Partnership</option>
                                            <option value="Corporation">Corporation</option>
                                            <option value="Limited Liability Corporation">Limited Liability Corporation
                                            </option>
                                            <option value="Other">Other</option>
                                        </select></span>
                                </p>
                            </div>
                            <div class="col-xs-12  col-md-6">
                                <p><label> Years of experience </label><br>
                                    <span class="wpcf7-form-control-wrap" data-name="experience"><select
                                            class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required"
                                            aria-required="true" aria-invalid="false" name="experience">
                                            <option value="">—Please choose an option—</option>
                                            <option value="0-3">0-3</option>
                                            <option value="3-5">3-5</option>
                                            <option value="5-10">5-10</option>
                                            <option value="10+">10+</option>
                                        </select></span>
                                </p>
                            </div>
                            <div class="col-xs-12  col-md-6">
                                <p><span class="wpcf7-form-control-wrap" data-name="aspen"><input size="40"
                                            class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required"
                                            aria-required="true" aria-invalid="false"
                                            placeholder="Do you have an active Aspen ID Number?*" value=""
                                            type="text" name="aspen"></span>
                                </p>
                            </div>
                            <div class="col-xs-12  col-md-6">
                                <p><span class="wpcf7-form-control-wrap" data-name="crew-number"><input size="40"
                                            class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required"
                                            aria-required="true" aria-invalid="false"
                                            placeholder="How many crews do you have including yourself?*" value=""
                                            type="text" name="crew_number"></span>
                                </p>
                            </div>
                            <div class="col-xs-12  col-md-12">
                                <p><span class="wpcf7-form-control-wrap" data-name="coverage"><input size="40"
                                            class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required"
                                            aria-required="true" aria-invalid="false"
                                            placeholder="Please list all states, counties and cities your company covers*"
                                            value="" type="text" name="coverage"></span>
                                </p>
                            </div>
                            <div class="col-xs-12  col-md-12">
                                <p><label> Scope of work </label><br>
                                    <span class="wpcf7-form-control-wrap" data-name="scope_of_work"><span
                                            class="wpcf7-form-control wpcf7-checkbox"><span
                                                class="wpcf7-list-item first"><input type="checkbox"
                                                    name="scope_of_work[]" value="Lock change"><span
                                                    class="wpcf7-list-item-label">Lock change</span></span><span
                                                class="wpcf7-list-item"><input type="checkbox" name="scope_of_work[]"
                                                    value="Boarding"><span
                                                    class="wpcf7-list-item-label">Boarding</span></span><span
                                                class="wpcf7-list-item"><input type="checkbox" name="scope_of_work[]"
                                                    value="Re-glazing"><span
                                                    class="wpcf7-list-item-label">Re-glazing</span></span><span
                                                class="wpcf7-list-item"><input type="checkbox" name="scope_of_work[]"
                                                    value="Landscaping"><span
                                                    class="wpcf7-list-item-label">Landscaping</span></span><span
                                                class="wpcf7-list-item"><input type="checkbox" name="scope_of_work[]"
                                                    value="Trash out"><span class="wpcf7-list-item-label">Trash
                                                    out</span></span><span class="wpcf7-list-item"><input type="checkbox"
                                                    name="scope_of_work[]" value="Maid service"><span
                                                    class="wpcf7-list-item-label">Maid service</span></span><span
                                                class="wpcf7-list-item"><input type="checkbox" name="scope_of_work[]"
                                                    value="Mold Remediation"><span class="wpcf7-list-item-label">Mold
                                                    Remediation</span></span><span class="wpcf7-list-item"><input
                                                    type="checkbox" name="scope_of_work[]" value="Winterization"><span
                                                    class="wpcf7-list-item-label">Winterization</span></span><span
                                                class="wpcf7-list-item"><input type="checkbox" name="scope_of_work[]"
                                                    value="Snow Removal"><span class="wpcf7-list-item-label">Snow
                                                    Removal</span></span><span class="wpcf7-list-item"><input
                                                    type="checkbox" name="scope_of_work[]" value="Pool"><span
                                                    class="wpcf7-list-item-label">Pool</span></span><span
                                                class="wpcf7-list-item"><input type="checkbox" name="scope_of_work[]"
                                                    value="Roofing"><span
                                                    class="wpcf7-list-item-label">Roofing</span></span><span
                                                class="wpcf7-list-item"><input type="checkbox" name="scope_of_work[]"
                                                    value="Inspection"><span
                                                    class="wpcf7-list-item-label">Inspection</span></span><span
                                                class="wpcf7-list-item"><input type="checkbox" name="scope_of_work[]"
                                                    value="Electrical"><span
                                                    class="wpcf7-list-item-label">Electrical</span></span><span
                                                class="wpcf7-list-item"><input type="checkbox" name="scope_of_work[]"
                                                    value="Plumbing"><span
                                                    class="wpcf7-list-item-label">Plumbing</span></span><span
                                                class="wpcf7-list-item"><input type="checkbox" name="scope_of_work[]"
                                                    value="HVAC"><span
                                                    class="wpcf7-list-item-label">HVAC</span></span><span
                                                class="wpcf7-list-item"><input type="checkbox" name="scope_of_work[]"
                                                    value="Structural Engineer"><span
                                                    class="wpcf7-list-item-label">Structural Engineer</span></span><span
                                                class="wpcf7-list-item last"><input type="checkbox"
                                                    name="scope_of_work[]" value="REHAB"><span
                                                    class="wpcf7-list-item-label">REHAB</span></span></span></span>
                                </p>
                            </div>
                            <div class="col-xs-12  col-md-12">
                                <p><label> Equipment you have </label><br>
                                    <span class="wpcf7-form-control-wrap" data-name="equipment"><span
                                            class="wpcf7-form-control wpcf7-checkbox"><span
                                                class="wpcf7-list-item first"><input type="checkbox" name="equipment[]"
                                                    value="Lawn Equipment"><span class="wpcf7-list-item-label">Lawn
                                                    Equipment</span></span><span class="wpcf7-list-item"><input
                                                    type="checkbox" name="equipment[]" value="Truck/Trailer"><span
                                                    class="wpcf7-list-item-label">Truck/Trailer</span></span><span
                                                class="wpcf7-list-item"><input type="checkbox" name="equipment[]"
                                                    value="Air compressor"><span class="wpcf7-list-item-label">Air
                                                    compressor</span></span><span class="wpcf7-list-item"><input
                                                    type="checkbox" name="equipment[]" value="Generator"><span
                                                    class="wpcf7-list-item-label">Generator</span></span><span
                                                class="wpcf7-list-item"><input type="checkbox" name="equipment[]"
                                                    value="Internet/Smart Ph/Computer"><span
                                                    class="wpcf7-list-item-label">Internet/Smart
                                                    Ph/Computer</span></span><span class="wpcf7-list-item"><input
                                                    type="checkbox" name="equipment[]" value="Digital Camera"><span
                                                    class="wpcf7-list-item-label">Digital Camera</span></span><span
                                                class="wpcf7-list-item last"><input type="checkbox" name="equipment[]"
                                                    value="Measuring tape"><span class="wpcf7-list-item-label">Measuring
                                                    tape</span></span></span></span>
                                </p>
                            </div>
                            <div class="col-xs-12  col-md-12">
                                <p><span class="wpcf7-form-control-wrap" data-name="your-message">
                                        <textarea cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false"
                                            placeholder="Tell us more" name="your_message"></textarea>
                                    </span><br>
                                    <input class="wpcf7-form-control wpcf7-submit has-spinner btn btn-primary"
                                        type="submit" value="Submit"><span class="wpcf7-spinner"></span>
                                </p>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
@endsection