@include('orders.authenticators.user_profile.nav')
<div class="rs__main__aria rs__main__aria__details__order">
    <!-- topbar skip -->
    <!-- middle area -->
    <div class="rs__main__aria__middle">
        <div class="main-profile-data">
            @if($orders)

                    @foreach ($orders['not_paid'] as $key => $value)
                            <input type="hidden" class="order_id" value="{{$value['id']}}">
                            <div class="rs__order__detail">
                                <div class="rs__order__name__wrap">
                                    <span class="rs__order__name">
                                        <h2>{{$value['topic']}}</h2>
                                    </span>
                                </div>
                                <div class="rs__order__details">
                                    <div class="rs__order__id__wrap">
                                        <span class="rs__heading">OrderID</span>
                                        <span class="rs__order__id">{{$value['order_id']}}</span>
                                    </div>
                                    <div class="rs__deadline__wrap">
                                        <span class="rs__heading">Deadline</span>
                                        <span class="rs__deadline">{{$value['deadline']}}</span>
                                    </div>
                                    <div class="rs__total__price__wrap">
                                        <span class="rs__heading">Total Price</span>
                                        <span class="rs__total__price">{{$value['currency_name']}} {{$value['total_amount']}}</span>
                                    </div>
                                    @if($value['payment_status'] == 'UNPAID')
                                        <div class="rs__btn__wrap">
                                            <a class="rs__pay__btn"
                                                href="{{web_path(auth('sanctum')->user()->website_id, "summary.php?merchant_id=1&order_id={$value['id']}")}}">Pay
                                                Now</a>
                                        </div>

                                    @else
                                        <span class="rs__pay__btn">PAID</span>
                                    @endif
                                </div>
                            </div>
                            <div class="rs__tabs__wrap">
                                <div class="main-details-div">
                                    <div class="header-div rs__tabs__header rs__tabs__btn__wrap">
                                        <a onClick="tabChange('details')" class="tabs details rs__tab__btn" href="#details"> Details</a>
                                        <a onClick="tabChange('files')" class="tabs files rs__tab__btn" href="#files"> Files</a>
                                        <a onClick="tabChange('messages')" class="tabs messages rs__tab__btn" href="#messages">
                                            Messages</a>
                                    </div>
                                    <div class="body-div rs__tabs__body">
                                        <div class="tab_details rs__tabs" id="details" style="display:none">
                                            <div class="rs__tab__left__aria">
                                                <div class="rs__tab__panel">
                                                    <div class="rs__panel__heading__wrap">
                                                        <span class="rs__panel__heading">Latest order updates</span>
                                                    </div>
                                                    @foreach ($value['order_status'] as $keys => $values)
                                                        <div class="rs__order__details">
                                                            <!-- key value pair -->
                                                            <div class="rs__order__detail rs__{{str_replace(' ', '_',strtolower(get_column_value('statuses', 'id', $values['status_id'])->name))}}">
                                                                <span
                                                                    class="key rs__key">{{get_column_value('statuses', 'id', $values['status_id'])->name}}</span>
                                                                <span class="value rs__value">{{$values['created_at']}}</span>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                </div>

                                                <div class="rs__tab__panel">
                                                    <div class="rs__panel__heading__wrap">
                                                        <span class="rs__panel__heading">Order details</span>
                                                        <p>If you want to update your order details, please, contact our Support Team.
                                                        </p>
                                                    </div>
                                                    <div class="rs__order__details">
                                                        <!-- key value pair -->
                                                        <div class="rs__order__detail">
                                                            <span class="key rs__key">Type of service</span>
                                                            <span class="value rs__value">{{$value->assignment_type_name}}</span>
                                                        </div>
                                                        <!-- key value pair -->
                                                        <div class="rs__order__detail">
                                                            <span class="key rs__key">Type of paper</span>
                                                            <span class="value rs__value">{{$value->service_name}}</span>
                                                        </div>
                                                        <!-- key value pair -->
                                                        <div class="rs__order__detail">
                                                            <span class="key rs__key">Subject area</span>
                                                            <span class="value rs__value">{{$value->subject_area_name}}</span>
                                                        </div>
                                                        <!-- key value pair -->
                                                        <div class="rs__order__detail">
                                                            <span class="key rs__key">Topic</span>
                                                            <span class="value rs__value">{{$value->topic}}</span>
                                                        </div>
                                                        <!-- key value pair -->
                                                        <div class="rs__order__detail">
                                                            <span class="key rs__key">Order Description</span>
                                                            <span class="value rs__value">{{$value->paper_details}}</span>
                                                        </div>
                                                        <!-- key value pair -->
                                                        <div class="rs__order__detail">
                                                            <span class="key rs__key">Format</span>
                                                            <span class="value rs__value">{{$value->paper_format_name}}</span>
                                                        </div>
                                                        <!-- key value pair -->
                                                        <div class="rs__order__detail">
                                                            <span class="key rs__key">Academic level</span>
                                                            <span class="value rs__value">{{$value->academic_level_name}}</span>
                                                        </div>
                                                        <!-- key value pair -->
                                                        <div class="rs__order__detail">
                                                            <span class="key rs__key">Spacing</span>
                                                            <span
                                                                class="value rs__value">{{$value->line_spacing == 0 ? 'signel' : 'double'}}</span>
                                                        </div>
                                                        <!-- key value pair -->
                                                        <div class="rs__order__detail">
                                                            <span class="key rs__key">Number of pages</span>
                                                            <span class="value rs__value">{{$value->total_pages}}</span>
                                                        </div>
                                                        <!-- key value pair -->
                                                        <div class="rs__order__detail">
                                                            <span class="key rs__key">Deadline</span>
                                                            <span class="value rs__value">{{$value->deadline}}</span>
                                                        </div>
                                                        <!-- key value pair -->
                                                        <div class="rs__order__detail">
                                                            <span class="key rs__key">Total to pay</span>
                                                            <span class="value rs__value">{{$value->total_amount}}</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="rs__tab__panel">
                                                    <div class="rs__panel__heading__wrap">
                                                        <span class="rs__panel__heading">Additional services</span>
                                                    </div>
                                                    <div class="rs__order__details">
                                                        <!-- key value pair -->
                                                        <div class="rs__order__detail">
                                                            <span class="key rs__key">Writer Level</span>
                                                            <span class="value rs__value">{{$value->writer_level_name}}</span>
                                                        </div>
                                                        <!-- key value pair -->
                                                        <div class="rs__order__detail">
                                                            <span class="key rs__key">Customer service</span>
                                                            <span class="value rs__value">{{$value->customer_services_name}}</span>
                                                        </div>
                                                        <!-- key value pair -->
                                                        <div class="rs__order__detail">
                                                            <span class="key rs__key">I want us writer:</span>
                                                            <span
                                                                class="value rs__value">{{($value->language_type_name == "UK" ? "No" : "Yes")}}</span>
                                                        </div>
                                                        <!-- key value pair -->
                                                        <div class="rs__order__detail">
                                                            <span class="key rs__key">Origintal report</span>
                                                            <span
                                                                class="value rs__value">{{$value->original_report ? "Yes" : "No"}}</span>
                                                        </div>
                                                        <!-- key value pair -->
                                                        <div class="rs__order__detail">
                                                            <span class="key rs__key">Urgent writer assign</span>
                                                            <span
                                                                class="value rs__value">{{$value->urgent_writer_assign ? "Yes" : "No"}}</span>
                                                        </div>
                                                        <!-- key value pair -->
                                                        <div class="rs__order__detail">
                                                            <span class="key rs__key">I'd like to get a draft</span>
                                                            <span class="value rs__value">{{$value->get_draft ? "Yes" : "No"}}</span>
                                                        </div>
                                                        <!-- key value pair -->
                                                        <div class="rs__order__detail">
                                                            <span class="key rs__key">Proofread by editor</span>
                                                            <span class="value rs__value">{{$value->profread ? "Yes" : "No"}}</span>
                                                        </div>
                                                        <!-- key value pair -->
                                                        <div class="rs__order__detail">
                                                            <span class="key rs__key">1-page summary of your paper:</span>
                                                            <span class="value rs__value">{{$value->page_summary ? "Yes" : "No"}}</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="rs__tab__right__aria" style="display: none;">

                                            </div>
                                        </div>
                                        <div class="tab_details rs__tabs" id="files" style="display:none">
                                            <div class="rs__tab__left__aria">
                                                <div class="rs__tab__panel">
                                                    <!-- panel heading -->
                                                    <form action="" id="upld-doc-dta-frm" enctype="multipart/form-data">
                                                        <div class="rs__panel__heading__wrap">
                                                            <span class="rs__panel__heading">My Files</span>
                                                            <div class="rs__upload__files__btn__wrap">
                                                                <input type="hidden" class="order_id" name="order_id"
                                                                    value="{{$value['id']}}">
                                                                <input type="file" multiple
                                                                    class="rs__upload__files__btn upload_documents" name="files[]">
                                                            </div>
                                                    </form>
                                                </div>
                                                <!-- all files -->
                                                <div class="rs__files__wrap">
                                                    @foreach ($value['order_documents'] as $doc_key => $doc_value)

                                                        <div class="rs__file">
                                                            <a href="{{ url("storage/{$doc_value->path}") }}" download>
                                                                <div class="rs__file__icon"></div>
                                                            </a>
                                                            <div class="rs__file__detail">
                                                                <a href="{{ url("storage/{$doc_value->path}") }}" download>
                                                                    <div class="rs__left">
                                                                        <span class="rs__dark">{{$doc_value->name}}</span>
                                                                        <span class="rs__light">{{$doc_value->created_at}}</span>
                                                                    </div>
                                                                </a>
                                                                <div class="rs__right">
                                                                    <button
                                                                        onclick="deleteDocument('authenticators/orders/document_delete?id={{$doc_value->id}}')">X</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                        <div class="rs__tab__right__aria" style="display: none;">

                                        </div>
                                    </div>
                                    <div class="tab_details rs__tabs" id="messages" style="display:none">
                                        <div class="rs__tab__left__aria">
                                            <div class="rs__tab__panel">
                                                <div class="rs__messenger__wrap">
                                                    <!-- topbar -->
                                                    <div class="rs__messenger__topbar">
                                                        <!-- user profile -->
                                                        <div class="rs__user__profile">
                                                            <div class="rs__icon"></div>
                                                            <div class="user__info">
                                                                <span class="rs__light">Writer ID:</span>
                                                                <span class="rs__bold">-</span>
                                                            </div>
                                                        </div>

                                                        <div class="rs__label__wrap">
                                                            <span
                                                                class="rs__label rs__unpaid">{{$value['payment_status'] == 'UNPAID' ? 'Not Paid' : 'PAID'}}</span>
                                                        </div>

                                                    </div>

                                                    <div class="rs__chat__aria">
                                                        <div class="rs__default" style="display: none;">
                                                            <div class="rs__icon"></div>
                                                            <span class="rs__bold">No messages, Yet</span>
                                                            <span class="rs__light">Please note that your writer will be able to
                                                                answer you only after they are assigned to your order</span>
                                                        </div>
                                                        <ul class="rs__chat message-records-data">
                                                            @foreach ($orders['order_messages'] as $keys => $values)
                                                                                            @if($values->sender_id == userID())
                                                                                                                            <li class="rs__team__msg">
                                                                                                                                {{$values->messages->message}}
                                                                                                                                <span>2025-01-23 07:03 AM</span>
                                                                                                                            </li>
                                                                                            @else
                                                                                                                            <li class="rs__customer__msg">
                                                                                                                                {{$values->messages->message}}
                                                                                                                                <span>2025-01-23 07:03 AM</span>

                                                                                                                            </li>
                                                                                            @endif
                                                            @endforeach
                                                        </ul>
                                                        <span class="rs__scrolled">
                                                            <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512">
                                                                <path
                                                                    d="M201.4 137.4c12.5-12.5 32.8-12.5 45.3 0l160 160c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 205.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l160-160z">
                                                                </path>
                                                            </svg>
                                                        </span>
                                                    </div>

                                                    <!-- chat type -->
                                                    <form action="" id="mesg-dta-frm">
                                                        <div class="rs__input__wrap">
                                                            <input type="hidden" class="order_id" value="{{$value['id']}}"
                                                                name="order_id">
                                                            <input type="text" id="customer-message" class="customer-message"
                                                                placeholder="Type a message here..." name="message">
                                                            <button type="button" class="submit-customer-message">Send</button>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="rs__tab__right__aria" style="display: none;">
                                            <div class="rs__tab__sidepanel">
                                                <!-- searchbar -->
                                                <div class="rs__searchbar">
                                                    <input type="text" placeholder="Search by Order ID, Topic">
                                                </div>
                                                <!-- writers -->
                                                <div class="rs__writers__wrap">
                                                    <!-- writer -->
                                                    <a href="#" class="rs__active">
                                                        <div class="rs__writer">
                                                            <div class="icon"></div>
                                                            <div class="writer__info">
                                                                <span class="rs__bold">Writer ID:-</span>
                                                                <span class="rs__light">asd</span>
                                                            </div>
                                                        </div>
                                                    </a>
                                                    <!-- writer -->
                                                    <a href="#">
                                                        <div class="rs__writer">
                                                            <div class="icon"></div>
                                                            <div class="writer__info">
                                                                <span class="rs__bold">Writer ID:-</span>
                                                                <span class="rs__light">asd</span>
                                                            </div>
                                                        </div>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
            @endif
    </div>
</div>
</div>