@extends('admin.layouts.default')
@section('title', 'Order details')
@section('content')

<style>
    .table-container {
        max-height: 190px;
        overflow-y: auto;
    }
</style>
<div class="main-content app-content rs__order__detail__main__content">
    <div class="container-fluid">
        <div class="d-md-flex d-block align-items-center justify-content-between page-header-breadcrumb">
            <h1 class="page-title mb-0 text-primary">Order detail </h1>

        </div>
        <div class="col-md-12 col-lg-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Order Details / order-ID : {{$data['orderDetail']->order_id}}</h3>
                    <input type="hidden" class="order_id" value="{{$data['orderDetail']->id}}" name="order_id">
                    <div class="page-rightheader">
                        <div>

                            <a href="{{ url('download-pdf/' . $data['orderDetail']->id) }}"> <button type="button"
                                    id="add-mod" class="btn btn-primary me-1"> Download PDF </button> </a>
                            <button type="button" id="message" class="btn btn-secondary me-1"
                                onClick="modal_view('/admin-order-messages?order_id={{$data['orderDetail']->id}}', '#messages-modal')">
                                Message
                            </button>

                            <a href="{{ url('/orders-list') }}" class="btn btn-secondary">Back</a>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="col-md-12 row">
                        <div class="col-md-2">
                            <strong> Service name: </strong>
                        </div>
                        <div class="col-md-4">
                            {{$data['orderDetail']->service_name}}
                        </div>
                        <div class="col-md-2">
                            <strong> Assignment Type: </strong>

                        </div>
                        <div class="col-md-4">

                            {{$data['orderDetail']->assignment_type_name}}


                        </div>

                    </div>
                    <div class="col-md-12 row my-3">
                        <div class="col-md-2">
                            <strong> Language Type: </strong>
                        </div>
                        <div class="col-md-4">
                            {{$data['orderDetail']->language_type_name}}
                        </div>
                        <div class="col-md-2">
                            <strong> Paper Format : </strong>

                        </div>
                        <div class="col-md-4">

                            {{$data['orderDetail']->paper_format_name}}


                        </div>

                    </div>
                    <div class="col-md-12 row my-3">
                        <div class="col-md-2">
                            <strong> Subject Area: </strong>
                        </div>
                        <div class="col-md-4">
                            {{$data['orderDetail']->subject_area_name}}
                        </div>
                        <div class="col-md-2">
                            <strong> Total Pages : </strong>

                        </div>
                        <div class="col-md-4">

                            {{$data['orderDetail']->total_pages}}


                        </div>

                    </div>
                    <div class="col-md-12 row my-3">
                        <div class="col-md-2">
                            <strong> Academic Level Name: </strong>
                        </div>
                        <div class="col-md-4">
                            {{$data['orderDetail']->academic_level_name}}
                        </div>
                        <div class="col-md-2">
                            <strong> Customer Service name : </strong>

                        </div>
                        <div class="col-md-4">

                            {{$data['orderDetail']->customer_services_name}}


                        </div>

                    </div>
                    <div class="col-md-12 row my-3">
                        <div class="col-md-2">
                            <strong> Currency Name: </strong>
                        </div>
                        <div class="col-md-4">
                            {{$data['orderDetail']->currency_name}}
                        </div>
                        <div class="col-md-2">
                            <strong> Order Status : </strong>

                        </div>
                        <div class="col-md-4">


                            <select name="order_status" id="order_status"
                                onChange="order_status_change(this,{{$data['orderDetail']->id}})">
                                @foreach($data['statuses'] as $keyss => $valuess)
                                    <option value="{{$valuess->id}}" {{$data['orderDetail']->status === $valuess->name ? 'selected' : ''}}>
                                        {{$valuess->name}}
                                    </option>
                                @endforeach
                            </select>


                        </div>

                    </div>
                    <div class="col-md-12 row my-3">
                        <div class="col-md-2">
                            <strong> Payment status: </strong>
                        </div>
                        <div class="col-md-4">
                            {{$data['orderDetail']->payment_status}}
                        </div>
                        <div class="col-md-2">
                            <strong> urgency : </strong>

                        </div>
                        <div class="col-md-4">

                            {{$data['orderDetail']->urgency_name}}


                        </div>

                    </div>
                    <div class="col-md-12 row my-3">
                        <div class="col-md-2">
                            <strong> original report: </strong>
                        </div>
                        <div class="col-md-4">
                            {{ $data['orderDetail']->original_report == 1 ? 'Yes' : 'No' }}
                        </div>
                        <div class="col-md-2">
                            <strong> is urgent writer assign : </strong>

                        </div>
                        <div class="col-md-4">

                            {{$data['orderDetail']->urgent_writer_assign == 1 ? 'Yes' : 'No'}}


                        </div>

                    </div>
                    <div class="col-md-12 row my-3">
                        <div class="col-md-2">
                            <strong> is proofread: </strong>

                        </div>
                        <div class="col-md-4">

                            {{$data['orderDetail']->profread == 1 ? 'Yes' : 'No'}}


                        </div>

                        <div class="col-md-2">
                            <strong> is get draft : </strong>

                        </div>
                        <div class="col-md-4">

                            {{$data['orderDetail']->get_draft == 1 ? 'Yes' : 'No'}}


                        </div>

                    </div>

                    <div class="col-md-12 row my-3">

                        <div class="col-md-2">
                            <strong> is Page summary: </strong>

                        </div>
                        <div class="col-md-4">

                            {{$data['orderDetail']->page_summary == 1 ? 'Yes' : 'No'}}


                        </div>
                        <div class="col-md-2">
                            <strong> Website name: </strong>

                        </div>
                        <div class="col-md-4">

                            {{ $data['orderDetail']->websites->website }}


                        </div>

                    </div>








                    <div class="col-md-12 row my-3">
                        <div class="col-md-2">
                            <strong> Deadline: </strong>
                        </div>
                        <div class="col-md-4">
                            {{$data['orderDetail']->deadline}}
                        </div>

                        <div class="col-md-2">
                            <strong> Payment: </strong>
                        </div>
                        <div class="col-md-4">
                           {{$data['orderDetail']->currency_name}} {{$data['orderDetail']->total_amount}}
                        </div>
                    </div>
                </div>


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

    <div class="col-md-12 row">
        <!-- <div class="col-md-6 col-lg-6"> -->

        <!-- <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Upload Documents</h3>
                </div>
                <div class="card-body">
                    <form id="orderForm" class="mt-4 rs__modal__scroll" enctype="multipart/form-data">
                        @csrf

                        <input type="hidden" name="order_id" value="{{$data['orderDetail']->id}}">
                        <div class="col-md-12 row">
                            <div class="col-md-4">
                                <strong> Order Status: </strong>
                            </div>
                            <div class="col-md-8">
                                <select class="form-select form-select-sm mb-3" id="order_status" name="order_status" aria-label=".form-select-sm example">
                                    <option value="">Select status</option>
                                    @foreach($data['statuses'] as $status)
                                    <option value="{{$status->id}}">{{$status->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-12 row">
                            <div class="col-md-4">
                                <strong> Document title: </strong>
                            </div>
                            <div class="col-md-8">
                                <input placeholder="Doc title" type="text" class="form-control" id="document_title" name="document_title">
                            </div>


                        </div>
                        <div class="col-md-12 row my-2">
                            <div class="col-md-4">
                                <strong> Document title: </strong>
                            </div>
                            <div class="col-md-8">
                                <input class="form-control" type="file" id="order_document" name="order_document" accept="image/*">
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary text-right" id="submit-button">Save Changes</button>
                    </form>


                </div>


            </div> -->
        <!-- </div> -->
        <div class="col-md-6 col-lg-6">

            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Order DOcuments
                    </h3>
                </div>
                <div class="card-body">
                    <div class="table-responsive table-container">
                        <table class="table text-nowrap">
                            <thead>
                                <tr>
                                    <th scope="col">S.no</th>
                                    <th scope="col">File name</th>
                                    <th scope="col">File</th>
                                    <th scope="col">created at </th>
                                    <!-- <th scope="col">Actions</th> -->
                                </tr>
                            </thead>
                            <tbody>
                                @if($data['adminDocuments'] == null || count($data['adminDocuments']) == 0)
                                <tr>
                                    <td colspan="5" class="text-center">Not found</td>
                                </tr>
                                @else
                                @php
                                $sno = 1;
                                @endphp
                                @foreach($data['adminDocuments'] as $row)
                                <tr>
                                    <th scope="row">{{ $sno++ }}</th>
                                    <td>{{ $row->name }}</td>
                                    <td>
                                        <a href="{{ url('storage/' . $row->path) }}" target="_blank">
                                            <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="{{ $row->original_name }}">
                                                <i class="ri-file-line"></i>
                                            </li>
                                        </a>
                                    </td>
                                    <td>
                                        <span class="badge bg-outline-primary">{{ $row->created_at }}</span>
                                    </td>
                                    <!-- <td>
                                        <button type="button" class="btn btn-danger btn-sm delete-button" data-id="{{ $row->id }}">
                                            <i class="ri-delete-bin-5-line"></i>
                                        </button>
                                    </td> -->
                                </tr>
                                @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>

                </div>
            </div>


        </div>
        <div class="col-md-6 col-lg-6">

            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Order Status
                    </h3>
                </div>
                <div class="card-body">
                    <div class="table-responsive table-container">
                        <table class="table text-nowrap">
                            <thead>
                                <tr>
                                    <th scope="col">S.no</th>
                                    <th scope="col">Status</th>
                                    <th scope="col">Created At</th>
                                    <th scope="col">Created By </th>
                                    <!-- <th scope="col">Actions</th> -->
                                </tr>
                            </thead>
                            <tbody>

                                @foreach($data['orderDetail']->order_status as $key => $row)
                                    <tr>

                                        <td>{{$key + 1}}</td>
                                        <td>{{ get_column_value('statuses', 'id', $row->status_id)->name    }}
                                        </td>
                                        <td>
                                            <span class="badge bg-outline-primary">{{ $row->created_at }}</span>
                                        </td>

                                        <td>{{ get_column_value('customers', 'id', $row->created_by)->name ?? ''    }}
                                        </td>

                                    </tr>
                                @endforeach

                            </tbody>
                        </table>
                    </div>

                </div>
            </div>


        </div>

        <div class="col-md-6 col-lg-6">

            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Order Paymant
                    </h3>
                </div>
                <div class="card-body">
                    <div class="table-responsive table-container">
                    <table class="table text-nowrap">
    <thead>
        <tr>
            <th scope="col">S.no</th>
            <th scope="col">Status</th>
            <th scope="col">Created At</th>
            <th scope="col">Created By</th>
            <th scope="col">Type</th>
            <th scope="col">Total Amount</th>
            <th scope="col">Total Dollars</th>
            <th scope="col">Total Dollars Received</th>
        </tr>
    </thead>
    <tbody>
        @foreach($data['orderDetail']->order_payments as $key => $row)
            <tr>
                <td>{{$key + 1}}</td>
                <td>{{$row->status ?? '' }}</td>
                <td>
                    <span class="badge bg-outline-primary">{{ $row->created_at }}</span>
                </td>
                <td>{{ get_column_value('customers', 'id', $row->created_by)->name ?? '' }}</td>
                <td>{{ $row->type ?? '' }}</td> <!-- Type column -->
                <td>{{ $row->total_amount ?? '' }}</td> <!-- Total Amount column -->
                <td>{{ $row->total_dollars ?? '' }}</td> <!-- Total Dollars column -->
                <td>{{ $row->total_dollars_received ?? '' }}</td> <!-- Total Dollars Received column -->
            </tr>
        @endforeach
    </tbody>
</table>
                    </div>

                </div>
            </div>


        </div>

    </div>
    <!-- <div class="col-md-12 row">
        <div class="col-md-6 col-lg-6">

            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Upload Documents</h3>
                </div>
                <div class="card-body">
                <ul class="timeline list-unstyled mb-3">
                        <li>
                            <div class="timeline-time text-end">
                               <span class="date">FRIDAY</span>
                               <span class="time d-inline-block">02:31</span>
                            </div>
                            <div class="timeline-icon">
                               <a href="javascript:void(0);"></a>
                            </div>
                            <div class="timeline-body">
                                <div class="d-flex align-items-top timeline-main-content flex-wrap mt-0">
                                    <div class="avatar avatar-md online me-3 avatar-rounded mt-sm-0 mt-4">
                                        <img alt="avatar" src="./assets/images/users/11.jpg">
                                    </div>
                                    <div class="flex-fill">
                                        <div class="d-flex align-items-center">
                                            <div class="mt-sm-0 mt-2">
                                                <p class="mb-0 fs-14 fw-semibold">Emperio</p>
                                                <p class="mb-0 text-muted">Project assigned by the manager all<span class="badge bg-primary-transparent fw-semibold mx-1">files</span>and<span class="badge bg-primary-transparent fw-semibold mx-1">folders</span>were included</p>
                                            </div>
                                            <div class="ms-auto">
                                                <span class="float-end badge bg-light text-muted timeline-badge">
                                                    24,Oct 2022
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                         </li>
                      
                            
                         </li>
                     </ul>
                    
                </div>


            </div>
        </div>
       
    </div> -->


</div>


</div>


</div>

<script>
    $(document).ready(function () {
        $('#orderForm').on('submit', function (e) {
            e.preventDefault();
            var documentTitle = $('#document_title').val();
            var orderDocument = $('#order_document').val();
            var orderStatus = $('#order_status').val();


            if (!documentTitle) {
                isValid = false;
                alert('Document Title is required.');
            }
            if (!orderDocument) {
                isValid = false;
                alert('Order Document is required.');
            }

            var formData = new FormData(this);

            $.ajax({
                url: '{{ url("orderdocument-upload") }}',
                type: 'POST',
                data: formData,
                contentType: false,
                processData: false,
                success: function (response) {
                    location.reload();
                    $('#response-message').html('<div class="alert alert-success">' + response.message + '</div>');
                    $('#orderForm')[0].reset();
                },
                error: function (xhr) {
                    var errors = xhr.responseJSON.errors;
                    var errorMessage = '<div class="alert alert-danger">';
                    for (var key in errors) {
                        errorMessage += errors[key].join('<br>');
                    }
                    errorMessage += '</div>';
                    $('#response-message').html(errorMessage);
                }
            });
        });
    });
</script>

@endsection