@extends('rental-company.layout.master')
@section('title', __('admin.orders'))
@section('styles')


    <style>

    </style>

@endsection
@section('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function () {
        @if ($errors->any())
        var myModal = new bootstrap.Modal(document.getElementById('addUser'), {
            keyboard: false
        });
        myModal.show();
        @endif
    });

</script>
@endsection
@section('content')

<div class="container my-5">
    <h2 class="mb-4">{{__('admin.order_details')}}</h2>

    <div class="card shadow-sm">
        <div class="card-body">
            <table class="table table-bordered table-hover">
                <tbody>
                    <tr>
                        <th>{{__('admin.order_id')}}</th>
                        <td>{{ $order['identification_number'] }}</td>
                    </tr>
                    <tr>
                        <th>{{__('admin.phone')}}</th>
                        <td>{{ $order['user']['phone'] ?? '-' }}</td>
                    </tr>
                    <tr>
                        <th>{{__('admin.period_type')}}</th>
                        <td>{{ __($order['booking_type']) }}</td>
                    </tr>
                    <tr>
                        <th>{{__('admin.category')}}</th>
                        <td>{{ $order->category->name }}</td>
                    </tr>
                    <tr>
                        <th>{{__('admin.car')}}</th>
                        <td>{{ $order->car->name     }}</td>
                    </tr>
                   <tr>
    <th>{{ __('admin.start_date_and_time') }}</th>
    <td>{{ \Carbon\Carbon::parse($order['start_date'])
            ->locale(app()->getLocale())
            ->isoFormat('D MMMM YYYY') }}
        {{ __('admin.at') }}
        {{ \Carbon\Carbon::parse($order['start_time'])
            ->locale(app()->getLocale())
            ->isoFormat('h:mm A') }}
    </td>
</tr>

<tr>
    <th>{{ __('admin.end_date_and_time') }}</th>
    <td>{{ \Carbon\Carbon::parse($order['end_date'])
            ->locale(app()->getLocale())
            ->isoFormat('D MMMM YYYY') }}
        {{ __('admin.at') }}
        {{ \Carbon\Carbon::parse($order['end_time'])
            ->locale(app()->getLocale())
            ->isoFormat('h:mm A') }}
    </td>
