@extends('frontend.layouts.template')
@section('content')
<!-- START SECTION BREADCRUMB -->
<div class="breadcrumb_section bg_gray page-title-mini">
    <div class="container"><!-- STRART CONTAINER -->
        <div class="row align-items-center">
        	<div class="col-md-6">
                <div class="page-title">
            		<h1>{{ trans('label.signup') }}</h1>
                </div>
            </div>
            <div class="col-md-6">
                <ol class="breadcrumb justify-content-md-end">
                    <li class="breadcrumb-item"><a href="/">{{ trans('label.home') }}</a></li>
                    <li class="breadcrumb-item active">{{ trans('label.signup') }}</li>
                </ol>
            </div>
        </div>
    </div><!-- END CONTAINER-->
</div>
<!-- END SECTION BREADCRUMB -->
<!-- START MAIN CONTENT -->
<div class="main_content">

    <!-- START LOGIN SECTION -->
    <div class="login_register_wrap section">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-6 col-md-10">
                    <div class="login_wrap">
                        <div class="padding_eight_all bg-white">
                            <div class="heading_s1">
                                <h3>{{ trans('label.create_an_account') }}</h3>
                            </div>
                            <form method="post" id="form-signup" action="{{ url('signup') }}">
                                <input type="hidden" name="_token" value="{{ csrf_token() }}" />
                                <div class="form-group">
                                    <input type="text" required="" class="form-control" name="name" value="{{ old('name') }}" placeholder="{{ trans('label.enter_your_name') }}">
                                    @error('name')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <input type="email" required="" class="form-control" name="email" value="{{ old('email') }}" placeholder="{{ trans('label.enter_your_email') }}">
                                    @error('email')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <input class="form-control" required="" type="password" name="password" placeholder="{{ trans('label.password') }}">
                                    @error('password')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <input class="form-control" required="" type="password" name="cpassword" placeholder="{{ trans('label.confirm_password') }}">
                                    @error('cpassword')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="login_footer form-group">
                                    <div class="chek-form">
                                        <div class="custome-checkbox">
                                            <input class="form-check-input" type="checkbox" name="agree" id="agree" value="Y">
                                            <label class="form-check-label" for="agree"><span>{!! trans('label.agreement') !!}</span></label>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <button type="submit" class="btn btn-fill-out btn-block">{{ trans('label.register') }}</button>
                                </div>
                            </form>
                            <div class="different_login">
                                <span> {{ trans('label.or') }}</span>
                            </div>
                            <div class="form-note text-center">{{ trans('label.already_have_an_account') }} <a href="{{ url('account/login')}}">{{ trans('label.login') }}</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END LOGIN SECTION -->

</div>
<!-- END MAIN CONTENT -->
@endsection
@section('javascript')
    <script type="text/javascript">
    (function($){
       $('#form-signup').on('submit',function(e){
           if( !$('#agree').is(':checked') ){
               alert('Plese checked I agree to terms Policy.');
               $('#agree').focus();
                return false;
           }
        //    if( !confirm('Confirm approve this order!') ) return false;
       })
    }(jQuery));
    </script>
@endsection