@extends('admin::layouts.app')
@section('content')
    <section class="content mb-5">
        <div class="container-fluid">


            <div class="row titlepad">
                <div class="col-md-12">
                    <div class="mt-3 mb-3">
                        <div class="dashbed-border-bottom"></div>
                    </div>
                    <div class="row">
                        <div class="col-sm-8">
                            <h4>#{{ $order->order_no }}</h4>
                            <p class="page-sub-head">Invoice Details</p>

                        </div>
                        <div class="col-md-4 text-sm-right mt-3">
                            <a href="/admin/financials/pdf/{{ $order->id }}" target="_blank"
                                class="btn-md py-2 px-3 btn-primary"><i class="fa fa-print"></i> Print</a>
                            <a href="javascript:history.back()" class="btn-md px-3 py-2 btn-secondary"><i
                                    class="fa fa-chevron-circle-left"></i> Back</a>
                        </div>

                    </div>

                </div>
            </div>


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

                    <div id="accordion" class="accordion accordion-app">
                        <div class="card mb-0">
                            <div class="card-header" data-toggle="collapse" href="#agreement" aria-expanded="false">
                                <a href="#" class="card-title text-black">Invoice Details </a><span
                                    class="badge  @if ($order->payment_status == App\Helpers\ConstantHelper::PAID) badge-success @elseif ($order->payment_status == App\Helpers\ConstantHelper::UNPAID) badge-danger @else badge-warning @endif ml-2 mt-2">{{ ucwords($order->payment_status) }}</span>
                            </div>
                            <div id="agreement1" class="card-body collapse show" data-parent="#accordion" style="">
                                <div class="loa-detail-labelw">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label class="mb-0">Invoice No</label>
                                                <p class="mt-0">{{ $order->order_no }}</p>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label class="mb-0">Date</label>
                                                <p class="mt-0">
                                                    {{ date('d-m-Y', strtotime($order->date)) }}
                                                </p>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label class="mb-0">Time</label>
                                                <p class="mt-0">
                                                    {{ date('h:i A', strtotime($order->start_time)) }} to
                                                    {{ date('h:i A', strtotime($order->end_time)) }}
                                                </p>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label class="mb-0">Payment Status</label>
                                                <p
                                                    class="mt-0 @if ($order->payment_status == App\Helpers\ConstantHelper::PAID) text-success @elseif ($order->payment_status == App\Helpers\ConstantHelper::UNPAID) text-danger @else text-warning @endif">
                                                    {{ ucwords($order->payment_status) }}</p>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label class="mb-0">Staff Name</label>
                                                <p class="mt-0">
                                                    {{ isset($order->staffUser->name) ? $order->staffUser->name : '' }}</p>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label class="mb-0">Service Type</label>
                                                <p class="mt-0">
                                                    {{ isset($order->serviceType->service_en) ? $order->serviceType->service_en : '' }}
                                                </p>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label class="mb-0">Customer Name</label>
                                                <p class="mt-0">
                                                    {{ @$order['user_detail']['first_name'] . ' ' . @$order['user_detail']['last_name'] }}
                                                    ({{ @$order['user_detail']['mobile_code'] }}
                                                    {{ @$order['user_detail']['mobile_number'] }})</p>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label class="mb-0">Services</label>
                                                <p class="mt-0">
                                                    @foreach ($order['orderItems'] as $item)
                                                        {{ $item['service_detail']['name_en'] }}
                                                        @unless ($loop->last)
                                                            ,
                                                        @endunless
                                                    @endforeach
                                                </p>
                                            </div>
                                        </div>

                                    </div>

                                    <div class="row">
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label class="mb-0">Payment Mode</label>
                                                <p class="mt-0">{{ ucwords($order->payment_mode) }}</p>
                                            </div>
                                        </div>

                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label class="mb-0">Service Amount</label>
                                                <p class="mt-0">{{ 'EGP ' . $order->total_amount }}</p>
                                            </div>
                                        </div>
                                        @if ($order->tip_amount > 0)
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="mb-0">Tip</label>
                                                    <p class="mt-0">{{ 'EGP ' . $order->tip_amount }}</p>
                                                </div>
                                            </div>
                                        @endif
                                        @if ($order->wallet > 0)
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="mb-0">Paid by Wallet</label>
                                                    <p class="mt-0">{{ 'EGP ' . $order->wallet }}</p>
                                                </div>
                                            </div>
                                        @endif
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label class="mb-0">Total Paid Amount</label>
                                                <p class="mt-0">
                                                    {{ 'EGP ' . $order->total_paid + $order->tip_amount + $order->wallet }}
                                                </p>
                                            </div>
                                        </div>
                                        @if ($order->status == App\Helpers\ConstantHelper::CANCELLED)
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="mb-0">Cancelled At</label>
                                                    <p class="mt-0">
                                                        {{ date('d-m-Y h:i A', strtotime($order->updated_at)) }}
                                                    </p>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="mb-0">Cancellation Charge</label>
                                                    <p class="mt-0">
                                                        {{ $order->settlement_percentage . '%' }}
                                                    </p>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="mb-0">Refund Fee</label>
                                                    <p class="mt-0">
                                                        {{ 'EGP ' . $order->admin_value + $order->business_user_value }}
                                                    </p>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="mb-0">Refund Amount</label>
                                                    <p class="mt-0">
                                                        {{ 'EGP ' . $order->refund_amount }}
                                                    </p>
                                                </div>
                                            </div>
                                        @endif
                                    </div>
                                    <div class="row bg-light pt-3 rounded">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label class="mb-0">Total Services</label>
                                                <p class="mt-0 bg-light">
                                                    <strong>{{ count($order->orderItems) }}</strong>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label class="mb-0">Total Service Amount</label>
                                                <p class="mt-0 bg-light">
                                                    <strong>{{ 'EGP ' . $order->total_amount }}</strong>
                                                </p>
                                            </div>
                                        </div>


                                        {{-- <div class="col-md-3">
                                            <div class="form-group">
                                                <label class="mb-0">Total Tip</label>
                                                <p class="mt-0 bg-light">{{ 'EGP ' . $order->tip_amount }}</p>
                                            </div>
                                        </div> --}}
                                        @if ($order->status == App\Helpers\ConstantHelper::CANCELLED)
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label class="mb-0">Refund Amount</label>
                                                    <p class="mt-0 bg-light">
                                                        {{ 'EGP ' . $order->refund_amount }}
                                                    </p>
                                                </div>
                                            </div>
                                        @else
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label class="mb-0">Total Paid</label>
                                                    <p class="mt-0 bg-light">
                                                        {{ 'EGP ' . $order->total_paid + $order->tip_amount + $order->wallet }}
                                                    </p>
                                                </div>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('script')
@endsection