@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">
                                    @include('web.pages.components.refund.reason')
                                    <div class="step-item gray-box p-3 bg-light1 rounded-3">
                                        <div class="cont m-1">
                                            <div class="form-group">
                                                <h6 class=""> {{__('web.extra_note')}} </h6>
                                                <textarea name="note" id="" rows="5" class="form-control mt-3" placeholder="{{__('web.write_comment_note')}}"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="step-item gray-box p-3 bg-light1 rounded-3">
                                        <div class="cont m-1">
                                            <div class="form-group">
                                                <h6 class=""> {{__('web.upload_image_product')}}  <small class="cr-gray"> ({{__('web.optional')}}) </small> </h6>
                                                <div class="upload__box">
                                                    <div class="upload__btn-box">
                                                        <label class="upload__btn">
                                                            <div class="con">
                                                                <i class="fas fa-image"></i> {{__('web.upload')}}
                                                            </div>
                                                            <input type="file" name="image" data-max_length="20" class="upload__inputfile">
                                                        </label>
                                                    </div>
                                                    <div class="upload__img-wrap"></div>
                                                </div>
                                                <div class="text-item">
                                                    <ul class="dot-list">
                                                        <li> <small> <i class="fas fa-circle me-1"></i> </small> <span class="txt"> {{__('web.upload_10_mb')}} </span> </li>
                                                        <li> <small> <i class="fas fa-circle me-1"></i> </small> <span class="txt"> {{__('web.image_types')}} </span> </li>
                                                        <li> <small> <i class="fas fa-circle me-1"></i> </small> <span class="txt"> {{__('web.image_clear')}} </span> </li>
                                                        <li> <small> <i class="fas fa-circle me-1"></i> </small> <span class="txt"> {{__('web.image_not_clear')}}</span> </li>
                                                    </ul>
                                                </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
