@extends('main-site.layouts.app')
@section('content')
    <div class="content-box rounded-lg def-bg shadow">
        <div class="box-header bg-lite-blue">
            <div class="d-flex align-items-center justify-content-between flex-wrap gap-3">
                <ul class="d-flex flex-wrap gap-4">
                    <li class="d-flex align-items-center gap-2"><i class="icon-browser fs-5"><span class="path1"></span><span
                                class="path2"></span></i> <span class="dark-color">{{ 'RFQ-' . \App\Http\Helpers\HelperApp::convert_numbers($order->order_num) }}</span>
                    </li>
                    <li class="d-flex align-items-center gap-2"><i class="icon-apps fs-5"><span class="path1"></span><span
                                class="path2"></span><span class="path3"></span><span class="path4"></i> <span
                            class="dark-color">{{ $order->department->name }}</span></li>
                    <li class="d-flex align-items-center gap-2"><i class="icon-layers fs-5"><span
                                class="path1"></span><span class="path2"></span><span class="path3"></span></i> <span
                            class="dark-color">{{ $order->sub_department->name }}</span></li>
                </ul>
                <a href="{{ route('buyer.RFQs.index') }}"
                    class="back-btn d-flex align-items-center justify-content-center"><i class="icon-arrow-left"></i></a>
            </div>
        </div>

        <div class="box-body pb-4 pt-3 px-46 mt-1">
            <!-- box search -->
            <div class="box-search pb-4">
                <form class="main-form white shadow-none">
                    <div class="row gx-lg-2">
                        <div class="col-lg-6 mb-3 mb-lg-0">
                            <div class="form-group position-relative">
                                <input type="text" name="key_words" value="{{ old('key_words', request('key_words')) }}"
                                    class="form-control" placeholder="{{ __('site.Buyer.RFQ_20') }}">
                                <button class="main-btn min-width-auto">{{ __('messages.Search') }}</button>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="d-flex align-items-center gap-3 gap-lg-2 flex-wrap flex-sm-nowrap">
                                <select name="order_by" class="form-select">
                                    <option value="" selected disabled>{{ __('messages_301.Order By') }}</option>
                                    <option value="desc" @selected(old('order_by', request('order_by')) == 'desc')>{{ __('site.Buyer.RFQ_21') }}
                                    </option>
                                    <option value="asc" @selected(old('order_by', request('order_by')) == 'asc')>{{ __('site.Buyer.RFQ_22') }}
                                    </option>

                                </select>
                                <select name="order_item_id" class="form-select">
                                    <option value="" selected disabled>{{ __('site.Buyer.RFQ_23') }}</option>
                                    @foreach ($order_items as $item)
                                        <option value="{{ $item->id }}" @selected(old('order_item_id', request('order_item_id')) == $item->id)>
                                            {{ \App\Http\Helpers\HelperApp::convert_numbers($item->name) }}
                                        </option>
                                    @endforeach
                                </select>
                                <button class="main-btn min-width-auto">{{ __('messages.Search') }}</button>
                                <button class="btn box-icon btn-download"
                                    data-url="{{ route('saudi.download', ['file' => $order->path_zip, 'name' => 'RFQ_' . $order->order_num . '_' . now() . '.zip']) }}"
                                    type="button">
                                    <i class="icon-archive-download"><span class="path1"></span><span
                                            class="path2"></span></i>
                                </button>



                            </div>
                        </div>
                    </div>
                </form>
            </div>

            @forelse ($data as $offer)
                <div class="shadow-1 rounded-md overflow-hidden mb-4">
                    <div class="table-responsive">
                        <table class="table def-table collapse-table mb-0">
                            <thead>
                                <tr>
                                    <th class="bg-white align-middle">
                                        <div class="d-flex justify-content-start align-items-center user-name">
                                            <div class="avatar-wrapper">
                                                <div class="avatar avatar-sm me-4">
                                                    <img src="{{ $offer->user->account_information->logo ? asset($offer->user->account_information->logo) : asset('main-site/assets/img/dashboard-logo-black.png') }}"
                                                        alt="Avatar" class="rounded-circle"
                                                        style="width: 32px; height: 32px; object-fit: cover; border-radius: 50%;">
                                                </div>
                                            </div>
                                            <div class="d-flex flex-column">
                                                <span class="fw-medium">{{ \App\Http\Helpers\HelperApp::convert_numbers($offer->user->name) }}</span>
                                            </div>
                                        </div>
                                    </th>


                                    <th class="bg-white align-middle">
                                        <p class="mb-0 d-inline-flex align-items-center gap-2"><i
                                                class="icon-delivery-air fs-4"><span class="path1"></span><span
                                                    class="path2"></span><span class="path3"></span></i>
                                            <span>{{ \App\Http\Helpers\HelperApp::convert_numbers(count($offer->items)) }} {{ __('messages_301.Items') }}</span>
                                        </p>
                                    </th>
                                    <th class="bg-white align-middle">
                                        <div class="d-flex align-items-center gap-3">
                                            <p class="mb-0">{{ __('site.Buyer.RFQ_24') }} :</p>
                                            <div class="total-box">
                                                @if ($offer->total && count($offer->items))
                                                    {{ \App\Http\Helpers\HelperApp::convert_numbers($offer->total) . ' ' . $offer->items[0]->currency->currency }}
                                                @else
                                                    {{ \App\Http\Helpers\HelperApp::convert_numbers(0) }}
                                                @endif

                                            </div>
                                        </div>
                                    </th>
                                    <th class="bg-white align-middle">
                                        <div class="actions d-flex justify-content-end gap-2">

                                            <button class="action btn-download"
                                                data-url="{{ route('saudi.download', ['file' => $offer->path_zip, 'name' => 'RFQ_' . $order->order_num . '_' . now() . '.zip']) }}"
                                                type="button">
                                                <i class="icon-archive-download"><span class="path1"></span><span
                                                        class="path2"></i>
                                            </button>

                                            <a href="{{ route('site.chat.list') . '?user_id=' . $offer->user_id }}"
                                                class="action edit"><i class="icon-chat"><span class="path1"></span><span
                                                        class="path2"></span><span class="path3"></span><span
                                                        class="path4"></span></i></a>
                                            <button class="action bg-transparent collapse-btn collapsed" type="button"
                                                data-bs-toggle="collapse" data-bs-target="#collapseTable{{ $offer->id }}" role="button"
                                                aria-expanded="false">
                                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                                        d="M12.7068 15.7072C12.5193 15.8947 12.265 16 11.9998 16C11.7347 16 11.4803 15.8947 11.2928 15.7072L5.63582 10.0502C5.45366 9.86161 5.35287 9.60901 5.35514 9.34681C5.35742 9.08462 5.46259 8.8338 5.648 8.6484C5.83341 8.46299 6.08422 8.35782 6.34642 8.35554C6.60862 8.35326 6.86122 8.45406 7.04982 8.63621L11.9998 13.5862L16.9498 8.63621C17.1384 8.45406 17.391 8.35326 17.6532 8.35554C17.9154 8.35782 18.1662 8.46299 18.3516 8.64839C18.537 8.8338 18.6422 9.08462 18.6445 9.34681C18.6468 9.60901 18.546 9.86161 18.3638 10.0502L12.7068 15.7072Z"
                                                        fill="#1261B1" />
                                                </svg>
                                            </button>
                                        </div>
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td colspan="4" class="p-0">
                                        <div class="collapse" id="collapseTable{{ $offer->id }}">
                                            <table class="table def-table no-border mb-3">
                                                <thead>
                                                    <tr>
                                                        <th>{{ __('messages_301.Item name') }}</th>
                                                        @if ($offer->order->order_type == 'product')
                                                            <th>{{ __('messages_301.Quantity') }}</th>
                                                        @endif
                                                        <th>{{ __('site.Buyer.RFQ_25') }}</th>
                                                        @if ($offer->order->order_type == 'product')
                                                            <th>{{ __('site.Buyer.RFQ_24') }}</th>
                                                        @endif
                                                        <th>{{ __('site.Buyer.Currency') }}</th>
                                                        <th>{{ __('site.Buyer.RFQ_4') }}</th>
                                                        <th>{{ __('messages_301.Delivery type') }}</th>
                                                        <th>{{ __('messages_301.Attachments') }}</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @forelse ($offer->items as $item)
                                                        {{-- @dd($item) --}}
                                                        <tr>
                                                            <td class="primary-color">{{ \App\Http\Helpers\HelperApp::convert_numbers($item->order_item->name) }}
                                                            </td>
                                                            @if ($offer->order->order_type == 'product')
                                                                <td>{{ \App\Http\Helpers\HelperApp::convert_numbers($item->qty) }}
                                                                </td>
                                                            @endif
                                                            <td class="primary-color">
                                                                {{ \App\Http\Helpers\HelperApp::convert_numbers($item->price) . ' ' . $item->currency->currency }}
                                                            </td>
                                                            @if ($offer->order->order_type == 'product')
                                                                <td class="primary-color">
                                                                    {{ \App\Http\Helpers\HelperApp::convert_numbers($item->total) . ' ' . $item->currency->currency }}
                                                                </td>
                                                            @endif
                                                            <td>{{ $item->currency->currency }}</td>
                                                            <td>{{ \App\Http\Helpers\HelperApp::convert_numbers($item->order_item->date) }}</td>
                                                            <td>{{ $item->order_item->delivery_type->name }}</td>
                                                            <td>

                                                                <button class="btn primary-color btn-download"
                                                                    data-url="{{ route('saudi.download', ['file' => $item->path_zip, 'name' => 'RFQ_' . $order->order_num . '_' . now() . '.zip']) }}"
                                                                    type="button">
                                                                    {{ __('site.Buyer.Download all') }}
                                                                </button>


                                                            </td>
                                                        </tr>
                                                    @empty

                                                        <tr>
                                                            <td colspan="8">
                                                                <div class="d-flex justify-content-center">
                                                                    <img src="{{ asset('main-site/assets/img/error.png') }}"
                                                                        width="300" height="300" class="img-fluid">
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    @endforelse
                                                </tbody>
                                            </table>
                                        </div>
                                    </td>
                                </tr>

                            </tbody>
                        </table>
                    </div>
                </div>
            @empty
                <div class="d-flex justify-content-center">
                    <img src="{{ asset('main-site/assets/img/error.png') }}" width="300" height="300"
                        class="img-fluid">
                </div>
            @endforelse

            <div class="next-prev d-flex justify-content-center gap-3 mt-45">
                {{ $data->appends(Request::except(['_token']))->links('main-site.inc.pagination') }}
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        $('.btn-download').on('click', function() {
            window.location.href = $(this).data('url');
        });
    </script>
@endsection