@extends('layouts.front-end.app')

@section('title',translate('refund_request'))

@push('css_or_js')
    <link href="{{theme_asset(path: 'assets/back-end/css/tags-input.min.css')}}" rel="stylesheet">
    <link href="{{ theme_asset(path: 'assets/select2/css/select2.min.css')}}" rel="stylesheet">
    <meta name="csrf-token" content="{{ csrf_token() }}">
@endpush

@section('content')
    <div class="container rtl text-align-direction">
        <div class="row">
            <div class="col-md-3"></div>
            <div class="col-md-9 sidebar_heading">
                <h1 class="h3  mb-0 float-start headerTitle">
                    {{translate('refund_request')}}
                </h1>
            </div>
        </div>
    </div>

    <div class="container pb-5 mb-2 mb-md-4 mt-3 rtl text-align-direction">
        <div class="row g-3">

            @include('web-views.partials._profile-aside')

            @php($product = App\Models\Product::find($order_details->product_id))
            @php($order = App\Models\Order::find($order_details->order_id))
            <section class="col-lg-9 col-md-8">
                <div class="card box-shadow-sm">
                    <div class="overflow-auto">
                        <div class="card">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-3 col-sm-2">
                                        <img class="d-block"
                                             src="{{ getStorageImages(path: $product->thumbnail_full_url, type: 'product') }}"
                                             alt="{{ translate('product') }}" width="60">
                                    </div>
                                    <div class="col-9 col-sm-7 text-left">
                                        <p>{{$product['name']}}</p>
                                        <span>{{translate('variant')}} : </span>
                                        {{$order_details->variant}}
                                    </div>
                                    <div class="col-4 col-sm-3 text-left d-flex flex-column pl-0 mt-2 mt-sm-0 pl-sm-5">
                                        <span>{{translate('QTY')}} : {{$order_details->qty}}</span>
                                        <span>{{translate('price')}} : {{ webCurrencyConverter(amount: $order_details->price) }}</span>
                                        <span>{{translate('discount')}} : {{ webCurrencyConverter(amount: $order_details->discount) }}</span>
                                        <span>{{translate('tax')}} : {{ webCurrencyConverter(amount: $order_details->tax) }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>