@extends('layouts.site')
@section('title', 'Detalii comanda')
@section('content')
    <section class="bg-light-gray py-3">
        <div class="text-center">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb breadcrumb--custom py-0 mb-0 bg-transparent d-inline-flex">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Dashboard</li>
                </ol>
            </nav>
        </div>
    </section>
    <section>
        <div class="container">
            <div class="row">
                <div class="col-md-12 mb-4 mb-xl-5">
                    <div class="dashboard-user-info d-flex align-items-center mb-md-4">
                        Bine ai venit, <span class="font-weight-bold text-primary ml-2">John Doe</span>
                    </div>
                    <div
                        class="dashboard-menu border-bottom pb-2 d-flex align-items-start align-items-md-center justify-content-md-between flex-column flex-md-row  mb-4 mb-xl-5">
                        <ul class="list-inline mb-0 order-2 order-md-1">
                            <li class="menu-item active"><a href="{{ route('client.account.orders') }}">Comenzi</a></li>
                            <li class="menu-item"><a href="{{ route('client.account.favorites') }}">Favorite</a></li>
                            <li class="menu-item"><a href="{{ route('client.account.addresses') }}">Adrese</a></li>
                            <li class="menu-item"><a href="{{ route('client.account.details') }}">Detalii cont</a></li>
                        </ul>
                        @include('partial.logout-link')
                        @include('partial.logout-form')
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="dashboard-content">
                        <div class="font-md font-weight-semibold mb-4">Comanda {{ $order->code }}</div>
                        <div class="order-details border rounded">
                            <div class="bg-light rounded-top p-3">
                                <div class="row font-small">
                                    <div class="col-md-6 col-xl-3 mb-3 mb-xl-0">
                                        <span class="text-muted mr-3 mr-md-0">Statusul comenzii:</span>
                                        <span class="font-weight-semibold">{{ $order->status }}</span>
                                    </div>
                                    <div class="col-md-6 col-xl-3 mb-3 mb-md-0">
                                        <span class="text-muted mr-3 mr-md-0">Metodă plată:</span>
                                        <span class="font-weight-semibold">Ramburs la livrare</span>
                                    </div>
                                    <div class="col-md-6 col-xl-3 mb-3 mb-md-0">
                                        <span class="text-muted mr-3 mr-md-0">Data comenzii:</span>
                                        <span class="font-weight-semibold">{{ $order->created_at->format('d.m.Y') }}</span>
                                    </div>
                                    <div class="col-md-6 col-xl-3">
                                        <span class="text-muted mr-3 mr-md-0">AWB curier:</span>
                                        <span class="font-weight-semibold"><a href="#" class="font-underline">45874596554652967</a></span>
                                    </div>
                                    <div class="col-md-12 border-top my-3"></div>
                                    <div class="col-md-5 mb-3 mb-md-0">
                                        <div class="text-muted mr-3 mr-md-0">Adresă livrare</div>
                                        <div class="font-weight-semibold">Arad - easybox Kaufland Banu Maracine Str.
                                            Banu maracine
                                        </div>
                                    </div>
                                    <div class="col-md-5">
                                        <div class="text-muted mr-3 mr-md-0">Adresă facturare</div>
                                        <div class="font-weight-semibold ">Str Voluntarilor nr 2 Bl R17 Sc A+B Et 7 Ap
                                            37
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row product__list px-3 px-md-4 py-4 py-md-5">
                                @foreach($order->products as $product)
                                    <div class="col-6 col-md-4 col-lg-3 col-xl-25 product-holder">
                                        <div class="product">
                                            <!--<div class="sale-badge">Redus</div>-->
                                            <div class="product__image">
                                                <img src="https://picsum.photos/600/800?random{{$product->id}}" alt=""
                                                     class="img-fluid">
                                                <div class="product__options">
                                                    <button class="btn add-to-favorit p-0 mr-1">
                                                        <span class="icon icon-heart"></span>
                                                    </button>
                                                    <a href="#" class="ml-1">
                                                        <span class="icon icon-shopping-cart"></span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="border-top text-center mx-2 mx-md-4 py-3">
                                                <div class="product__name mb-3">
                                                    {{ $product->name }}
                                                </div>
                                                <!--<div class="product__price">35 Lei <s>40Lei</s></div>-->
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                            <div class="border-top bg-light rounded-bottom p-3">
                                <div class="">
{{--                                    <a href="#"--}}
{{--                                       class="font-small text-primary font-underline mb-3 mb-md-0 d-inline-block pb-3 pb-md-4">Descarcă--}}
{{--                                        factură</a>--}}
                                    <table class="font-small w-lg-50 w-xl-25 ml-auto">
                                        <tbody>
                                        <tr>
                                            <td class="pr-5 pb-2">Cost produse:</td>
                                            <td class="pb-2">{{ $order->subtotal }} Lei</td>
                                        </tr>
                                        <tr>
                                            <td class="pr-5 pb-2">Cost livrare:</td>
                                            <td class="pb-2">{{ $order->transport }} Lei</td>
                                        </tr>
{{--                                        <tr>--}}
{{--                                            <td class="pr-5 pb-2">Cost procesare:</td>--}}
{{--                                            <td class="pb-2">0,99 Lei</td>--}}
{{--                                        </tr>--}}
                                        <tr>
                                            <td class="pr-5 pb-2 text-primary">Total:</td>
                                            <td class="pb-2 font-weight-semibold">{{ $order->total }} Lei</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection