@extends('shop.main')

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

@section('main')

    <div class="cont">
        <div class="main">
            <h1 class="title-area">Dados do cliente</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" id="form-fields" method="POST">
                    @csrf
                    <div class="form-item">
                        <label for="email">Email <span class="danger">*</span></label>
                        <input type="email" name="email" id="userEmail">
                    </div>
                    <div id="newFields">

                    </div>
                    {{-- <a href="{{ route('confirm-shipping') }}">Prosseguir</a> --}}
                    <button disabled class="finish-button">Prosseguir</button>
                </form>
                <div class="question-area">
                    <h3 class="question-title">Porque informar o email?</h3>
                    <p class="answer">Para verifirar se você já possui cadastro em nossa loja!</p>
                    <p class="answer">E acelear o preenchimento das suas informações!</p>
                </div>
            </section>
        </div>
        <div class="secondary">
            @include('shop.components.confirm-order')
        </div>
    </div>

    <div class="models">
        <div id="has-account">
            <div class="form-item">
                <label for="email">Senha <span class="danger">*</span></label>
                <input type="password" name="password" id="userPassH">
            </div>
            <input type="hidden" value="1">
        </div>

        <div id="no-account">
            <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" id="userPassN">
            </div>
            <input type="hidden" value="0">
        </div>
    </div>
    @csrf
@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 src="{{ asset('shop/js/finish-order.js') }}"></script>
    <script>
        finish_order.init()
    </script>
@endpush