@extends('template.main-template')

@section('content')
    <section class="sub-bnr"
        style="background: url({{ asset('template/images/banners/cart-hero.png') }}); background-position: fixed !important;"
        data-stellar-background-ratio="0.5">
        <div class="position-center-center">
            <div class="container">
                <h4>Finish Order</h4>
                <p style="color: #fff;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec faucibus maximus
                    vehicula.
                    Sed feugiat, tellus vel tristique posuere, diam</p>
                <ol class="breadcrumb">
                    <li><a href="{{ URL::to('/') }}">Home</a></li>
                    <li><a href="{{ route('cart.index') }}">Cart</a></li>
                    <li class="active">FINISH ORDER</li>
                </ol>
            </div>
        </div>
    </section>


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

                <div class="cont">
                    <div class="main">
                        <h4 class="title-area">Client Data</h4>

                        <section class="form-area">
                            <h3 class="title-section">To proceed, enter your email!</h3>

                            @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 id="finish-button" class="btn">Proceed</button>
                            </form>
                            <div class="question-area" style="padding-bottom: 30px;">
                                <h3 class="question-title">Why provide email?</h3>
                                <p class="answer">To check if you are already registered in our store!</p>
                                <p class="answer">And speed up filling out your information!</p>
                                <a href="{{ route('request.password.reset') }}" id="sign-in" class="access_link">
                                    <b>Lost Password?</b>
                                </a>
                            </div>
                        </section>
                    </div>
                </div>

            </div>
        </section>
    </div>

    <div class="models" style="display:none;">
        <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">Full Name<span class="danger">*</span></label>
                <input type="text" name="customer_name" id="">
            </div>
            <div class="form-item">
                <label for="email">Password <span class="danger">*</span></label>
                <input type="password" name="password" id="userPassN">

            </div>
            <input type="hidden" value="0">
        </div>
    </div>
    @csrf

@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('javascript')
    <script src="{{ asset('shop/js/finish-order.js') }}"></script>
    <script>
        finish_order.init()
    </script>
@endpush