</tr>


                    <tr>
                        <th>{{__('admin.total_days')}}</th>
                        <td>{{ $order['total_days'] }}</td>
                    </tr>
                    <tr>
                        <th>{{__('admin.base_price')}}</th>
                        <td>{{ $order['base_price'] }} </td>
                    </tr>
                    <tr>
                        <th>{{__('admin.discount')}}</th>
                        <td>{{ $order['discount_amount'] }} </td>
                    </tr>
                    <tr>
                        <th>{{__('admin.coupon')}}</th>
                        <td>{{ $order['coupon_discount'] }} </td>
                    </tr>
                    <tr>
                        <th>{{__('admin.tax')}}</th>
                        <td>{{ $order['tax_amount'] }} </td>
                    </tr>
                    <tr>
                        <th>{{__('admin.total_amount')}}</th>
                        <td><strong>{{ $order['total_amount'] }} </strong></td>
                    </tr>
                    @foreach($order['additionalServices'] as $service)
                        <tr>
                            <th>{{ __('admin.additional_services') }}</th>
                            <td><strong>{{ $service->name }} </strong></td>
                        </tr>
                    @endforeach
                    <tr>
                        <th>{{__('admin.delivery')}}</th>
                        <td>{{ ucfirst($order['delivery_type']) }}</td>
                    </tr>
                    <tr>
                        <th>{{__('admin.delivery_address')}}</th>
                        <td>
        <span id="deliveryAddress">{{ $order['delivery_address'] }}</span>
        <button
            onclick="copyToClipboard('deliveryAddress')"
            class="btn btn-sm btn-light border ms-2"
            title="نسخ"
        >
            <i class="fa-regular fa-copy"></i>
        </button>
    </td>
                    </tr>
                    <tr>
                        <th>{{__('admin.status')}}</th>
                        <td>
                            @if($order['status'] == 'pending')
                                <span class="badge bg-warning text-dark">{{ ucfirst($order['status']) }}</span>
                            @elseif($order['status'] == 'confirmed')
                                <span class="badge bg-success">{{ ucfirst($order['status']) }}</span>
                            @elseif($order['status'] == 'canceled')
                                <span class="badge bg-danger">{{ ucfirst($order['status']) }}</span>
                            @else
                                <span class="badge bg-secondary">{{ ucfirst($order['status']) }}</span>
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <th>{{__('admin.payment_status')}}</th>
                        <td>{{ ucfirst($order['payment_status']) }}</td>
                    </tr>
                    <tr>
                        <th>{{__('admin.phone')}}</th>
                        <td>{{ $order['phone'] }}</td>
                    </tr>
                    <tr>
                        <th>{{__('admin.notes')}}</th>
                        <td>{{ $order['notes'] ?? '-' }}</td>
                    </tr>
                    <tr>
                        <th>{{ __('admin.created_at') }}</th>
                        <td>{{ \Carbon\Carbon::parse($order['created_at'])
                                ->locale(app()->getLocale())
                                ->isoFormat('D MMMM YYYY, h:mm A') }}</td>
                    </tr>
                    <tr>
                        <th>{{ __('admin.updated_at') }}</th>
                        <td>{{ \Carbon\Carbon::parse($order['updated_at'])
                                ->locale(app()->getLocale())
                                ->isoFormat('D MMMM YYYY, h:mm A') }}</td>
                    </tr>

                </tbody>
            </table>
                <hr style="height: 2px; background-color: rgb(0, 0, 0); border: none; width: 100%;">

    @if(isset($order->extensions) && count($order->extensions) > 0)
    <div class="mt-5">
        <h4 class="mb-3">{{ __('admin.extensions') }}</h4>
        <table class="table table-bordered table-hover">
            <thead>
                <tr>
                    <th>#</th>
                    <th>{{ __('admin.extended_days') }}</th>
                    <th>{{ __('admin.extended_price') }}</th>
                    <th>{{ __('admin.payment_method') }}</th>
                    <th>{{ __('admin.start_date_and_time') }}</th>
                    <th>{{ __('admin.end_date_and_time') }}</th>
                    <th>{{ __('admin.created_at') }}</th>
                </tr>
            </thead>
            <tbody>
                @foreach($order->extensions as $extension)
                    <tr>
                        <td>{{ $extension->id }}</td>
                        <td>{{ $extension->extended_days }}</td>
                        <td>{{ $extension->extension_price }}</td>
                        <td>{{ $extension->payment_method ?? "-" }}</td>
                        <td>
                            {{ \Carbon\Carbon::parse($extension->start_date)->locale(app()->getLocale())->isoFormat('D MMMM YYYY') }}
                            {{ __('admin.at') }}
                            {{ \Carbon\Carbon::parse($extension->start_time)->locale(app()->getLocale())->isoFormat('h:mm A') }}
                        </td>
                        <td>
                            {{ \Carbon\Carbon::parse($extension->end_date)->locale(app()->getLocale())->isoFormat('D MMMM YYYY') }}
                            {{ __('admin.at') }}
                            {{ \Carbon\Carbon::parse($extension->end_time)->locale(app()->getLocale())->isoFormat('h:mm A') }}
                        </td>
                        <td>
                            {{ \Carbon\Carbon::parse($extension->created_at)->locale(app()->getLocale())->isoFormat('D MMMM YYYY, h:mm A') }}
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endif
        </div>
    </div>
</div>
@endsection
<script>
    function copyToClipboard(elementId) {
        // جلب النص من العنصر
        var text = document.getElementById(elementId).innerText;

        // نسخ إلى الكليبورد
        navigator.clipboard.writeText(text).then(function() {
            alert("تم النسخ: " + text);
        }, function(err) {
            alert("حدث خطأ أثناء النسخ");
        });
    }
</script>