@extends('template.main-template')

@section('content')
    <section class="sub-bnr"
        style="background: url({{ asset('template/images/banners/cart-hero.png') }}); background-position: center !important;"
        data-stellar-background-ratio="0.5">
        <div class="position-center-center">
            <div class="container">
                <h4>Customer Area</h4>
            </div>
        </div>
    </section>

    <section class="chart-page padding-top-50 padding-bottom-100">
        <div class="container">

            <!-- Payments Steps -->
            <div class="shopping-cart">

                <!-- SHOPPING INFORMATION -->
                <div class="cart-ship-info">


                    @if ($errors->any())
                        <div class="row">
                            <div class="alert alert-danger padding-left-50">
                                @foreach ($errors->all() as $error)
                                    <p><b>{{ $error }}</b></p>
                                @endforeach
                            </div>
                        </div>
                    @endif

                    <div class="row">

                        <!-- ESTIMATE SHIPPING & TAX -->
                        <div class="col-sm-7">
                            <h6>LOGIN YOUR ACCOUNT</h6>
                            <form method="POST" action={{ route('customer.login.action') }}>
                                @csrf
                                <ul class="row">

                                    <!-- Name -->
                                    <li class="col-md-12">
                                        <label> E-Mail
                                            <input type="text" name="email" value="" placeholder="" >
                                        </label>
                                    </li>
                                    <!-- LAST NAME -->
                                    <li class="col-md-12">
                                        <label> PASSWORD
                                            <input type="password" name="password" value="" placeholder="">
                                        </label>
                                    </li>

                                    <!-- LOGIN -->
                                    <li class="col-md-8">
                                        <button type="submit" class="btn">LOGIN</button>
                                    </li>

                                    {{-- <!-- FORGET PASS --}}
                                        <li class="col-md-4">
                                            <div class="checkbox margin-0 margin-top-20 text-right">
                                                <a href="{{ route('request.password.reset') }}">Forget Password</a>
                                            </div>
                                        </li>
                                </ul>
                            </form>
                        </div>

                        <!-- SUB TOTAL -->
                        <div class="col-sm-5">

                            <h6>CREATE YOUR ACCOUNT</h6>
                            <form method="POST" action={{ route('customer.register') }}>
                                @csrf
                                <ul class="row">

                                    <!-- Name -->
                                    <li class="col-md-12">
                                        <label> E-Mail
                                            <input type="text" name="email" value="" placeholder="" >
                                        </label>
                                    </li>
                                    <li class="col-md-12">
                                        <label> Full Name
                                            <input type="text" name="customer_name" value="" placeholder="" >
                                        </label>
                                    </li>
                                    <!-- LAST NAME -->
                                    <li class="col-md-12">
                                        <label> PASSWORD
                                            <input type="password" name="password" value="" placeholder="">
                                        </label>
                                    </li>

                                    <!-- LOGIN -->
                                    <li class="col-md-4">
                                        <button type="submit" class="btn">Create Account</button>
                                    </li>
                                </ul>
                            </form>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection