@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 px-45">
        <div class="box-header border-bottom px-0">
            <div class="d-flex align-items-center justify-content-between flex-wrap gap-3">
                <div class="company-logo">
                    <a href="{{ route('orders.company', ['type' => $type, 'id' => $item->order->user->id]) }}">
                        <div class="d-flex align-items-center gap-3">
                            <img src="{{ asset($item->order->user->account_information->logo) }}" class="img-fluid">
                            <div>
                                <p class="mb-0 dark-color">{{ $item->order->user->name }}</p>
                                <span class="dark-color opacity-50 small-text">{{ $item->order->user->email }}</span>
                            </div>
                        </div>
                    </a>
                </div>
                <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($item->order->order_num) }}</span></li>
                    <li class="d-flex align-items-center gap-2"><i class="icon-board fs-5"><span class="path1"></span><span
                                class="path2"></span><span class="path3"></span><span class="path4"></span><span
                                class="path5"></span></i> <span
                            class="dark-color">{{ __('messages.' . Str::ucfirst($item->order->type)) }}</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">{{ $item->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">{{ $item->order->sub_department->name }}</span></li>
                </ul>
                <div class="back">
                    <a href="{{ route('site.chat.list') . '?user_id=' . $item->order->user_id }}"
                        class="main-btn d-inline-flex align-items-center justify-content-center gap-2">
                        <i class="icon-chat"><span class="path1"></span><span class="path2"></span><span
                                class="path3"></span><span class="path4"></span></i>
                        {{ __('site.Supplier.RFQ_2') }}
                    </a>
                </div>
            </div>
        </div>

        <div class="box-body pb-4 pt-3 mt-1">
            <div class="d-flex align-items-center justify-content-between gap-2 flex-wrap mb-3">
                <h4 class="mb-0 fw-600">1-{{ $item->name }}</h4>
                <a href="{{ route('orders.show', ['id' => $item->order_id, 'type' => $type]) }}"
                    class="back-btn d-flex align-items-center justify-content-center"><i class="icon-arrow-left"></i></a>
            </div>
            <div class="rfq-details-form">
                <div class="main-form white shadow p-4 rounded-md">
                    <p class="mb-3 dark-color">
                        <i class="icon-document-text"><span class="path1"></span><span class="path2"></span><span
                                class="path3"></span><span class="path4"></span></i>
                        {{ __('messages_303.description') }}
                    </p>
                    <p class="small-text mb-4">{{ \App\Http\Helpers\HelperApp::convert_numbers($item->description) }}</p>

                    <div class="row">
                        <div class="col-lg-4 col-md-6">
                            <div class="form-group mb-4">
                                <label class="form-label dark-color mb-3 fw-600 d-flex align-items-center gap-2">
                                    <i class="icon-document-text"><span class="path1"></span><span
                                            class="path2"></span><span class="path3"></span><span
                                            class="path4"></span><span class="path5"></span></i>
                                    {{ __('site.Buyer.RFQ_3') }}
                                </label>
                                <input type="text" class="form-control" value="{{ \App\Http\Helpers\HelperApp::convert_numbers($item->name) }}" readonly>
                            </div>
                        </div>
                        @if ($item->order->type == 'product')
                            <div class="col-lg-4 col-md-6">
                                <div class="form-group mb-4">
                                    <label class="form-label dark-color mb-3 fw-600 d-flex align-items-center gap-2">
                                        <i class="icon-check-circle"><span class="path1"></span><span class="path2"></i>
                                        UOM
                                    </label>
                                    <input type="text" class="form-control" value="{{ \App\Http\Helpers\HelperApp::convert_numbers($item->unit->name) }}" readonly>
                                </div>
                            </div>
                        @endif
                        <div class="col-lg-4 col-md-6">
                            <div class="form-group mb-4">
                                <label class="form-label dark-color mb-3 fw-600 d-flex align-items-center gap-2">
                                    <i class="icon-location"><span class="path1"></span><span class="path2"></i>
                                    {{ __('site.Supplier.Location') }}
                                </label>
                                <input type="text" class="form-control" value="{{ $item->country->name }}" readonly>
                            </div>
                        </div>

                        @if ($item->order->type == 'product')
                            <div class="col-lg-4 col-md-6">
                                <div class="form-group mb-4">
                                    <label class="form-label dark-color mb-3 fw-600 d-flex align-items-center gap-2">
                                        <i class="icon-basket"><span class="path1"></span><span class="path2"></span><span
                                                class="path3"></i>
                                        {{ __('messages_301.Quantity') }}
                                    </label>
                                    <input type="text" class="form-control"
                                        value="{{ \App\Http\Helpers\HelperApp::convert_numbers($item->qty) . ' ' . $item->unit->name }}" readonly>
                                </div>
                            </div>
                        @endif
                        <div class="col-lg-4 col-md-6">
                            <div class="form-group mb-4">
                                <label class="form-label dark-color mb-3 fw-600 d-flex align-items-center gap-2">
                                    <i class="icon-delivery"><span class="path1"></span><span class="path2"><span
                                                class="path3"><span class="path4"></span></i>
                                    {{ __('messages_301.Delivery type') }}
                                </label>
                                <input type="text" class="form-control" value="{{ $item->delivery_type->name }}"
                                    readonly>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="form-group mb-4">
                                <label class="form-label dark-color mb-3 fw-600 d-flex align-items-center gap-2">
                                    <i class="icon-calendar"><span class="path1"></span><span
                                            class="path2"></span><span class="path3"></span><span
                                            class="path4"></span><span class="path5"></span><span
                                            class="path6"></span></i>
                                    {{ __('site.Buyer.RFQ_4') }}
                                </label>
                                <input type="text" class="form-control" value="{{ \App\Http\Helpers\HelperApp::convert_numbers($item->date) }}" readonly>
                            </div>
                        </div>
                    </div>
                    <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($item->attachments_count) }})
                            </label>
                            <div class="d-flex flex-wrap gap-4">
                                <ul class="attachment-list d-flex flex-wrap gap-2">

                                    @if ($item->attachments_count > 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>
                        @if ($check_is_offer)
                            <span class="main-btn green outline py-2 cursor-def">
                                {{ __('site.Supplier.Offer') }}
                            </span>
                        @else
                            @if (App\Http\Helpers\HelperPermission::check_permission(auth()->user(), 'create_offer'))
                                <button class="main-btn d-inline-flex align-items-center justify-content-center gap-2 py-2"
                                    type="button" id="submit-app-btn">
                                    <i class="icon-interactive"><span class="path1"></span><span class="path2"><span
                                                class="path3"></i>
                                    {{ __('site.Supplier.Offer_2') }}
                                </button>
                            @endif
                        @endif
                    </div>
                </div>

                <div class="submit-app-form main-form white p-4 rounded-md primary-border-dashed mt-4 mb-3"
                    style="display: none;">
                    <form class="main-form white form_submit" id="offer_form"
                        action="{{ route('orders.create_offer', ['id' => $item->id, 'type' => $type]) }}" method="POST">
                        @csrf
                        <div class="row">
                            @if ($item->order->type == 'product')
                                <div class="col-lg-4 col-md-6">
                                    <div class="form-group mb-4">
                                        <label class="form-label dark-color mb-3 fw-600 d-flex align-items-center gap-2">
                                            <i class="icon-basket"><span class="path1"></span><span
                                                    class="path2"></span><span class="path3"></i>
                                            {{ __('messages_301.Quantity') }}
                                        </label>
                                        <input type="number" name="qty" id="qty" class="form-control"
                                            value="1">
                                    </div>
                                </div>
                            @endif

                            <div class="col-lg-4 col-md-6">
                                <div class="form-group mb-4">
                                    <label class="form-label dark-color mb-3 fw-600 d-flex align-items-center gap-2">
                                        <i class="icon-coin-dollar"><span class="path1"></span><span
                                                class="path2"></span></i>
                                        {{ __('site.Buyer.RFQ_25') }}
                                    </label>
                                    <div class="input-group">
                                        <input type="number" name="price" id="price" class="form-control"
                                            value="0" step="0.001">
                                        <div class="input-group-text d-flex align-items-center gap-2">
                                            <label for="flexSwitchCheckChecked" class="form-label mb-0">{{ __("messages.Tax") }}</label>
                                            <div class="form-check form-switch m-0">
                                                <input class="form-check-input" type="checkbox" name="is_tax"
                                                    id="flexSwitchCheckChecked">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>




                            @if ($item->order->type == 'product')
                                <div class="col-lg-4 col-md-6">
                                    <div class="form-group mb-4">
                                        <label class="form-label dark-color mb-3 fw-600 d-flex align-items-center gap-2">
                                            <i class="icon-bag-dollar"><span class="path1"></span><span
                                                    class="path2"><span class="path3"></span></i>
                                            {{ __('site.Buyer.RFQ_24') }}
                                        </label>
                                        <input type="number" disabled name="total" id="total_price"
                                            class="form-control" value="0" step="0.001">
                                    </div>
                                </div>
                            @endif

                            <div class="col-lg-4 col-md-6">
                                <div class="form-group mb-4">
                                    <label class="form-label dark-color mb-3 fw-600 d-flex align-items-center gap-2">
                                        <i class="icon-money-coin"><span class="path1"></span><span class="path2"><span
                                                    class="path3"></span></i>
                                        {{ __('site.Buyer.Currency') }}
                                    </label>
                                    <select name="currency_id" class="form-select">
                                        <option value="" selected disabled>{{ __('site.Supplier.Offer_3') }}
                                        </option>
                                        @foreach ($currencies as $currency)
                                            <option value="{{ $currency->id }}">{{ $currency->currency }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-group mb-45">
                                    <label class="form-label">{{ __('messages_301.Notes') }}</label>
                                    <textarea class="form-control" rows="5" placeholder="{{ __('messages_301.Notes') }}"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="row align-items-end">
                            <div class="col-lg-8 col-md-6">
                                <div class="form-group">
                                    <label class="form-label dark-color mb-3 fw-600">
                                        {{ __('site.Buyer.RFQ_7') }}
                                    </label>
                                    <div class="form-control custom-file-upload position-relative px-2">
                                        <input type="file" multiple name="attachments[]"
                                            class="w-100 position-relative" id="input-file" onchange="pressed()">
                                        <span
                                            class="no-file-chosen small-text dark-color opacity-50">{{ __('site.Buyer.RFQ_8') }}</span>
                                        <button class="main-btn">{{ __('site.Buyer.RFQ_9') }}</button>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6 text-end mt-4 mt-md-0">
                                <button
                                    class="main-btn submit d-inline-flex align-items-center justify-content-center gap-2"
                                    type="button" data-bs-toggle="modal" data-bs-target="#submitModal">
                                    <i class="icon-interactive"><span class="path1"></span><span class="path2"><span
                                                class="path3"></i>
                                    {{ __('site.Supplier.Offer_2') }}
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="def-modal modal fade" id="submitModal" tabindex="-1" aria-labelledby="submitModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content border-0">
                <div class="modal-body p-0">
                    <div class="modal-icon text-center">
                        <img src="{{ asset('main-site/assets/img/task.png') }}" class="img-fluid">
                    </div>
                    <h3 class="text-center dark-color fw-600 mb-2">{{ __('site.Supplier.Offer_5') }}</h3>
                </div>
                <div class="modal-footer border-0 p-0 mt-45">
                    <button type="button" class="main-btn outline"
                        data-bs-dismiss="modal">{{ __('messages.Cancel') }}</button>
                    <button type="submit" id="confirmOffer" class="main-btn text-center">
                        <span class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true"></span>

                        {{ __('site.Supplier.Offer_4') }}

                    </button>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    @include('main-site.supplier.products.inc.script_submit')
    <script>
        // file upload
        window.pressed = function() {
            var input = document.getElementById('input-file');
            if (input.files.length === 0) {
                input.style.color = 'transparent';
                document.querySelector('.no-file-chosen').style.display = 'block';
            } else {
                input.style.color = '#120404';
                document.querySelector('.no-file-chosen').style.display = 'none';
            }
        };
    </script>
    <script>
        $('.btn-download').on('click', function() {
            window.location.href = $(this).data('url');
        });
    </script>

    <script>
        $(function() {


            //calc total

            $('#price, #qty').on('change', function() {
                var price = $('#price').val();
                var qty = $('#qty').val();
                var total = price * qty;
                console.log(total, qty, price);
                $('#total_price').val(total);
            })




            $("#confirmOffer").click(function(e) {
                e.preventDefault(); // منع السلوك الافتراضي
                const $button = $(this);
                $button.attr("disabled", true); // تعطيل الزر أثناء الإرسال
                $button.find(".spinner-border").removeClass("d-none"); // إظهار التحميل
                $("#offer_form").submit();
            })
        })
    </script>
@endsection