@extends('layouts.partials.master')

@section('title', 'Ver Reserva')

@push('styles')
    <link href="{{asset('assets/css/tables.css')}}" rel="stylesheet" type="text/css">
    <link href="{{asset('assets/css/cards.css')}}" rel="stylesheet" type="text/css">
@endpush

@section('content')
    <nav aria-label="breadcrumb">
        {!! $breadcrumbs !!}
    </nav>

    <div class="d-flex justify-content-between align-items-center my-4">
        @include('layouts.components.section-title', ['title' => 'Ver Reserva'])
        <a href="{{ url('prd-reservations') }}" class="btn btn-sm btn-primary">Voltar <i class="fa-light fa-left-from-line"></i></a>
    </div>

    <div class="card">
        <table class="table table-borderless fs-12">
            <thead>
                <tr>
                    <th class="text-left">ID</th>
                    <th class="text-left">Utilizador</th>
                    <th class="text-left">Produto</th>
                    <th class="text-center">Atributos</th>
                    <th class="text-center">Quantidade</th>
                    <th class="text-center">Preço</th>
                    <th class="text-left">Loja</th>
                    <th class="text-center">Data</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td class="text-left text-muted">{{ $reservation->id }}</td>
                    <td class="text-left">
                        @if ($reservation->userDetails && !$reservation->userDetails->trashed())
                            <a href="{{ route('usr_users.edit', ['uuid' => $reservation->userDetails->uuid]) }}">
                                {{ $reservation->user->full_name }}
                            </a>
                        @else
                            {{ $reservation->user->full_name }} (excluído)
                        @endif
                    </td>
                    <td class="text-left">
                        <img src="{{ asset('storage/' .  $reservation->product_image) }}" alt="Imagem do Produto" class="img-thumbnail img-thumbnail-size me-3">
                        @if ($reservation->product)
                            <a href="{{ route('prd_products.edit', ['uuid' => $reservation->product->uuid]) }}">
                                {{ $reservation->product_name }}
                            </a>
                        @else
                            {{ $reservation->product_name }} (excluído)
                        @endif
                    </td>
                    <td class="text-center">{{ implode(', ', $reservation->product_attributes) }}</td>
                    <td class="text-center">{{ $reservation->quantity }}</td>
                    <td class="text-center">
                        @formatEuro($reservation->total)<br />
                        <span class="text-muted">
                            por unidade: @formatEuro($reservation->unit_price)
                        </span>
                        @if ($reservation->unit_price !== $reservation->unit_full_price)
                            <span class="text-muted text-decoration-line-through">
                                @formatEuro($reservation->unit_full_price)
                            </span>
                        @endif
                    </td>
                    <td class="text-left">
                        <a href="{{ route('str_stores.edit', ['uuid' => $reservation->product->store->uuid]) }}">
                            {{ $reservation->product->store->commercial_name }}
                        </a>
                    </td>
                    <td class="text-center">
                        {{ $reservation->created_at }}
                    </td>
                </tr>
            </tbody>
        </table>

        <div class="px-4">
            <p class="text-muted m-0">Descrição:</p>
            <p>{{ $reservation->description }}</p>
        </div>
    </div>
@endsection