@extends('layouts.front-layout')
@section('title') Refund @endsection

@section('content')

<!-- Begin: Main Slider -->
<div class="innerBan">
    {{-- <img src="{{asset('upload/images/innerbnr1.png')}}" class="w-100" alt=""> --}}
    {{-- <div class="overlay">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-12">
                        <h2>REFUND <br>
                            POLICY</h2>
                    </div>
                </div>
            </div>
        </div> --}}
</div>
<!-- End: Main Slider -->


<section class="refund">
    <div class="container" style="margin-top:160px;">
        <h2 class="mb-4 mt-5 text-uppercase text-center">Refund Policy</h2>
        <div class="row justify-content-start">
            <div class="col-lg-10 mx-auto">
                <form id="refund-policy-form">
                    <ul class="list-unstyled">
                        <li class="mb-3">
                            <strong>• How many days do customers have to request store credit?</strong><br>
                            <label>
                                <input type="checkbox" name="policy_ack[]" value="15_days">
                                I understand I have <strong>15 days from the delivery date</strong> to request store credit.
                            </label>
                        </li>

                        <li class="mb-3">
                            <strong>• What conditions must be met to issue store credit?</strong><br>
                            <label><input type="checkbox" name="policy_ack[]" value="unused"> Product must not have been used or misused</label><br>
                            <label><input type="checkbox" name="policy_ack[]" value="evidence"> Must provide clear evidence (photos/videos)</label><br>
                            <label><input type="checkbox" name="policy_ack[]" value="proof"> Must provide proof of purchase (receipt/order number)</label>
                        </li>
                    </ul>

                    <h5 class="mt-4">Important Notes</h5>
                    <p>We do not offer refunds or request product returns.</p>
                    <p>If your request is approved, you’ll receive store credit equal to the amount paid for the product.</p>
                    <p>Requests that do not meet the required criteria or lack sufficient evidence will not be approved.</p>

                    <h5 class="mt-5">Why store credit instead of refunds?</h5>
                    <p>
                        This policy allows us to continue offering exclusive, high-quality products while keeping costs fair for all customers.
                        We understand that issues may arise, so we provide a flexible and fair solution through store credit — without requiring you to send anything back.
                    </p>

                    <div class="d-flex justify-content-center">
                        <a href="{{ route('contact') }}"> <button type="button" class="send-btn">Contact us</button></a>
                    </div>
                </form>
            </div>
        </div>

    </div>
</section>
@endsection