@extends('account.layout')
@section('page_title', __('randoloc.account.my_sales'))
@section('account.content')
    <div class="w-full px-4 md:px-6 text-xl text-gray-800 leading-normal">

        <h1 class="w-full text-3xl text-gray-800 leading-normal">
            Mes ventes
        </h1>
        <div>
            <div>
                <div class="row border-b mb-4 pb-2  hidden lg:flex">
                    <div class="col-4">
                        Produit
                    </div>
                    <div class="col-2" style="word-wrap: anywhere;">
                        Caractéristiques
                    </div>
                    <div class="col-2">
                        Prix de vente
                    </div>
                    <div class="col-2">
                        Comission
                    </div>
                    <div class="col-2">
                        Status
                    </div>

                </div>
                @foreach(auth()->user()->sales() as $sale)
                    <div class="row border-b mb-4 pb-2">
                        <div class="col-12 lg:col-4">
                            {{$sale->firstLine->name}}
                        </div>
                        <div class="col-12 lg:col-2">
                            @foreach($sale->firstLine->options as $criterion => $value)
                                <div>
                                    {{__('randoloc.product.attribute.'.$criterion)}} : {{$value}}
                                </div>

                            @endforeach
                        </div>
                        <div class="col-12 md:col-6 lg:col-2">
                            <span class="inline-block lg:hidden">Prix :</span>
                            {{$sale->firstLine->price}}€
                        </div>
                        <div class="col-12 md:col-6 lg:col-2">
                            <span class="inline-block lg:hidden">Comission :</span>
                            {{$sale->firstLine->data['sellerFees']}}€
                        </div>
                        <div class="col-12 md:col-6 lg:col-2">
                            <span class="inline-block lg:hidden">Status :</span>
                            {{ucfirst(__('randoloc.order.status_'. $sale->status))}}
                        </div>

                    </div>
                @endforeach
            </div>

        </div>

    </div>
@endsection