@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">
                    <div class="refund-tab">
                        <form method="post" action="{{ $action }}" onsubmit="formAction(this)">
                            @CSRF
                            <div class="line-title mb-4"> <h5 class="bg-white pe-3"> <i class="far fa-arrows-repeat small me-2"></i> {{__('web.refund')}} </h5> </div>
                            @include('web.pages.components.refund.product')
                            <div class="refund-steps">
                                <div class="step-item gray-box p-3 bg-light1 rounded-3">
                                    <div class="cont m-1">
                                        <div class="form-group">
                                            <h6 class=""> {{__('web.reason_question')}} </h6>
                                            <div class="col-lg-7">
                                                <select name="reason_id" id="" class="form-control form-select mt-3">
                                                    <option value=""> {{__('web.select')}} </option>
                                                    @foreach($reasons as $row)
                                                        <option value="{{$row->id}}"> {{ $row->currentDescription->title }} </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <button type="submit" class="butn col-lg-5 mt-4">
                                <span> {{__('web.continue')}} </span>
                            </button>
                        </form>
                    </div>
                </div>
                <div class="col-lg-3">
                    @include('web.pages.components.refund.policy')
                </div>
            </div>
        </div>
    </section>





</main>

@stop