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

@section('title',\App\CPU\translate('Refund Details'))

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

@endpush

@section('content')
<style>
    .gallery{
        margin: 10px 50px;
    }
    .gallery img{
        width:100px;
        height: 100px;
        padding: 5px;
        filter: grayscale(100%);
        transition: 1s;
    }
    .gallery img:hover{
        filter: grayscale(0);
        transform: scale(1.1);
    }
</style>
<div class="container rtl" style="text-align: {{Session::get('direction') === "rtl" ? 'right' : 'left'}};">
    <div class="row">
        <div class="col-md-3"></div>
        <div class="col-md-9 mt-2 sidebar_heading">
            <h1 class="h3  mb-0 float-{{Session::get('direction') === "rtl" ? 'right' : 'left'}} headerTitle">
                {{\App\CPU\translate('refund_request')}}
            </h1>
        </div>
    </div>
</div>

<!-- Page Content-->
<div class="container pb-5 mb-2 mb-md-4 mt-3 rtl"
     style="text-align: {{Session::get('direction') === "rtl" ? 'right' : 'left'}};">
    <div class="row">
        <!-- Sidebar-->
    @include('web-views.partials._profile-aside')
    <!-- Content  -->
    @php($product = App\Model\Product::find($order_details->product_id))
    @php($order = App\Model\Order::find($order_details->order_id))
        <section class="col-lg-9 col-md-9">
            <div class="card box-shadow-sm">
                <div style="overflow: auto">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-6 col-sm-6 col-md-2">
                                    <div>
                                        <img 
                                        onerror="this.src='{{asset('public/assets/front-end/img/image-place-holder.png')}}'"
                                        src="{{\App\CPU\ProductManager::product_image_path('thumbnail')}}/{{$refund->product!=null?$refund->product->thumbnail:''}}"
                                        alt="VR Collection" style="width: 70%; height:70%;">
                                    </div>
                                </div>
                                <div class="col-6 col-sm-6 col-md-6 text-left">
                                    <span style="font-size: 18px;font-weight:bold;">
                                        @if ($refund->product!=null)
                                            <a href="{{route('product',$refund->product->slug)}}">
                                                {{$refund->product->name}}
                                            </a>
                                        @else
                                            {{\App\CPU\translate('product_name_not_found')}}
                                        @endif
                                    </span> <br>
                                    <span >{{\App\CPU\translate('QTY')}} : {{$refund->order_details->qty}}</span><br>
                                    <span>{{\App\CPU\translate('price')}} : {{\App\CPU\Helpers::currency_converter($refund->order_details->price)}}</span><br>
                                    @if ($order_details->variant!=null)
                                        <span>{{\App\CPU\translate('variant')}} : </span>
                                        {{$order_details->variant}}
                                    @endif
                                </div>
                                <div class="col-12 col-sm-10 col-md-4 text-center d-flex flex-column pl-0 mt-4 mt-sm-4 pl-sm-5">
                                    <div class="row justify-content-md-end mb-3">
                                        <div class="col-md-10 col-lg-10">
                                            <dl class="row text-sm-right">
                                                <dt class="col-sm-7">{{\App\CPU\translate('total_price')}} : </dt>
                                                <dd class="col-sm-5 ">
                                                    <strong>{{\App\CPU\Helpers::currency_converter($refund->order_details->price*$refund->order_details->qty)}}</strong>
                                                </dd>
            
                                                <dt class="col-sm-7">{{\App\CPU\translate('total_discount')}} :</dt>
                                                <dd class="col-sm-5 ">
                                                    <strong>{{\App\CPU\Helpers::currency_converter($refund->order_details->discount)}}</strong>
                                                </dd>
            
                                                <dt class="col-sm-7">{{\App\CPU\translate('total_tax')}} :</dt>
                                                <dd class="col-sm-5">
                                                    <strong>{{\App\CPU\Helpers::currency_converter($refund->order_details->tax)}}</strong>
                                                </dd>
                                            </dl>
                                            <!-- End Row -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>