@extends('layouts.app')
@section('content')
    @php
        $locale = session()->get('locale') ? session()->get('locale') : App\Helpers\ConstantHelper::ENGLISH;
    @endphp
    <section class="pay-booking py-4 py-sm-5">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="top-head">
                        <h2>{{ __('label.appointment_history') }}</h2>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="py-2 py-sm-4">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="personal-detailstext">
                        <h3 class="mb-0">#{{ $order->order_no }}</h3>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="result-found-area upcoming-appointmentscontent mt-4">
                        @if ($order->status == App\Helpers\ConstantHelper::CANCELLED)
                            <div class="listing-badgecancelled now-open d-sm-block d-none">
                                <span>{{ __('static.cancelled') }}</span>
                            </div>
                        @else
                            @if ($order->balance_amount > 0)
                                <div class="listing-badgenew now-open d-sm-block d-none">
                                    <span>{{ __('static.pay_amount', ['value' => $order->balance_amount]) }}</span>
                                </div>
                            @endif
                        @endif
                        <div class="makeup-item-content">
                            <div class="row">
                                <div class="col-md-8 mb-sm-0 mb-3">
                                    <div class="makeup-item-inner d-flex">
                                        <div class="makeup-img-circle-2 mr-3">
                                            <img src="{{ isset($order->branch->companyProfile->company_logo) && $order->branch->companyProfile->company_logo ? $order->branch->companyProfile->company_logo : (isset($order->branchOwner->user_profile) && $order->branchOwner->user_profile ? $order->branchOwner->user_profile : asset('assets/images/makeup-circle-1.jpg')) }}"
                                                alt="/">
                                        </div>

                                        <div class="makeup-context makeup-context-2">
                                            <h3>{{ $locale == App\Helpers\ConstantHelper::ARABIC ? (isset($order->branch->name_ar) ? $order->branch->name_ar : '') : (isset($order->branch->name_en) ? $order->branch->name_en : '') }}
                                            </h3>
                                            <div class="my-2">
                                                <span>{{ isset($order->branchOwner->mobile_number) ? (isset($order->branchOwner->mobileCode->dial_code) ? $order->branchOwner->mobileCode->dial_code . ' ' : '') . $order->branchOwner->mobile_number : '' }}</span><br />
                                                <span class="appointment-date">
                                                    {{ __('label.date') }}: {{ date('d-m-Y', strtotime($order->date)) }} |
                                                    {{ App\Helpers\GeneralHelper::timeFormat($order->start_time) }}-{{ App\Helpers\GeneralHelper::timeFormat($order->end_time) }}
                                                </span>
                                            </div>
                                            <p class="my-1">
                                                {{ isset($order->branch->address) ? $order->branch->address : '' }}</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-2 col-4">
                                    <span class="text-success">
                                        <button
                                            class="btn btn-primary btn-sm">{{ $locale == App\Helpers\ConstantHelper::ARABIC ? (isset($order->serviceType->service_ar) ? $order->serviceType->service_ar : '') : (isset($order->serviceType->service_en) ? $order->serviceType->service_en : '') }}</button>
                                    </span>
                                </div>
                            </div>
                            <div class="d-flex justify-content-center align-items-center">
                                <div style="width: 45%;border-top: 1px solid #eee;"></div>
                                <div style="width: 10%;">
                                    <h6>{{ __('static.staff_details') }}</h6>
                                </div>
                                <div style="width: 45%;border-top: 1px solid #eee;"></div>
                            </div>
                            <div class="d-flex justify-content-center">
                                <div style="text-align:center; width: 40%;">
                                    <strong>{{ __('static.mobile_number') }}:
                                    </strong>{{ isset($order->staffUser->mobileCode->dial_code) ? $order->staffUser->mobileCode->dial_code : '' }}
                                    {{ isset($order->staffUser->mobile_number) ? $order->staffUser->mobile_number : '' }}
                                </div>
                                <div style="border-right: 1px solid #eee;"></div>
                                <div style="text-align:center; width: 40%;">
                                    <strong>{{ __('static.name') }}: </strong>
                                    {{ isset($order->staffUser->name) ? $order->staffUser->name : '' }}
                                </div>
                            </div>
                            <div class="bdr-div mt-3 mb-3"></div>


                            <div class="row">
                                <div class="col-md-12 mb-sm-0 mb-3">
                                    @forelse ($order->orderItems as $orderItem)
                                        <button
                                            class="btn btn-outline-secondary btn-sm">{{ $locale == App\Helpers\ConstantHelper::ARABIC ? (isset($orderItem->service->name_ar) ? $orderItem->service->name_ar : '') : (isset($orderItem->service->name_en) ? $orderItem->service->name_en : '') }}
                                            - {{ isset($orderItem->service->time) ? $orderItem->service->time : '' }}
                                            {{ __('static.min') }}
                                            ·
                                            {{ __('static.egp') }} {{ $orderItem->price }}</button>
                                    @empty
                                    @endforelse
                                </div>
                            </div>

                            @if ($order->status != App\Helpers\ConstantHelper::CANCELLED)
                                <div class="row mt-3">
                                    <div class="col-md-12 col-12">
                                        <ul class="ideastatusbar payment-structure">
                                            <li class="completed">
                                                <h4>{{ __('label.applied_distance_charges') }}</h4>
                                                <p class="partfullamtpaid">
                                                    {{ __('static.egp') }}
                                                    {{ $order->applied_distance_charge ? $order->applied_distance_charge : 0 }}
                                                </p>
                                            </li>
                                            <li class="completed">
                                                <h4>{{ __('static.applied_coupon') }}</h4>
                                                <p class="partfullamtpaid">
                                                    {{ isset($appliedCoupon->coupon_code) ? $appliedCoupon->coupon_code : '' }}
                                                </p>
                                            </li>
                                            <li class="completed">
                                                <h4>{{ __('static.applied_redeem_points') }}</h4>
                                                <p class="partfullamtpaid">
                                                    {{ __('static.egp') }}
                                                    {{ $order->redeem_points ? $order->redeem_points : 0 }}</p>
                                            </li>
                                            <li class="completed">
                                                <h4>{{ __('static.paid_amount_from_wallet') }}</h4>
                                                <p class="partfullamtpaid">
                                                    {{ __('static.egp') }} {{ $order->wallet ? $order->wallet : 0 }}</p>
                                            </li>

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

                                <div class="row mt-3">
                                    <div class="col-md-12 col-12">
                                        <ul class="ideastatusbar payment-structure">
                                            <li class="completed">
                                                <h4>{{ __('static.paid_tip_amount') }}</h4>
                                                <p class="partfullamtpaid">
                                                    {{ __('static.egp') }}
                                                    {{ $order->tip_amount ? $order->tip_amount : 0 }}</p>
                                            </li>
                                            <li class="completed">
                                                <h4>{{ __('label.amount_paid') }}</h4>
                                                <p>{{ __('static.egp') }}
                                                    {{ $order->total_paid ? $order->total_paid : 0 }}</p>
                                            </li>
                                            <li class="completed">
                                                <h4>{{ __('label.balance_amount') }}</h4>
                                                <p>{{ __('static.egp') }}
                                                    {{ $order->balance_amount ? $order->balance_amount : 0 }}</p>
                                            </li>
                                            <li class="completed">
                                                <h4>{{ __('label.total_amount') }}</h4>
                                                <p class="partfullamtpaid">
                                                    {{ __('static.egp') }}
                                                    {{ $order->payable_amount ? $order->payable_amount : 0 }}</p>
                                            </li>
                                        </ul>

                                    </div>
                                </div>

                                <div class="row mt-3">
                                    <div class="col-md-12 col-12">
                                        <ul class="ideastatusbar payment-structure">
                                            <li>
                                                <div class="badge-new badge-new-danger">
                                                    {{ $order->payment_status ? __('static.' . $order->payment_status) : '' }}
                                                </div>

                                                @if ($order->payment_mode == App\Helpers\ConstantHelper::ONLINE)
                                                    <a href="#pay-tip" data-toggle="modal" class="paynoepoart"><i
                                                            class="far fa-credit-card"></i>
                                                        @if ($order->balance_amount > 0)
                                                            Pay Now
                                                        @else
                                                            +Tip Amount
                                                        @endif
                                                    </a>
                                                @endif
                                            </li>
                                        </ul>

                                    </div>
                                </div>
                            @endif

                            @if ($order->status == App\Helpers\ConstantHelper::CANCELLED)
                                <div class="row mt-3">
                                    <div class="col-md-12 col-12">
                                        <ul class="ideastatusbar payment-structure">
                                            <li class="completed">
                                                <h4>{{ __('label.amount_paid') }}</h4>
                                                <p>{{ __('static.egp') }}
                                                    {{ $order->total_paid ? $order->total_paid + $order->wallet : 0 }}
                                                </p>
                                            </li>
                                            <li class="completed">
                                                <h4>{{ __('label.refund_amount') }}</h4>
                                                <p>{{ __('static.egp') }}
                                                    {{ $order->refund_amount ? $order->refund_amount : 0 }}</p>
                                            </li>
                                            <li class="completed">
                                                <h4>{{ __('label.cancellation_charges') }}</h4>
                                                <p class="partfullamtpaid">
                                                    {{ __('static.egp') }}
                                                    {{ $order->business_user_value + $order->admin_value }}</p>
                                            </li>
                                            <li>
                                                <div class="badge-new badge-new-danger">
                                                    {{ $order->status ? __('static.' . $order->status) : '' }}
                                                </div>
                                            </li>
                                        </ul>

                                    </div>
                                </div>
                            @endif


                            <div class="status-contentbox">
                                <div class="row">
                                    <div class="col-md-6 col-6">
                                        <h6>{{__('static.status')}}</h6>
                                    </div>
                                    <div class="col-md-6 col-6 text-right">
                                    </div>
                                </div>
                                <div class="row mt-3">
                                    <div class="col-md-12 col-12">

                                        <ul class="ideastatusbar">
                                            @forelse ($order->orderStatusLogs as $key => $log)
                                                <li class="completed">
                                                    <div class="ideadefstat"><span>{{ $key + 1 }}</span></div>
                                                    <h4>{{ __('static.' . $log->status) }}</h4>
                                                    <p>{{ date('d-m-Y', strtotime($log->date)) }}
                                                        {{ App\Helpers\GeneralHelper::timeFormat($log->created_at) }}
                                                    </p>
                                                </li>
                                            @empty
                                            @endforelse
                                        </ul>

                                    </div>
                                </div>
                            </div>
                            @if ($order->description)
                                <div class="d-flex justify-content-center align-items-center mt-2">
                                    <div style="width: 43%;border-top: 1px solid #eee;"></div>
                                    <div style="width: 14%;">
                                        <h6>{{ __('static.booking_remarks') }}</h6>
                                    </div>
                                    <div style="width: 43%;border-top: 1px solid #eee;"></div>
                                </div>
                                <p class="my-1">
                                    {{ $order->description }}
                                </p>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- BEGIN: Paytip Modal-->
    @include('layouts.modals.pay-tip', [
        'order' => $order,
    ])
    <!-- END: Paytip Modal-->
@endsection

@section('script')
    <script>
        $('#isCheckTip').change(function() {
            if ($(this).is(':checked')) {
                $('#tip-amount-div').show();
            } else {
                $('#tip-amount-div').hide();
            }
        });
    </script>
@endsection