@extends('layouts.website_layout')
@section('meta_title', $meta_data->meta_title)
@section('meta_description', $meta_data->meta_description)
@section('banner_image', "banners/".$banner_data->banner_image)
@section('canonical_tag', $meta_data->canonical_tag)
@section('content')
<main>
    <div class="container-fluid login">
        <div class="container">
            <div class="col-12 col-sm-12 col-md-6 col-lg-5 m-auto login__block">
                <div class="login__block__title text-center">
                    <h1>Return</h1>
                </div>
                <div class="login__block__form border-none">
                    <form class="form" id="return_and_exchange_form">
                        @csrf
                        <div class="form-group">
                            <label for="return_and_exchange_email_id">Email</label>
                            <input type="email" class="form-control" id="return_and_exchange_email_id" name="return_and_exchange_email_id" value="{{$user_email_id}}" readonly>
                            <div class="error">
                                <span id="return_and_exchange_email_id_err"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="return_and_exchange_order_number">Order number</label>
                            <input type="text" class="form-control" id="return_and_exchange_order_number" name="return_and_exchange_order_number">
                            <div class="error">
                                <span id="return_and_exchange_order_number_err"></span>
                            </div>
                        </div>
                        <button type="submit">Start return</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid returnExchange">
        <div class="row">
            <div class="col-12 col-sm-12 col-md-6 col-lg-6 returnExchange__block">
                <div class="returnExchange__block__inner">
                    <div class="returnExchange__block__inner__title">
                        <h2>Full Refunds</h2>
                    </div>
                    <div class="returnExchange__block__inner__text">
                        <p class="paragraph">
                            If you don’t like your plant for any reason, we’re happy to take it back to add to our own jungle collection. You have 30 days to decide.<br><br> 
                            You’ll get your money back but we’ll have to deduct the delivery and pick up fee.
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-12 col-sm-12 col-md-6 col-lg-6 returnExchange__block">
                <div class="returnExchange__block__inner">
                    <div class="returnExchange__block__inner__title">
                        <h2>Easy Exchanges</h2>
                    </div>
                    <div class="returnExchange__block__inner__text">
                        <p class="paragraph">
                            You picked the wrong base? It isn’t working in your room? Feel free to look around store again. You have 30 days to decide.<br><br>  If you pick something more expensive, you’ll have to pay the diffrence. If it’s cheaper, we’ll credit the amount. But we’ll have to add a small delivery and pick-up fee.
                        </p>
                    </div>
            </div>
        </div>
    </div>
</main>
@endsection