@extends('customer.layout.main')
@section('css')
    <link rel="stylesheet" href="{{ asset('template/customer/css/style2.css') }}">
@endsection

@section('content')
    <section class="signup">
        <div class="container">
            <div class="signup-content">
                <div class="signup-form">
                    <h2 class="form-title text-primary">ĐĂNG KÝ TÀI KHOẢN</h2>
                    <form method="POST" class="register-form" id="register-form">
                        @csrf
                        <div class="form-group">
                            <label for="name" class="@error('name') error @enderror"><i class="fa fa-user"></i></label>
                            <input type="text" name="name" id="name" class="@error('name') is-valid @enderror"
                                placeholder="Nhập tên của bạn" />
                            @error('name')
                                <div>
                                    <p class="message-error">
                                        {{ $message }}</p>
                                </div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="email" class="@error('email') error @enderror"><i
                                    class="fa fa-envelope"></i></label>
                            <input type="email" name="email" id="email" class="@error('email') is-valid @enderror"
                                placeholder="Nhập email của bạn" />
                            @error('email')
                                <div>
                                    <p class="message-error">
                                        {{ $message }}</p>
                                </div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="pass" class="@error('password') error @enderror"><i
                                    class="fa fa-lock"></i></label>
                            <input type="password" name="passwork" id="pass"
                                class="@error('password') is-valid @enderror" placeholder="Nhập mật khẩu" />
                            @error('password')
                                <div>
                                    <p class="message-error">
                                        {{ $message }}</p>
                                </div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="re-pass"><i class="fa fa-lock"></i></label>
                            <input type="password" name="password_confirmation" id="re_pass"
                                placeholder="Xác nhận mật khẩu" />
                        </div>
                        <div class="form-group">
                            <p style="color: black">Bạn đã có tài khoản?
                                <a href="{{ route('login.customer.form') }}" class="term-service text-primary"
                                    style="font-size: 15px">Đăng
                                    nhập</a>
                            </p>
                        </div>
                        <div class="form-group form-button">
                            <input type="submit" name="signup" id="signup" class="form-submit" value="Đăng ký" />
                        </div>
                    </form>
                </div>
                <div class="signup-image">
                    <figure><img src="{{ asset('template/customer/img/signup-image.jpg') }}" alt="sing up image"></figure>
                </div>
            </div>
        </div>
    </section>
@endsection