@extends('frontend.layout.master')

@section('title')
FSBM | {{ucfirst($slug->title)}}
@endsection

@section('keyword')
{!!strip_tags($slug->meta_keyword)!!}
@endsection

@section('description')
{!!strip_tags($slug->meta_desc)!!}
@endsection

@section('content')
<!--Breadcrumb-->
        <section>
            <div class="bannerimg cover-image bg-background3" data-image-src="{{ asset('images/banners/banner_new.png') }}">
                <div class="header-text mb-0">
                    <div class="container">
                        <div class="text-center text-white ">
                            <h1 class="">Register</h1>
                            <ol class="breadcrumb text-center">
                                <li class="breadcrumb-item"><a href="{{route('front.dashboard')}}">Home</a></li>
                                <li class="breadcrumb-item active text-white" aria-current="page">Register</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--/Breadcrumb-->

        <!--Register-section-->
        <section class="sptb">
            <div class="container customerpage">
                <div class="row ">
                    <div class="col-lg-4 d-block mx-auto">
                        <div class="row">
                            <div class="col-xl-12 col-md-12 col-md-12">
                                <div class="card mb-xl-0">
                                    <div class="card-header">
                                        <h3 class="card-title">Register</h3>
                                    </div>
                                    <div class="card-body">
                                        
                                        <form method="post" action="{{ route('front.register') }}">
                                        @csrf

                                        <!-- <div class="form-group">
                                            <label class="form-label text-dark">User Type</label>
                                            <select id="user" class="form-control{{ $errors->has('user') ? ' is-invalid' : '' }}" name="user" value="{{ old('user') }}" required >
                                                <option>--Select--</option>
                                                <option value="1">Client</option>
                                                <option value="2">Bidder</option>
                                            </select>
                                            @if ($errors->has('user'))
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $errors->first('user') }}</strong>
                                                </span>
                                            @endif
                                        </div> -->
                                        <div class="form-group">
                                            <label class="form-label text-dark">{{ __('Name') }}</label>
                                            <input id="name" type="text" class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" name="name" value="{{ old('name') }}" required autofocus placeholder="Enter name">


                                            @if ($errors->has('name'))
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $errors->first('name') }}</strong>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group">
                                            <label class="form-label text-dark">{{ __('E-Mail Address') }}</label>
                                            <input id="email" type="email" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" name="email" value="{{ old('email') }}" required" placeholder="Enter email">

                                            @if ($errors->has('email'))
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $errors->first('email') }}</strong>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group">
                                            <label class="form-label text-dark">Contact Number</label>
                                            <input id="contact_number" type="text" class="form-control{{ $errors->has('contact_number') ? ' is-invalid' : '' }}" name="contact_number" value="{{ old('contact_number') }}" required autofocus placeholder="Enter contact number">


                                            @if ($errors->has('contact_number'))
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $errors->first('contact_number') }}</strong>
                                                </span>
                                            @endif
                                        </div>
                                        <div class="form-group">
                                            <label class="form-label text-dark">{{ __('Password') }}</label>
                                            <input id="password" type="password" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" required placeholder="Password">

                                            @if ($errors->has('password'))
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $errors->first('password') }}</strong>
                                                </span>
                                            @endif
                                        </div>

                                        <div class="form-group">
                                            <label class="form-label text-dark">{{ __('Confirm Password') }}</label>
                                            <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required placeholder="Password">
                                        </div>

                                        

                                        <div class="form-group">
                                    
                                           <div class="g-recaptcha" data-sitekey="{{ '6LcoD6wUAAAAAJ7QeKZVbgc-To73eYDloZD-Azfc' }}"></div>
                                            @if ($errors->has('g-recaptcha-response'))
                                                <span class="invalid-feedback" style="display: block;">
                                                    <strong>{{ $errors->first('g-recaptcha-response') }}</strong>
                                                </span>
                                            @endif
                                            
                                        </div>
                                        
                                        <div class="form-footer mt-2">
                                            
                                            <button type="submit" class="btn btn-primary btn-block">Create New Account
                                            </button>
                                        </div>
                                        <div class="text-center  mt-3 text-dark">
                                            Already have an account?<a href="{{route('front.login')}}"> Sign In!</a>
                                        </div>
                                    </form>

                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--Register-section-->
@endsection