HOME

@extends('frontend.layouts.app')



@section('content')

<section class="pt-4 mb-4">

    <div class="container text-center">

        <div class="row">

            <div class="col-lg-6 text-center text-lg-left">

                {{-- <h1 class="fw-700 fs-24 text-dark">{{ translate('Register your shop')}}</h1> --}}

            </div>

            <div class="col-lg-6">

                <ul class="breadcrumb bg-transparent p-0 justify-content-center justify-content-lg-end">

                    <li class="breadcrumb-item has-transition opacity-50 hov-opacity-100">

                        <a class="text-reset" href="{{ route('home') }}">{{ translate('Home')}}</a>

                    </li>

                    <li class="text-dark fw-600 breadcrumb-item">

                        "{{ translate('Register your shop')}}"

                    </li>

                </ul>

            </div>

        </div>

    </div>

</section>

<section class="pt-4 mb-4">

    <div class="container">

        <div class="row">

            <div class="col-xxl-5 col-xl-6 col-md-8 mx-auto">

                <h1 class="fw-700 fs-20 fs-md-24 text-dark text-center mb-3">{{ translate('Register Your Shop')}}</h1>

                <form id="shop" class="" action="{{ route('shops.store') }}" method="POST" enctype="multipart/form-data">

                    @csrf

                    <div class="bg-white border mb-4">

                        <div class="fs-15 fw-600 p-3">

                            {{ translate('Personal Info')}}

                        </div>

                        <div class="p-3">

                            <div class="form-group">

                                <label>{{ translate('Your Name')}} <span class="text-primary">*</span></label>

                                <input type="text" class="form-control rounded-0{{ $errors->has('name') ? ' is-invalid' : '' }}" value="{{ old('name') }}" placeholder="{{  translate('Name') }}" name="name" required>

                                @if ($errors->has('name'))

                                    <span class="invalid-feedback" role="alert">

                                        <strong>{{ $errors->first('name') }}</strong>

                                    </span>

                                @endif

                            </div>

                            <div class="form-group">

                                <label>{{ translate('Your Email')}} <span class="text-primary">*</span></label>

                                <input type="email" class="form-control rounded-0{{ $errors->has('email') ? ' is-invalid' : '' }}" value="{{ old('email') }}" placeholder="{{  translate('Email') }}" name="email" required>

                                @if ($errors->has('email'))

                                    <span class="invalid-feedback" role="alert">

                                        <strong>{{ $errors->first('email') }}</strong>

                                    </span>

                                @endif

                            </div>

                            <div class="form-group">

                                <label>{{ translate('Your Password')}} <span class="text-primary">*</span></label>

                                <input type="password" class="form-control rounded-0{{ $errors->has('password') ? ' is-invalid' : '' }}" value="{{ old('password') }}" placeholder="{{  translate('Password') }}" name="password" required>

                                @if ($errors->has('password'))

                                    <span class="invalid-feedback" role="alert">

                                        <strong>{{ $errors->first('password') }}</strong>

                                    </span>

                                @endif

                            </div>

                            <div class="form-group">

                                <label>{{ translate('Repeat Password')}} <span class="text-primary">*</span></label>

                                <input type="password" class="form-control rounded-0" placeholder="{{  translate('Confirm Password') }}" name="password_confirmation" required>

                            </div>

                        </div>

                    </div>



                    <div class="bg-white border mb-4">

                        <div class="fs-15 fw-600 p-3">

                            {{ translate('Basic Info')}}

                        </div>

                        <div class="p-3">

                            <div class="form-group">

                                <label>{{ translate('Shop Name')}} <span class="text-primary">*</span></label>

                                <input type="text" class="form-control rounded-0{{ $errors->has('shop_name') ? ' is-invalid' : '' }}" value="{{ old('shop_name') }}" placeholder="{{ translate('Shop Name')}}" name="shop_name" required>

                                @if ($errors->has('shop_name'))

                                    <span class="invalid-feedback" role="alert">

                                        <strong>{{ $errors->first('shop_name') }}</strong>

                                    </span>

                                @endif

                            </div>

                            <div class="form-group">

                                <label>{{ translate('Address')}} <span class="text-primary">*</span></label>

                                <input type="text" class="form-control mb-3 rounded-0{{ $errors->has('address') ? ' is-invalid' : '' }}" value="{{ old('address') }}" placeholder="{{ translate('Address')}}" name="address" required>

                                @if ($errors->has('address'))

                                    <span class="invalid-feedback" role="alert">

                                        <strong>{{ $errors->first('address') }}</strong>

                                    </span>

                                @endif

                            </div>

                        </div>

                    </div>



                    @if(get_setting('google_recaptcha') == 1)

                        <div class="form-group mt-2 mx-auto row">

                            <div class="g-recaptcha" data-sitekey="{{ env('CAPTCHA_KEY') }}"></div>

                        </div>

                    @endif



                    <div class="text-right">

                        <button type="submit" class="btn btn-primary fw-600 rounded-0">{{ translate('Register Your Shop')}}</button>

                    </div>

                </form>

            </div>

        </div>

    </div>

</section>



@endsection



@section('script')

<script src="https://www.google.com/recaptcha/api.js" async defer></script>

<script type="text/javascript">

    // making the CAPTCHA  a required field for form submission

    $(document).ready(function(){

        $("#shop").on("submit", function(evt)

        {

            var response = grecaptcha.getResponse();

            if(response.length == 0)

            {

            //reCaptcha not verified

                alert("please verify you are humann!");

                evt.preventDefault();

                return false;

            }

            //captcha verified

            //do the rest of your validations here

            $("#reg-form").submit();

        });

    });

</script>

@endsection