@extends('layouts.partials.master')

@section('title', 'Transação')

@push('styles')
    <link href="{{asset('assets/css/forms.css')}}" rel="stylesheet" type="text/css">
    <link href="{{asset('assets/css/tables.css')}}" rel="stylesheet" type="text/css">
    <link href="{{asset('assets/css/cards.css')}}" rel="stylesheet" type="text/css">
    <link href="{{asset('assets/css/badges.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' => 'Transação'])
        <a href="{{ url('fin-transactions') }}" class="btn btn-sm btn-primary">Voltar <i class="fa-light fa-left-from-line"></i></a>
    </div>

    @include('layouts.components.alerts')

    <div class="card">
        <div class="table-responsive">
            <table class="table table-borderless fs-12">
                <thead>
                    <tr>
                        <th class="text-start">ID</th>
                        <th class="text-start">Tipo</th>
                        <th class="text-start">Descrição</th>
                        <th class="text-end">Montante</th>
                        <th class="text-center">Encomenda</th>
                        <th class="text-center">Reserva(s)</th>
                        @if ($transaction->payment)
                            <th class="text-center">Pagamento</th>
                        @endif
                        @if ($transaction->store)
                            <th class="text-center">Loja</th>
                        @endif
                        <th class="text-center">Data</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="text-start text-muted">{{ $transaction->id }}</td>
                        <td class="text-start">
                            {{ __('translations.transaction_types.' . $transaction->type) }}
                        </td>
                        <td class="text-start">{{ $transaction->description }}</td>
                        <td class="text-end">
                            @if($transaction->currency === 'EUR')
                                @formatEuro($transaction->amount)
                            @else
                                {{ $transaction->amount }} {{ $transaction->currency }}
                            @endif
                        </td>
                        <td class="text-center">
                            @if ($transaction->order)
                                <a href="{{ route('ord_orders.edit', $transaction->order->uuid) }}">{{ $transaction->order->order_code }}</a>
                            @endif
                        </td>
                        <td class="text-center">
                            @if($transaction->payment && $transaction->payment->reservations()->exists())
                                @foreach($transaction->payment->reservations as $reservation)
                                    <p class="m-0">
                                        <a href="{{ route('srv_reservations.edit', $reservation->uuid) }}">{{ $reservation->id }}</a>
                                    </p>
                                @endforeach
                            @endif
                        </td>
                        @if ($transaction->payment)
                            <td class="text-center">
                                <a href="{{ route('fin_payments.show', $transaction->payment->uuid) }}">{{ $transaction->payment->transaction_id }}</a>
                            </td>
                        @endif
                        @if ($transaction->store)
                            <td class="text-center">
                                <a href="{{ route('str_stores.edit', $transaction->store->uuid) }}">{{ $transaction->store->commercial_name }}</a>
                            </td>
                        @endif
                        <td class="text-center">{{ $transaction->transaction_date }}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
@endsection