@extends('front_office.layouts.app')

@section('content')

    <section class="pt-3 pt-md-5 pb-md-5 pt-lg-7">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    @include('front_office.header.nav')
                    <div class="card shadow-lg mb-5">
                        <div class="card-header bg-gradient-primary p-5 position-relative">
                            <h3 class="text-white mb-0">Refund policy</h3>
                            @if($refund_policy)
                                <p class="text-white opacity-8 mb-4">Last modified: {{ date('d-M-y', strtotime($refund_policy->updated_at)) }}</p>
                            @endif
                            <div class="position-absolute w-100 z-index-1 bottom-0 ms-n5">
                                <svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 40" preserveAspectRatio="none" shape-rendering="auto" style="height:7vh;min-height:50px;">
                                    <defs>
                                        <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"></path>
                                    </defs>
                                    <g class="moving-waves">
                                        <use xlink:href="#gentle-wave" x="48" y="-1" fill="rgba(255,255,255,0.40"></use>
                                        <use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255,255,255,0.35)"></use>
                                        <use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255,255,255,0.25)"></use>
                                        <use xlink:href="#gentle-wave" x="48" y="8" fill="rgba(255,255,255,0.20)"></use>
                                        <use xlink:href="#gentle-wave" x="48" y="13" fill="rgba(255,255,255,0.15)"></use>
                                        <use xlink:href="#gentle-wave" x="48" y="16" fill="rgba(255,255,255,0.95"></use>
                                    </g>
                                </svg>
                            </div>
                        </div>
                        <div class="card-body p-5">
                            @if($refund_policy)
                                <p>{!!  $refund_policy->value !!}</p>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection