@extends('web.layouts.layout')
@section('content')


    <main>



        <!-- ---------- refund page ----------- -->
        <section class="refund-pg pt-4 pb-5">
            <div class="container">
                <div class="row">
                    <div class="col-lg-9">
                        <form method="post" action="{{ $action }}" onsubmit="formAction(this)">
                            @CSRF
                            <div class="refund-tab">
                                <div class="line-title mb-4"> <h5 class="bg-white pe-3"> <i class="far fa-arrows-repeat small me-2"></i> الارجاع </h5> </div>
                                @include('web.pages.components.refund.product')
                                <div class="refund-steps">
                                    @include('web.pages.components.refund.reason')
                                    @include('web.pages.components.refund.note')
                                    @include('web.pages.components.refund.card')
                                    <div class="step-item gray-box p-3 bg-light1 rounded-3">
                                        <div class="cont m-1">
                                            <h5 class="mb-2"> من أين يجب أن نستلم هذا ؟ </h5>
                                            @include('web.pages.components.address')
                                        </div>
                                    </div>
                                </div>
                                <button type="submit" class="butn col-lg-5 mt-4">
                                    <span> المتابعة </span>
                                </button>
                            </div>
                        </form>
                    </div>
                    <div class="col-lg-3">
                        @include('web.pages.components.refund.policy')
                    </div>
                </div>
            </div>
        </section>





    </main>

@stop
