@extends('layouts.app')
@section('content')
    <div class="main__container">
        <div class="header__">
            <div class="left__">
                <h2>Archived RFQs</h2>
            </div>
        </div>

            <div class="table__wrapper">
                <table class="regular-table">
                    <tr>
                        <th>Id</th>
                        <th class="center">Name</th>
                        <th class="center">Port Destination</th>
                        <th class="center">Volume</th>
                        <th class="center">Offers</th>
                        <th class="center">Scout</th>
                        <th class="center">Created at</th>
                        <th class="center">Status</th>
                        <th class="center"></th>
                    </tr>
                    @foreach ($rfqs as $rfq)
                        <tr style="cursor: pointer" onclick="window.location='{{ route('rfq.element', $rfq->id) }}'">
                            <td>
                                <p class="semibold">{{$rfq->ref_id }}</p>
                            </td>
                            <td class="center">
                                <div class="double">
                                    <p style="margin: auto;"> {{ $rfq->defaultProduct->name }}</p>
                                    <span style="margin: auto;">{{$rfq->category->name}}</span>
                                </div>
                            </td>
                            <td class="center">
                                <div class="double">
                                    <p style="margin: auto;">{{ $rfq->port_of_unloading ?? 'undefined'}}</p>
                                </div>
                            </td>
                            <td class="center">
                                <div class="double">
                                    <p style="margin: auto;">{{ number_format($rfq->quantity,2) .'  '. $rfq->unit?? 'undefined'}}</p>
                                </div>
                            </td>
                            <td class="center">
                                <p class="semibold">
                                {{ $rfq->offers->count() }}
                            </td>
                            <td class="center">
                                <div class="profile">
                                    <span><img src="{{ asset('img/profile.png') }}" alt="profile"></span>
                                    <p>Natalie</p>
                                </div>
                            </td>
                            <td class="center">
                                <p class="date">{{ $rfq->created_at->format('d-M-y') }}</p>
                            </td>
                            <td class="center">
                                @if ($rfq->status == '1')
                                    <p class="status active">
                                        <span class="dot"></span> New
                                    </p>
                                @elseif ($rfq->status == '2')
                                    <p class="status active">
                                        <span class="dot"></span> Proposals
                                    </p>
                                @elseif ($rfq->status == '0')
                                    <p class="status closed">
                                        <span class="dot"></span> Closed
                                    </p>
                                @else
                                    <p class="status canceled">
                                        <span class="dot"></span> Canceled
                                    </p>
                                @endif
                            </td>

                            <td class="center">
                                <div class="action__button">
                                    <a href="#"><img src="{{ asset('img/dots.svg') }}" alt="dots"></a>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </table>
            </div>
           
    </div>
@endsection