@extends('main-site.layouts.app')
@section('style')
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/toastr/toastr.css') }}">>
@endsection
@section('content')
    <div class="content-box rounded-lg def-bg shadow py-sm-5 py-4 px-sm-5 px-4">
        <div class="text-center">
            <h3 class="dark-color fw-600 mb-2">{{ __('site.Buyer.RFQ_12') }}</h3>
            <span class="dark-color opacity-70">{{ __('site.Buyer.RFQ_13') }}</span>
        </div>

        <div class="box-body pt-5">
            <form class="main-form white ">
                <div class="px-4 px-sm-5">
                    <div class="row">
                        <div class="col-lg-6 col-md-6">
                            <div class="form-group mb-45">
                                <label class="form-label dark-color mb-3 fw-600">{{ __('messages_301.Type') }}</label>
                                <select name="type" id="type" disabled class="form-select">
                                    <option value="service" disabled @selected($data->type == 'service')>
                                        {{ __('messages.Service') }}</option>
                                    <option value="product" disabled @selected($data->type == 'product')>
                                        {{ __('messages.Product') }}</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6"></div>
                        <div class="col-lg-6 col-md-6">
                            <div class="form-group mb-45">
                                <label class="form-label dark-color mb-3  fw-600">{{ __('site.Buyer.RFQ_1') }}</label>
                                <select name="department_id" disabled id="select_department_id"
                                    class="form-select select_department_id">
                                    <option value="">-------</option>
                                    {{-- @foreach ($categories as $category) --}}
                                    <option value="{{ $data->department_id }}" selected>{{ $data->department->name }}
                                    </option>
                                    {{-- @endforeach --}}
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6">
                            <div class="form-group mb-45">
                                <label class="form-label dark-color mb-3  fw-600">{{ __('site.Buyer.RFQ_2') }}</label>
                                <select name="sub_department_id" disabled id="select_sub_department_id"
                                    class="form-select select_sub_department_id">
                                    <option value="{{ $data->sub_department_id }}" selected>
                                        {{ $data->sub_department->name }}
                                    </option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                @foreach ($data->items as $item)
                    <div class="items-container" id="items-container">
                        <div class="new-item px-4 px-sm-5 py-45 border-primary rounded-md mt-45">
                            <div class="row">
                                <div class="col-lg-6 col-md-6">
                                    <div class="form-group mb-45">
                                        <label
                                            class="form-label dark-color mb-3 fw-600">{{ __('site.Buyer.RFQ_3') }}</label>
                                        <input type="text" disabled value="{{ \App\Http\Helpers\HelperApp::convert_numbers($item->name )}}" class="form-control"
                                            placeholder="">
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6">
                                    <div class="form-group mb-45">
                                        <label
                                            class="form-label dark-color mb-3 fw-600">{{ __('site.Buyer.RFQ_4') }}</label>
                                        <input  disabled value="{{ \App\Http\Helpers\HelperApp::convert_numbers($item->date) }}" class="form-control"
                                            placeholder="">
                                    </div>
                                </div>
                                @if ($data->type == 'product')
                                    <div class="col-lg-6 col-md-6">
                                        <div class="form-group mb-45 product-field">
                                            <label class="form-label dark-color mb-3 fw-600">UOM</label>
                                            <select class="form-select" disabled>
                                                <option value="">-------</option>
                                                <option selected>{{ \App\Http\Helpers\HelperApp::convert_numbers($item->unit->name) }}</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6">
                                        <div class="form-group mb-45 product-field">
                                            <label
                                                class="form-label dark-color mb-3 fw-600">{{ __('messages_301.Quantity') }}</label>
                                            <input  disabled value="{{ \App\Http\Helpers\HelperApp::convert_numbers($item->qty)}}" class="form-control"
                                                placeholder="A2Q1">
                                        </div>
                                    </div>
                                @endif
                                <div class="col-lg-6 col-md-6">
                                    <div class="form-group mb-45">
                                        <label
                                            class="form-label dark-color mb-3  fw-600">{{ __('messages_301.Country') }}</label>
                                        <select id="select_country_id" disabled class="form-select select_country_id">
                                            <option value="">-----</option>
                                            <option selected>
                                                {{ $item->country->name }}</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6">
                                    <div class="form-group mb-45">
                                        <label
                                            class="form-label dark-color mb-3  fw-600">{{ __('messages_301.City') }}</label>
                                        <select id="select_city_id" disabled class="form-select select_city_id">
                                            <option value="">-----</option>
                                            <option selected>
                                                {{ $item->city->name }}</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-6">
                                    <div class="form-group mb-45">
                                        <label
                                            class="form-label dark-color mb-3 fw-600">{{ __('messages_301.Delivery type') }}</label>
                                        <select class="form-select" disabled>
                                            <option value="">-------</option>
                                            <option selected>{{ $item->delivery_type->name }}
                                            </option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="form-group mb-45">
                                        <label class="form-label">{{ __('site.Buyer.RFQ_5') }}</label>
                                        <textarea class="form-control" disabled rows="5" placeholder="{{ __('site.Buyer.RFQ_6') }}">{{ \App\Http\Helpers\HelperApp::convert_numbers($item->description) }}</textarea>
                                    </div>
                                </div>
                                <div class="col-lg-12">

                                    <div class="d-flex align-items-end justify-content-between gap-3 flex-wrap">
                                        <div class="form-group">
                                            <label
                                                class="form-label dark-color mb-3 fw-600 d-flex align-items-center gap-2">
                                                {{ __('messages_301.Attachments') }} ({{ \App\Http\Helpers\HelperApp::convert_numbers(count($item->attachments)) }})
                                            </label>
                                            <div class="d-flex flex-wrap gap-4">
                                                <ul class="attachment-list d-flex flex-wrap gap-2">

                                                    @if ($item->attachments && count($item->attachments) > 0)
                                                        @foreach ($item->attachments as $attachment)
                                                            <button
                                                                data-url="{{ route('saudi.download', ['file' => $attachment->path, 'name' => $attachment->original_name]) }}"
                                                                type="button" class="btn-download">

                                                                @if (in_array($attachment->file_path, ['png', 'jpeg', 'jpg']))
                                                                    <li><i class="icon-image"><span
                                                                                class="path1"></span><span
                                                                                class="path2"></span><span
                                                                                class="path3"></span></i>
                                                                    </li>
                                                                @elseif (in_array($attachment->file_path, ['pdf', 'doc', 'docx']))
                                                                    <li><i class="icon-file1"><span
                                                                                class="path1"></span><span
                                                                                class="path2"></span></i></li>
                                                                @endif
                                                            </button>
                                                        @endforeach
                                                    @endif
                                                </ul>

                                                <button
                                                    class="main-btn d-inline-flex align-items-center btn-download justify-content-center gap-2 py-2"
                                                    data-url="{{ route('saudi.download', ['file' => $item->path_zip, 'name' => 'RFQ_' . $item->order->order_num . '_' . now() . '.zip']) }}"
                                                    type="button">
                                                    <i class="icon-download"></i>
                                                    {{ __('site.Buyer.Download all') }}
                                                </button>
                                            </div>
                                        </div>

                                    </div>

                                </div>
                            </div>

                        </div>
                    </div>
                @endforeach


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


    <!-- Modal -->
@endsection
@section('script')
    <script>
        $('.btn-download').on('click', function() {
            window.location.href = $(this).data('url');
        });
    </script>
@endsection