@extends('layouts.frontlayout')
@section('content')

<!-- ==== sign_up_section_start ==== -->
<section class="sign_up_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="heading_area text-center">
                    <h1>{{ isset($webSettings->signup_heading) && $webSettings->signup_heading ? $webSettings->signup_heading : 'Sign Up' }}</h1>
                    <p>{{ isset($webSettings->signup_content) && $webSettings->signup_content ? $webSettings->signup_content : '' }}</p>
                </div>
                <div class="form_area">
                    @include('user.partials.flash_messages')
                    <form action="{{ route('user.signup') }}" method="post" class="registration-validation" enctype="multipart/form-data" autocomplete="off">
                        {{ 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">
                                    <label class="form-label">Name</label>
                                    <input type="text" name="name" class="form-control alpha_space" value="{{ old('name') }}" autocomplete="off" required />
                                    <label id="name-error" class="error" for="name">@error('name') {{ $message }} @enderror</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">
                                    <label class="form-label">Email</label>
                                    <input type="text" name="email" class="form-control" value="{{ old('email') }}" autocomplete="off" required />
                                    <label id="email-error" class="error" for="email">@error('email') {{ $message }} @enderror</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">
                                    <label class="form-label">Phone Number</label>
                                    <input type="text" name="phonenumber" class="form-control number_only" value="{{ old('phonenumber') }}" autocomplete="off" required />
                                    <label id="phonenumber-error" class="error" for="phonenumber">@error('phonenumber') {{ $message }} @enderror</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">
                                    <label class="form-label">Country</label>
                                    <select class="form-select" name="country_id" required>
                                        <option value="">Select Country</option>
                                        @foreach($countries as $c)
                                        <option value="{{ $c['id'] }}">{{ $c['short_name'] }}</option>
                                        @endforeach
                                    </select>
                                </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">
                                    <label class="form-label">Password</label>
                                    <input type="password" name="password" class="form-control" value="{{ old('password') }}" autocomplete="off" required />
                                    <label id="password-error" class="error" for="password">@error('password') {{ $message }} @enderror</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">
                                    <label class="form-label">Confirm Password</label>
                                    <input type="password" name="confirm_password" class="form-control" value="{{ old('confirm_password') }}" autocomplete="off" required />
                                    <label id="confirm_password-error" class="error" for="confirm_password">@error('confirm_password') {{ $message }} @enderror</label>
                                </div>
                            </div>
                            <div class="profile_area d-none">
                                <div class="head">
                                    <label class="form-label">Upload Photo</label>
                                </div>
                                <div class="image">
                                    <img src="{{ url('frontend/images/profile_pic.png') }}" alt="..." />
                                    <div class="icon_add">
                                        <label for="file-input">
                                            <i class="far fa-pen"></i>
                                        </label>
                                        <input id="file-input" class="d-none" type="file" />
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="custom-control custom-checkbox">
                                    <input type="checkbox" class="custom-control-input" name="accept" id="l-1" value="1" autocomplete="off" required>
                                    <label class="custom-control-label" for="l-1">Accept our <a style="color: #DE383A;" href="{{ route('homepage.termsConditions') }}" target="_blank">Terms & Conditions</a> and <a style="color: #DE383A;" href="{{ route('homepage.privacyPolicy') }}" target="_blank">Privacy Policy</a>.</label>
                                </div>
                                <label id="accept-error" class="error" for="accept">@error('accept') {{ $message }} @enderror</label>
                            </div>
                            <div class="form-group">
                                <button type="submit" class="btn btn-primary w-100">Sign Up</button>
                            </div>
                            <div class="dont_have">
                                <p>Already have an account?<span> <a href="{{ route('user.login') }}">Login</a></span></p>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== sign_up_section_end ==== -->

@endsection