관리-도구

편집 파일: user_signup.blade.php

@extends('theme.saintsaccessories.websiteEcom')
@section('content')
 
 <form action="{{ url('user-account-create') }}" method="POST">
    @csrf
 <section class="job-seek-create-acc">
     <div class="container">
        
{{--        @if(\Session::has('success'))
					<div class="alert alert-success mt-4">
						<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
						<span>{!! xss_clean(session('success')) !!}</span>
					</div>
				@endif

@if(\Session::has('error'))
					<div class="alert alert-danger mt-4">
						<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
						<span>{!! xss_clean(session('error')) !!}</span>
					</div>
				@endif --}}
				
        <div class="form-step-user">
            <div class="row justify-content-center">
                <div class="col-lg-7">
                
                    <div class="avator-img">
                        <img width="50" src=" {{ asset('public/theme/saintsaccessories/images/phil_avatar.webp') }}" alt="">
                        <h2>What brings you here today?</h2>
                    </div>
                    <div class="input-radio-job">
                       
                        <input type="radio" name="purpose" value="I'm looking for a job right now"  required>
                        <p>I'm looking for a job right now</p>
                    </div>
                    <div class="input-radio-job">
                        <input type="radio" name="purpose" value="I'm looking for a job, but no rush" required>
                        <p>I'm looking for a job, but no rush</p>
                    </div>
                    <div class="input-radio-job">
                        <input type="radio" name="purpose" value="I'm just browsing" required>
                        <p>I'm just browsing</p>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="form-step-user">
            <div class="row justify-content-center">
                 <div class="col-lg-7">
                     <div class="avator-img">
                         <img width="50" src=" {{ asset('public/theme/saintsaccessories/images/phil_avatar.webp') }}" alt="">
                         <h2>Do you have a specific job title in mind?</h2>
                     </div>
                     <div class="input-radio-job">
                         <input type="radio" name="have_title" value="Yes - help me find it">
                         <p>Yes - help me find it</p>
                     </div>
                     <div class="input-radio-job">
                         <input type="radio" name="have_title" value="No - let’s explore">
                         <p>No - let’s explore</p>
                     </div>
                 </div>
             </div>
        </div>
        
        <div class="form-step-user">
            <div class="row justify-content-center">
                 <div class="col-lg-7">
                     <div class="avator-img">
                         <img width="50" src=" {{ asset('public/theme/saintsaccessories/images/phil_avatar.webp') }}" alt="">
                         <h2>Ok, what job are you looking for?</h2>
                     </div>
                     <div class="input-select-job">
                         <h6>Job title</h6>
                         <select name="job_title" required>
                             <option value="front end developer">front end developer</option>
                             <option value="back end developer">back end developer</option>
                         </select>
                     </div>
                 </div>
             </div>
        </div> 
        
        <div class="form-step-user">
            <div class="row justify-content-center">
                <div class="col-lg-7">
                    <div class="avator-img">
                        <img width="50" src=" {{ asset('public/theme/saintsaccessories/images/phil_avatar.webp') }}" alt="">
                        <h2>What kind of workplace are you looking for?</h2>
                    </div>
                    <div class="input-radio-job">
                        <input type="radio" name="workplace_type" value="In-person" required>
                        <div class="input-inner-txt">
                            <h6>In-person</h6>
                            <p>Be in-person at your workplace</p>
                        </div>
                    </div>
                    <div class="input-radio-job">
                        <input type="radio" name="workplace_type" value="Hybrid" required>
                        <div class="input-inner-txt">
                            <h6>Hybrid</h6>
                            <p>Split your time between in-person and remote work</p>
                        </div>
                    </div>
                    <div class="input-radio-job">
                        <input type="radio" name="workplace_type" value="Remote"  >
                        <div class="input-inner-txt">
                            <h6>Remote</h6>
                            <p>Work from anywhere you'd like</p>
                        </div>
                    </div>
                </div>
            </div>
        
        </div>
        
        <div class="form-step-user">
            <div class="row justify-content-center">
                 <div class="col-lg-7">
                     <div class="avator-img">
                         <img width="50" src=" {{ asset('public/theme/saintsaccessories/images/phil_avatar.webp') }}" alt="">
                         <h2>Ok, what job are you looking for?</h2>
                     </div>
                     <div class="input-select-job">
                         <h6>Job location</h6>
                         <select name="job_location"  required>
                             <option value="City, State or zip code">City, State or zip code</option>
                             <option value="Karachi, SD">Karachi, SD</option>
                         </select>
                     </div>
                 </div>
             </div>
        </div>
        
        <div class="form-step-user">
            <div class="row justify-content-center">
                <div class="col-lg-7">
                    <div class="avator-img">
                        <img width="50" src=" {{ asset('public/theme/saintsaccessories/images/phil_avatar.webp') }}" alt="">
                        <h2>What is the minimum you want to make?</h2>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <ul class="tabs-custom-nav">
                                <li><a href="#tab1" class="current">Yearly</a></li>
                                <li><a href="#tab2">Hourly</a></li>
                            </ul>
                        </div>
                        <div class="col-lg-12">
                            <div class="tabs-custom general">
                                <div id="tab1" class="selected tab-content-panel">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="input-select-job">
                                                <h6>Desired minimum pay</h6>
                                                <input type="text" name="desired_pay" value="38,396.80" required>
                                            </div>
                                            <div class="pay-chat">
                                                <span>Pay insights</span>
                                                <h6>Administrative Assistant Salary</h6>
                                                <div id="stacked" style="position: relative;"><svg height="330"
                                                        version="1.1" width="682" xmlns="http://www.w3.org/2000/svg"
                                                        style="overflow: hidden; position: relative; left: -0.5px; top: -0.390625px;">
                                                        <desc style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
                                                            Created with
                                                            Raphaël 2.1.2
                                                        </desc>
                                                        <defs style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
                                                        </defs><text x="32.84765625" y="356" text-anchor="end"
                                                            font="10px &quot;Arial&quot;" stroke="none" fill="#888888"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font: 12px sans-serif;"
                                                            font-size="12px" font-family="sans-serif" font-weight="normal">
                                                            <tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
                                                                dy="4">0
                                                            </tspan>
                                                        </text>
                                                        <path fill="none" stroke="#aaaaaa" d="M45.34765625,356H657"
                                                            stroke-width="0.5"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                                                        <text x="32.84765625" y="273.25" text-anchor="end"
                                                            font="10px &quot;Arial&quot;" stroke="none" fill="#888888"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font: 12px sans-serif;"
                                                            font-size="12px" font-family="sans-serif" font-weight="normal">
                                                            <tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
                                                                dy="4">75
                                                            </tspan>
                                                        </text>
                                                        <path fill="none" stroke="#aaaaaa" d="M45.34765625,273.25H657"
                                                            stroke-width="0.5"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                                                        <text x="32.84765625" y="190.5" text-anchor="end"
                                                            font="10px &quot;Arial&quot;" stroke="none" fill="#888888"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font: 12px sans-serif;"
                                                            font-size="12px" font-family="sans-serif" font-weight="normal">
                                                            <tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
                                                                dy="4">
                                                                150</tspan>
                                                        </text>
                                                        <path fill="none" stroke="#aaaaaa" d="M45.34765625,190.5H657"
                                                            stroke-width="0.5"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                                                        <text x="32.84765625" y="107.75" text-anchor="end"
                                                            font="10px &quot;Arial&quot;" stroke="none" fill="#888888"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font: 12px sans-serif;"
                                                            font-size="12px" font-family="sans-serif" font-weight="normal">
                                                            <tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
                                                                dy="4">
                                                                225</tspan>
                                                        </text>
                                                        <path fill="none" stroke="#aaaaaa" d="M45.34765625,107.75H657"
                                                            stroke-width="0.5"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                                                        <text x="32.84765625" y="25" text-anchor="end"
                                                            font="10px &quot;Arial&quot;" stroke="none" fill="#888888"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font: 12px sans-serif;"
                                                            font-size="12px" font-family="sans-serif" font-weight="normal">
                                                            <tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
                                                                dy="4">
                                                                300</tspan>
                                                        </text>
                                                        <path fill="none" stroke="#aaaaaa" d="M45.34765625,25H657"
                                                            stroke-width="0.5"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                                                        <text x="629.1976207386364" y="368.5" text-anchor="middle"
                                                            font="10px &quot;Arial&quot;" stroke="none" fill="#888888"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font: 12px sans-serif;"
                                                            font-size="12px" font-family="sans-serif" font-weight="normal"
                                                            transform="matrix(1,0,0,1,0,7)">
                                                            <tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
                                                                dy="4">
                                                                2024</tspan>
                                                        </text><text x="517.9881036931818" y="368.5" text-anchor="middle"
                                                            font="10px &quot;Arial&quot;" stroke="none" fill="#888888"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font: 12px sans-serif;"
                                                            font-size="12px" font-family="sans-serif" font-weight="normal"
                                                            transform="matrix(1,0,0,1,0,7)">
                                                            <tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
                                                                dy="4">
                                                                2022</tspan>
                                                        </text><text x="406.77858664772725" y="368.5" text-anchor="middle"
                                                            font="10px &quot;Arial&quot;" stroke="none" fill="#888888"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font: 12px sans-serif;"
                                                            font-size="12px" font-family="sans-serif" font-weight="normal"
                                                            transform="matrix(1,0,0,1,0,7)">
                                                            <tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
                                                                dy="4">
                                                                2020</tspan>
                                                        </text><text x="295.56906960227275" y="368.5" text-anchor="middle"
                                                            font="10px &quot;Arial&quot;" stroke="none" fill="#888888"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font: 12px sans-serif;"
                                                            font-size="12px" font-family="sans-serif" font-weight="normal"
                                                            transform="matrix(1,0,0,1,0,7)">
                                                            <tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
                                                                dy="4">
                                                                2018</tspan>
                                                        </text><text x="184.3595525568182" y="368.5" text-anchor="middle"
                                                            font="10px &quot;Arial&quot;" stroke="none" fill="#888888"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font: 12px sans-serif;"
                                                            font-size="12px" font-family="sans-serif" font-weight="normal"
                                                            transform="matrix(1,0,0,1,0,7)">
                                                            <tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
                                                                dy="4">
                                                                2016</tspan>
                                                        </text><text x="73.15003551136364" y="368.5" text-anchor="middle"
                                                            font="10px &quot;Arial&quot;" stroke="none" fill="#888888"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font: 12px sans-serif;"
                                                            font-size="12px" font-family="sans-serif" font-weight="normal"
                                                            transform="matrix(1,0,0,1,0,7)">
                                                            <tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
                                                                dy="4">
                                                                2014</tspan>
                                                        </text>
                                                        <rect x="52.29825106534091" y="300.8333333333333"
                                                            width="41.70356889204545" height="55.166666666666686" r="0"
                                                            rx="0" ry="0" fill="#0b62a4" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="52.29825106534091" y="201.5333333333333"
                                                            width="41.70356889204545" height="99.30000000000001" r="0"
                                                            rx="0" ry="0" fill="#7a92a3" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="107.90300958806819" y="284.2833333333333"
                                                            width="41.70356889204545" height="71.7166666666667" r="0"
                                                            rx="0" ry="0" fill="#0b62a4" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="107.90300958806819" y="201.5333333333333"
                                                            width="41.70356889204545" height="82.75" r="0" rx="0" ry="0"
                                                            fill="#7a92a3" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="163.50776811079547" y="300.8333333333333"
                                                            width="41.70356889204545" height="55.166666666666686" r="0"
                                                            rx="0" ry="0" fill="#0b62a4" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="163.50776811079547" y="245.66666666666663"
                                                            width="41.70356889204545" height="55.166666666666686" r="0"
                                                            rx="0" ry="0" fill="#7a92a3" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="219.11252663352272" y="273.25" width="41.70356889204545"
                                                            height="82.75" r="0" rx="0" ry="0" fill="#0b62a4" stroke="none"
                                                            fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="219.11252663352272" y="207.05" width="41.70356889204545"
                                                            height="66.19999999999999" r="0" rx="0" ry="0" fill="#7a92a3"
                                                            stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="274.71728515625006" y="267.73333333333335"
                                                            width="41.70356889204545" height="88.26666666666665" r="0"
                                                            rx="0" ry="0" fill="#0b62a4" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="274.71728515625006" y="196.01666666666665"
                                                            width="41.70356889204545" height="71.7166666666667" r="0"
                                                            rx="0" ry="0" fill="#7a92a3" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="330.3220436789773" y="256.7" width="41.70356889204545"
                                                            height="99.30000000000001" r="0" rx="0" ry="0" fill="#0b62a4"
                                                            stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="330.3220436789773" y="179.46666666666664"
                                                            width="41.70356889204545" height="77.23333333333335" r="0"
                                                            rx="0" ry="0" fill="#7a92a3" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="385.92680220170456" y="245.66666666666669"
                                                            width="41.70356889204545" height="110.33333333333331" r="0"
                                                            rx="0" ry="0" fill="#0b62a4" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="385.92680220170456" y="162.91666666666669"
                                                            width="41.70356889204545" height="82.75" r="0" rx="0" ry="0"
                                                            fill="#7a92a3" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="441.53156072443187" y="229.11666666666667"
                                                            width="41.70356889204545" height="126.88333333333333" r="0"
                                                            rx="0" ry="0" fill="#0b62a4" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="441.53156072443187" y="146.36666666666667"
                                                            width="41.70356889204545" height="82.75" r="0" rx="0" ry="0"
                                                            fill="#7a92a3" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="497.1363192471591" y="223.6" width="41.70356889204545"
                                                            height="132.4" r="0" rx="0" ry="0" fill="#0b62a4" stroke="none"
                                                            fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="497.1363192471591" y="129.8166666666667"
                                                            width="41.70356889204545" height="93.7833333333333" r="0"
                                                            rx="0" ry="0" fill="#7a92a3" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="552.7410777698864" y="196.01666666666668"
                                                            width="41.70356889204545" height="159.98333333333332" r="0"
                                                            rx="0" ry="0" fill="#0b62a4" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="552.7410777698864" y="102.23333333333338"
                                                            width="41.70356889204545" height="93.7833333333333" r="0"
                                                            rx="0" ry="0" fill="#7a92a3" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="608.3458362926136" y="179.46666666666667"
                                                            width="41.70356889204545" height="176.53333333333333" r="0"
                                                            rx="0" ry="0" fill="#0b62a4" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="608.3458362926136" y="74.65" width="41.70356889204545"
                                                            height="104.81666666666666" r="0" rx="0" ry="0" fill="#7a92a3"
                                                            stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                    </svg>
                                                </div>
                                                <div class="city-txt-price">
                                                    <p>Karachi, SD</p>
                                                    <h6>$38,396/yr</h6>
                                                </div>
                                                <div class="city-txt-price">
                                                    <p>Nationwide</p>
                                                    <h6>$38,396/yr</h6>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="tab2" class="tab-content-panel">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="input-select-job">
                                                <h6>Desired minimum pay</h6>
                                                <input type="text" name="minimum_pay" value="18.46" required>
                                            </div>
                                            <div class="pay-chat">
                                                <span>Pay insights</span>
                                                <h6>Administrative Assistant Salary</h6>
                                                <div id="stacked" style="position: relative;"><svg height="330"
                                                        version="1.1" width="682" xmlns="http://www.w3.org/2000/svg"
                                                        style="overflow: hidden; position: relative; left: -0.5px; top: -0.390625px;">
                                                        <desc style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
                                                            Created
                                                            with Raphaël 2.1.2
                                                        </desc>
                                                        <defs style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
                                                        </defs>
                                                        <text x="32.84765625" y="356" text-anchor="end"
                                                            font="10px &quot;Arial&quot;" stroke="none" fill="#888888"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font: 12px sans-serif;"
                                                            font-size="12px" font-family="sans-serif" font-weight="normal">
                                                            <tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
                                                                dy="4">0</tspan>
                                                        </text>
                                                        <path fill="none" stroke="#aaaaaa" d="M45.34765625,356H657"
                                                            stroke-width="0.5"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
                                                        </path><text x="32.84765625" y="273.25" text-anchor="end"
                                                            font="10px &quot;Arial&quot;" stroke="none" fill="#888888"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font: 12px sans-serif;"
                                                            font-size="12px" font-family="sans-serif" font-weight="normal">
                                                            <tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
                                                                dy="4">75</tspan>
                                                        </text>
                                                        <path fill="none" stroke="#aaaaaa" d="M45.34765625,273.25H657"
                                                            stroke-width="0.5"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
                                                        </path><text x="32.84765625" y="190.5" text-anchor="end"
                                                            font="10px &quot;Arial&quot;" stroke="none" fill="#888888"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font: 12px sans-serif;"
                                                            font-size="12px" font-family="sans-serif" font-weight="normal">
                                                            <tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
                                                                dy="4">150</tspan>
                                                        </text>
                                                        <path fill="none" stroke="#aaaaaa" d="M45.34765625,190.5H657"
                                                            stroke-width="0.5"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
                                                        </path><text x="32.84765625" y="107.75" text-anchor="end"
                                                            font="10px &quot;Arial&quot;" stroke="none" fill="#888888"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font: 12px sans-serif;"
                                                            font-size="12px" font-family="sans-serif" font-weight="normal">
                                                            <tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
                                                                dy="4">225</tspan>
                                                        </text>
                                                        <path fill="none" stroke="#aaaaaa" d="M45.34765625,107.75H657"
                                                            stroke-width="0.5"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
                                                        </path><text x="32.84765625" y="25" text-anchor="end"
                                                            font="10px &quot;Arial&quot;" stroke="none" fill="#888888"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font: 12px sans-serif;"
                                                            font-size="12px" font-family="sans-serif" font-weight="normal">
                                                            <tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
                                                                dy="4">300</tspan>
                                                        </text>
                                                        <path fill="none" stroke="#aaaaaa" d="M45.34765625,25H657"
                                                            stroke-width="0.5"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
                                                        </path><text x="629.1976207386364" y="368.5" text-anchor="middle"
                                                            font="10px &quot;Arial&quot;" stroke="none" fill="#888888"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font: 12px sans-serif;"
                                                            font-size="12px" font-family="sans-serif" font-weight="normal"
                                                            transform="matrix(1,0,0,1,0,7)">
                                                            <tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
                                                                dy="4">2024</tspan>
                                                        </text><text x="517.9881036931818" y="368.5" text-anchor="middle"
                                                            font="10px &quot;Arial&quot;" stroke="none" fill="#888888"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font: 12px sans-serif;"
                                                            font-size="12px" font-family="sans-serif" font-weight="normal"
                                                            transform="matrix(1,0,0,1,0,7)">
                                                            <tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
                                                                dy="4">2022</tspan>
                                                        </text><text x="406.77858664772725" y="368.5" text-anchor="middle"
                                                            font="10px &quot;Arial&quot;" stroke="none" fill="#888888"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font: 12px sans-serif;"
                                                            font-size="12px" font-family="sans-serif" font-weight="normal"
                                                            transform="matrix(1,0,0,1,0,7)">
                                                            <tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
                                                                dy="4">2020</tspan>
                                                        </text><text x="295.56906960227275" y="368.5" text-anchor="middle"
                                                            font="10px &quot;Arial&quot;" stroke="none" fill="#888888"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font: 12px sans-serif;"
                                                            font-size="12px" font-family="sans-serif" font-weight="normal"
                                                            transform="matrix(1,0,0,1,0,7)">
                                                            <tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
                                                                dy="4">2018</tspan>
                                                        </text><text x="184.3595525568182" y="368.5" text-anchor="middle"
                                                            font="10px &quot;Arial&quot;" stroke="none" fill="#888888"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font: 12px sans-serif;"
                                                            font-size="12px" font-family="sans-serif" font-weight="normal"
                                                            transform="matrix(1,0,0,1,0,7)">
                                                            <tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
                                                                dy="4">2016</tspan>
                                                        </text><text x="73.15003551136364" y="368.5" text-anchor="middle"
                                                            font="10px &quot;Arial&quot;" stroke="none" fill="#888888"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font: 12px sans-serif;"
                                                            font-size="12px" font-family="sans-serif" font-weight="normal"
                                                            transform="matrix(1,0,0,1,0,7)">
                                                            <tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"
                                                                dy="4">2014</tspan>
                                                        </text>
                                                        <rect x="52.29825106534091" y="300.8333333333333"
                                                            width="41.70356889204545" height="55.166666666666686" r="0"
                                                            rx="0" ry="0" fill="#0b62a4" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="52.29825106534091" y="201.5333333333333"
                                                            width="41.70356889204545" height="99.30000000000001" r="0"
                                                            rx="0" ry="0" fill="#7a92a3" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="107.90300958806819" y="284.2833333333333"
                                                            width="41.70356889204545" height="71.7166666666667" r="0"
                                                            rx="0" ry="0" fill="#0b62a4" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="107.90300958806819" y="201.5333333333333"
                                                            width="41.70356889204545" height="82.75" r="0" rx="0" ry="0"
                                                            fill="#7a92a3" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="163.50776811079547" y="300.8333333333333"
                                                            width="41.70356889204545" height="55.166666666666686" r="0"
                                                            rx="0" ry="0" fill="#0b62a4" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="163.50776811079547" y="245.66666666666663"
                                                            width="41.70356889204545" height="55.166666666666686" r="0"
                                                            rx="0" ry="0" fill="#7a92a3" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="219.11252663352272" y="273.25" width="41.70356889204545"
                                                            height="82.75" r="0" rx="0" ry="0" fill="#0b62a4" stroke="none"
                                                            fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="219.11252663352272" y="207.05" width="41.70356889204545"
                                                            height="66.19999999999999" r="0" rx="0" ry="0" fill="#7a92a3"
                                                            stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="274.71728515625006" y="267.73333333333335"
                                                            width="41.70356889204545" height="88.26666666666665" r="0"
                                                            rx="0" ry="0" fill="#0b62a4" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="274.71728515625006" y="196.01666666666665"
                                                            width="41.70356889204545" height="71.7166666666667" r="0"
                                                            rx="0" ry="0" fill="#7a92a3" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="330.3220436789773" y="256.7" width="41.70356889204545"
                                                            height="99.30000000000001" r="0" rx="0" ry="0" fill="#0b62a4"
                                                            stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="330.3220436789773" y="179.46666666666664"
                                                            width="41.70356889204545" height="77.23333333333335" r="0"
                                                            rx="0" ry="0" fill="#7a92a3" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="385.92680220170456" y="245.66666666666669"
                                                            width="41.70356889204545" height="110.33333333333331" r="0"
                                                            rx="0" ry="0" fill="#0b62a4" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="385.92680220170456" y="162.91666666666669"
                                                            width="41.70356889204545" height="82.75" r="0" rx="0" ry="0"
                                                            fill="#7a92a3" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="441.53156072443187" y="229.11666666666667"
                                                            width="41.70356889204545" height="126.88333333333333" r="0"
                                                            rx="0" ry="0" fill="#0b62a4" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="441.53156072443187" y="146.36666666666667"
                                                            width="41.70356889204545" height="82.75" r="0" rx="0" ry="0"
                                                            fill="#7a92a3" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="497.1363192471591" y="223.6" width="41.70356889204545"
                                                            height="132.4" r="0" rx="0" ry="0" fill="#0b62a4" stroke="none"
                                                            fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="497.1363192471591" y="129.8166666666667"
                                                            width="41.70356889204545" height="93.7833333333333" r="0"
                                                            rx="0" ry="0" fill="#7a92a3" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="552.7410777698864" y="196.01666666666668"
                                                            width="41.70356889204545" height="159.98333333333332" r="0"
                                                            rx="0" ry="0" fill="#0b62a4" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="552.7410777698864" y="102.23333333333338"
                                                            width="41.70356889204545" height="93.7833333333333" r="0"
                                                            rx="0" ry="0" fill="#7a92a3" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="608.3458362926136" y="179.46666666666667"
                                                            width="41.70356889204545" height="176.53333333333333" r="0"
                                                            rx="0" ry="0" fill="#0b62a4" stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                        <rect x="608.3458362926136" y="74.65" width="41.70356889204545"
                                                            height="104.81666666666666" r="0" rx="0" ry="0" fill="#7a92a3"
                                                            stroke="none" fill-opacity="1"
                                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;">
                                                        </rect>
                                                    </svg>
                                                </div>
                                                <div class="city-txt-price">
                                                    <p>Karachi, SD</p>
                                                    <h6>$18/hr</h6>
                                                </div>
                                                <div class="city-txt-price">
                                                    <p>Nationwide</p>
                                                    <h6>$18/hr</h6>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="form-step-user">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="create-job-seeker-account">
                        <div class="avator-img">
                            <img width="50" src=" {{ asset('public/theme/saintsaccessories/images/phil_avatar.webp') }}" alt="">
                            <h2>Let's get you in the system so I can start working for you.</h2>
                        </div>
                        <div class="google-login">
                            <a href="#"><img width="22" src=" {{ asset('public/theme/saintsaccessories/images/google-icon.png') }}" alt=""> Continue with Google</a>
                        </div>
                        <h6 class="divider">OR</h6>
                    </div>
                    <div class="create-input-form">
                       
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="input-form-acc">
                                        <label for="">Full name</label>
                                        <input type="text" name="name" required>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="input-form-acc">
                                        <label for="">Email</label>
                                        <input type="email"  name="email" required>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="input-form-acc">
                                        <label for="">Password</label>
                                        <input type="password" name="password" required>
                                        <p>By clicking Next, I agree to the ZipRecruiter <a href="#">Terms of Use</a> and
                                            acknowledge I have read the <a href="#">Privacy Policy</a>, and agree to
                                            receive email job alerts.</p>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="already-acc-btn">
                                        <a href="#">Already have an account?</a>
                                        <a href="#" class="sign-acc">Sign In Here</a>
                                    </div>
                                </div>
                            </div>
                        
                    </div>
                </div>
            </div>
        </div>
     </div>
 </section>

<div class="step-form-btns">
     <div class="container">
         <div class="row">
             <div class="col-lg-12">
                 <div class="form-buttons">
                     <div class="form-btn">
                         
                     </div>
                     <div class="back-btn">
                         <input type="submit" class="btn-next" data-step-btn="next" id="btn-next" value="Submit" >
                     </div>
                 </div>
             </div>
         </div>
     </div>
 </div>
 </form>
@endsection