@extends('layout')
@section('metatitle', "Inregistrare cont")
@section('metadescription', "Inregistrare cont" )
@section('metakeywords', "Inregistrare cont" )





@section('content')

    @include('layouts._slider',array('slug' => 'inregistrare'))
    <div class="container">
        @include('layouts._flash')
    </div>

    <!-- Content area start -->
    <div class="content-area register">
        <div class="container">
            <div class="row">
                <div class="col-lg-5">
                    <!-- Form content box start -->
                    <div class="my-address">
                        <!-- details -->
                        <div class="details">
                            <div class="tab-style-2">
                                <div class="tab-style-2-line">
                                    <ul class="nav nav-tabs ">
                                        <li>
                                            <a href="/autentificare">Autentificare</a>
                                        </li>
                                        <li class="active">
                                            <a href="/inregistrare" >Înregistrare</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content submit-address">

                                        <div class="tab-pane active" id="tab_register">
                                            <!-- Form start-->

                                            <form method="POST" action="{{ url()->route( 'auth.register') }}" id="register">
                                                    {{ csrf_field() }}

                                                <div class="form-group">
                                                    <input type="email" name="email" class="input-text" placeholder="Email Address">
                                                </div>
                                                <div class="form-group">
                                                    <input type="text" id="cod_user" name="cod_user" class="input-text" placeholder="Cod Client Mega">
                                                </div>
                                                <div class="form-group">
                                                    <input type="text" id="cnp" name="cnp" class="input-text" placeholder="CNP / CIF">
                                                </div>
                                                <div class="form-group">
                                                    <input id="password" class="input-text" type="password" name="password" placeholder="Parola">
                                                </div>
                                                <div class="form-group">
                                                    <input id="retype_password" class="input-text" type="password" name="retype_password" placeholder="Confirmare Parolă" required/>
                                                </div>

                                                <div class="checkbox checkbox-theme checkbox-circle">
                                                    <input id="termsandconditions" type="checkbox" name="termsandconditions">
                                                    <label for="termsandconditions">am luat la cunostinta asupra <a href="https://www.megaconstruct.ro/legislatie/protectia-datelor-cu-caracter-personal/" target="_blank">Informarii cu privire la Prelucrarea Datelor</a></label>
                                                </div>

                                                <div class="form-group">
                                                    <button type="submit" class="button-md button-theme btn-block">Crează cont</button>
                                                </div>
                                            </form>
                                            <!-- Form end-->

                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-7">

                    <div class="panel panel-primary spacer">
                        {!!
                       Cache::remember('custom1', config('app.no_cache_minutes'), function() {
                           return Cmsmodule::getModuleFromPosition('custom1');
                          })
                        !!}
                    </div>
                    <div class="panel panel-info">
                        {!!
                       Cache::remember('custom1', config('app.no_cache_minutes'), function() {
                           return Cmsmodule::getModuleFromPosition('custom2');
                          })
                        !!}
                    </div>


                </div>
            </div>
        </div>
    </div>
    <!-- Content area end -->





@endsection

@section('footer')

    <script src="{{ url('/') }}/js/validation/dist/jquery.validate.min.js"></script>

    {{--PENTRU VALIDARE--}}
    <script>
        // validate signup form on keyup and submit
        $("#register").validate({

            rules: {
                cod_user: "required",
                cnp : {
                    required: true
                },
                termsandconditions: "required",
                password : {
                    required: true,
                    minlength : 5
                },
                retype_password : {
                    required: true,
                    equalTo : "#password"
                },
                email: {
                    required: true,
                    email: true
                },
            },
            errorPlacement: function (error, element) {
                error.insertBefore(element);
            },
            errorElement: 'div',
            messages: {
                cod_user: "Va rugam completati campul Cod Client",
                cnp: "Va rugam completati campul CNP/CIF",

                termsandconditions: "Trebuie sa acceptati termenii si conditiile",

                password: {
                    required: "Va rugam completati campul Parola",
                    minlength: "Minim 5 caractere"
                },
                retype_password: {
                    required: "Va rugam completati campul Confirmare Parola",
                    equalTo: "Parola trebuie sa fie identica cu cea din campul anterior"
                },
                email: {
                    required: "Va rugam completati campul Email",
                    email: "E-mailul nu este valid"
                },
            }
        });
    </script>
@endsection