@extends('shop.main')

@section('header')
    @include('shop.components.header')
@endsection

@section('main')

    <div class="cont">
        <div class="main">
            <h1 class="title-area">Logar</h1>

            <section class="form-area">
                <h2 class="title-section">Para prosseguir informe o seu email!</h2>

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

                <form class="form-login" action="" method="POST">
                    @csrf
                    <div class="form-item">
                        <label for="email">Email <span class="danger">*</span></label>
                        <input type="email" name="email">
                    </div>
                    <div class="form-item">
                        <label for="email">Senha <span class="danger">*</span></label>
                        <input type="password" name="password" >
                    </div>
                    @csrf
                    <div class="forget">
                        <a href="{{ route('customer.recovery') }}">Esqueci minha senha</a>
                    </div>
                    <button class="finish-button">Acessar</button>
                </form>
                <div class="question-area">
                    <h3 class="question-title">Acessar area do cliente.</h3>
                    <p class="answer">Aqui você poderá alterar seus dados pessoais e endereços.</p>
                    <p class="answer">Além de poder acompanhar o processo dos seus pedidos em tempo real!</p>
                </div>
            </section>
        </div>
        <div class="spacer" style="width: 30px;"></div>
        <div class="main">
            <h1 class="title-area">Cadastre-se</h1>

            <section class="form-area">
                <h2 class="title-section">Para prosseguir informe o seu email!</h2>

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

                <form class="form-login" action="{{ route('customer.register') }}" method="POST">
                    @csrf
                    <div class="form-item">
                        <label for="email">Email <span class="danger">*</span></label>
                        <input type="email" name="email" >
                    </div>
                    <div class="form-item">
                        <label for="name">Nome Completo<span class="danger">*</span></label>
                        <input type="text" name="name" id="">
                    </div>
                    <div class="form-item">
                        <label for="email">Senha <span class="danger">*</span></label>
                        <input type="password" name="password">
                    </div>
                    @csrf
                    <button class="finish-button">Criar conta</button>
                </form>
                <div class="question-area">
                    <h3 class="question-title">Crie a sua conta!</h3>
                    <p class="answer">Você poderá realizar compras com mais facilidade e alterar seus dados pessoais e endereços.</p>
                    <p class="answer">Além de poder acompanhar o processo dos seus pedidos em tempo real!</p>
                </div>
            </section>
        </div>

    </div>

@endsection

@section('footer')
    @include('shop.components.footer')
@endsection
@push('css')
    <link rel="stylesheet" href="{{ asset('shop/css/shop-main.css') }}">
    <link rel="stylesheet" href="{{ asset('shop/css/finish-order.css') }}">
@endpush
@push('js')
    {{-- Script removido pois não é necessário nesta página --}}
@endpush