@extends('site.master')
@section('title','Sign up')
@section('content')
    <!-- Page Banner Section Start -->
    @include('site.layouts.breadcrumb')
    <!-- Page Banner Section End -->
    <form method="POST" action="{{ route('site.register.store') }}" enctype="multipart/form-data">

    {{ csrf_field() }}
    <!-- Register Section Start -->
        <div class="register-section section mt-10 mb-20">
            <div class="container">
                <div class="row">

                    <!-- Register -->
                    <div class="col-md-6 col-12 d-flex">
                        <div class="ee-register">

                            <h3>We will need for your registration</h3>
                        {{--<p>E&E provide how all this mistaken idea of denouncing pleasure and sing pain born an will give you a complete account of the system, and expound</p>--}}
                        <!-- Register Form -->
                            <div class="ee-register-form">
                                <div class="row">
                                    <div class="col-12 mb-30">
                                        <input type="text" name="name" placeholder="Your name here" value="{{ old('name') }}">
                                        @if($errors->has('name'))
                                            <div class="validation_error">{{ $errors->first('name') }}</div>
                                        @endif
                                    </div>
                                    <div class="col-12 mb-30">
                                        <input type="text" name="mobile" placeholder="Your mobile number here" value="{{ old('mobile') }}">
                                        @if($errors->has('mobile'))
                                            <div class="validation_error">{{ $errors->first('mobile') }}</div>
                                        @endif
                                    </div>
                                    <div class="col-12 mb-30">
                                        <input type="email" name="email" placeholder="Your email here (Optional)" value="{{ old('email') }}">
                                        @if($errors->has('email'))
                                            <div class="validation_error">{{ $errors->first('email') }}</div>
                                        @endif
                                    </div>
                                    <div class="col-12 mb-30">
                                        <input type="password" name="password" placeholder="Enter password">
                                        @if($errors->has('password'))
                                            <div class="validation_error">{{ $errors->first('password') }}</div>
                                        @endif
                                    </div>
                                    <div class="col-12 mb-30">
                                        <input type="password" name="password_confirmation"
                                               placeholder="Confirm password">
                                        @if($errors->has('password_confirmation'))
                                            <div class="validation_error">{{ $errors->first('password_confirmation') }}</div>
                                        @endif
                                    </div>
                                    <div class="col-12"><input type="submit" value="register"></div>
                                </div>

                            </div>

                        </div>
                    </div>

                    <div class="col-md-1 col-12 d-flex">
                        <div class="login-reg-vertical-boder"></div>
                    </div>

                    <!-- Account Image -->
                    <div class="col-md-5 col-12 d-flex">
                        <div class="ee-account-image">
                            <h3>Upload your Image(Optional)</h3>
                            <img src="{{ asset('site_assets/images/account-image-placeholder.jpg') }}"
                                 alt="Account Image Placeholder" class="image-placeholder" id="previewHolder"
                                 style="max-height: 250px">
                            <div class="account-image-upload">
                                <input type="file" name="chooseFile" id="account-image-upload">
                                <label class="account-image-label" for="account-image-upload">Choose your image</label>
                            </div>

                            <p>jpEG 250x250</p>

                        </div>

                    </div>

                </div>
            </div>
        </div>
    </form>
    <!-- Register Section End -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script>

        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function (e) {
                    $('#previewHolder').attr('src', e.target.result);
                }
                reader.readAsDataURL(input.files[0]);
            } else {
                alert('select a file to see preview');
                $('#previewHolder').attr('src', '');
            }
        }

        $("#account-image-upload").change(function () {
            readURL(this);
        });
    </script>
@stop