@extends('frontend.partials.layout')
@section('content')
    <section id="cart" style="background-image: url({{env('APP_URL').$cart->background}}) !important;">
        <div class="container">
            <form action="{{route('frontend_place_order')}}">
            <h1>Reservation information</h1>
            <div class="form-wrapper">
                <div class="input-row">
                    <label for="first_name">First name</label>
                    <input type="text" name="first_name" id="first_name" value="{{old('first_name')}}">
                    <span class="validation-error" id="first_name">{{ $errors->first('first_name') }}</span>
                </div>
                <div class="input-row">
                    <label for="last_name">Last name</label>
                    <input type="text" name="last_name" id="last_name" value="{{old('last_name')}}">
                    <span class="validation-error" id="last_name">{{ $errors->first('last_name') }}</span>
                </div>
                <div class="input-row">
                    <label for="email">Email</label>
                    <input type="text" name="email" id="email" value="{{old('email')}}">
                    <span class="validation-error" id="email">{{ $errors->first('email') }}</span>
                </div>
                <div class="input-row">
                    <label for="phone">Phone</label>
                    <input type="text" name="phone" id="phone" value="{{old('phone')}}">
                    <span class="validation-error" id="phone">{{ $errors->first('phone') }}</span>
                </div>
                <div class="input-row">
                    <label for="country">Country</label>
                    <input type="text" name="country" id="country" value="{{old('country')}}">
                    <span class="validation-error" id="country">{{ $errors->first('country') }}</span>
                </div>
                <div class="input-row">
                    <label for="state">State / Province</label>
                    <input type="text" name="state" id="state" value="{{old('state')}}">
                    <span class="validation-error" id="state">{{ $errors->first('state') }}</span>
                </div>
                <div class="input-row">
                    <label for="city">City</label>
                    <input type="text" name="city" id="city" value="{{old('city')}}">
                    <span class="validation-error" id="city">{{ $errors->first('city') }}</span>
                </div>
                <div class="input-row">
                    <label for="zip">Zip - Postal code</label>
                    <input type="text" name="zip" id="zip" value="{{old('zip')}}">
                    <span class="validation-error" id="zip">{{ $errors->first('zip') }}</span>
                </div>
                <div class="input-row">
                    <label for="address">Address</label>
                    <input type="text" name="address" id="address" value="{{old('address')}}">
                    <span class="validation-error" id="address">{{ $errors->first('address') }}</span>
                </div>
            </div>
            <h1>Payment information</h1>
            <div class="form-wrapper">
                <div class="input-row">
                    <label for="cardholder_name">Cardholder name</label>
                    <input type="text" name="cardholder_name" id="cardholder_name" value="{{old('cardholder_name')}}">
                    <span class="validation-error" id="cardholder_name">{{ $errors->first('cardholder_name') }}</span>
                </div>
                <div class="input-row">
                    <label for="card_number">Card number</label>
                    <input type="text" name="card_number" id="card_number" value="{{old('card_number')}}">
                    <span class="validation-error" id="card_number">{{ $errors->first('card_number') }}</span>
                </div>
                <div class="input-row exp-cvv">
                    <label for="exp_date">Exp date</label>
                    <input type="text" name="exp_date" id="exp_date" value="{{old('exp_date')}}">
                    <span class="validation-error" id="exp_date">{{ $errors->first('exp_date') }}</span>
                    <label for="cvv">CVV</label>
                    <input type="text" name="cvv" id="cvv" value="{{old('cvv')}}">
                    <span class="validation-error" id="cvv">{{ $errors->first('cvv') }}</span>
                </div>

            </div>


            <div class="row">
                <div class="col-lg-12 text-center">
                    <button type="submit" class="cart-button">Place order</button>
                </div>
            </div>
            </form>
        </div>

        <section id="process">
            <div class="container">
                <div class="row">
                    <div class="d-none d-md-block d-lg-block d-xl-block col-lg-12">
                        <div class="row">
                            <div class="col-lg-1"></div>
                            <div class="col-lg-2">
                                <h2 class="t-button-header">
                                    <a href="#" class="t-button">FIND A DATE</a>
                                </h2>
                            </div>
                            <div class="col-lg-2">
                                <h2 class="t-button-header">
                                    <a href="{{route('frontend_cart')}}" class="t-button">SHOPPING CART</a>
                                </h2>
                            </div>
                            <div class="col-lg-2">
                                <h2 class="t-button-header">
                                    <a href="#" class="t-button">PAYMENT INFO</a>
                                </h2>
                            </div>
                            <div class="col-lg-2">
                                <h2 class="t-button-header">
                                    <a href="#" class="t-button">CONFIMATION</a>
                                </h2>
                            </div>
                            <div class="col-lg-2">
                                <h2 class="t-button-header">
                                    <a href="#" class="t-button">THANK YOU</a>
                                </h2>
                            </div>
                            <div class="col-lg-1"></div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </section>
@endsection