@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.book_your_appointment') }}</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="services-tabs">

                        <div class="tab-content" id="nav-tabContent">
                            @include('customer.book-appoinment.nav-bar')
                            <div class="row justify-content-center">
                                <div class="col-md-8">
                                    <div class="p-3 my-4">
                                        <div class="bnooking-help-txt">
                                            <h6><i class="far fa-thumbs-up"></i>
                                                {{ __('static.your_booking_has_been_confirmed') }}
                                                {{ date('d-m-Y', strtotime($order->date)) }}
                                                {{ __('static.please_verify_details') }}</h6>
                                            <p>{{ __('static.we_will_send_booking_details') }}
                                                {{ auth()->user()->email }}</p>
                                        </div>

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

                                                <ul class="ideastatusbar payment-structure">
                                                    <li class="completed">
                                                        <h4>{{ __('static.services') }}</h4>
                                                        <p>
                                                            @foreach ($order->services as $service)
                                                                {{ $locale == App\Helpers\ConstantHelper::ARABIC ? $service->name_ar : $service->name_en }}
                                                                @unless ($loop->last)
                                                                    ,
                                                                @endunless
                                                            @endforeach
                                                        </p>
                                                    </li>
                                                    <li class="completed">
                                                        <h4>{{ __('label.artist_business') }}</h4>
                                                        <p>{{ $locale == App\Helpers\ConstantHelper::ARABIC ? $order->branch->name_ar : $order->branch->name_en }}
                                                        </p>
                                                    </li>
                                                    <li class="completed">
                                                        <h4>{{ __('label.date') }}</h4>
                                                        <p>{{ date('d-m-Y', strtotime($order->date)) }}</p>
                                                    </li>
                                                    <li class="completed">
                                                        <h4>{{ __('label.Appointment Time') }}</h4>
                                                        <p>{{ App\Helpers\GeneralHelper::timeFormat($order->start_time) }}-{{ App\Helpers\GeneralHelper::timeFormat($order->end_time) }}
                                                        </p>
                                                    </li>
                                                </ul>

                                            </div>
                                        </div>

                                        <div class="border-bottom mt-3 mb-2"></div>

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

                                                <ul class="ideastatusbar payment-structure">
                                                    <li class="completed">
                                                        <h4>{{ __('label.amount_paid') }}</h4>
                                                        <p>{{ __('static.egp_amount', ['amount' => $order->total_paid + $order->wallet]) }}
                                                        </p>
                                                    </li>
                                                    <li class="completed">
                                                        <h4>{{ __('label.balance_amount') }}</h4>
                                                        <p>{{ __('static.egp_amount', ['amount' => $order->balance_amount]) }}
                                                        </p>
                                                    </li>
                                                    <li class="completed">
                                                        <h4>{{ __('label.total_amount') }}</h4>
                                                        <p class="partfullamtpaid">
                                                            {{ __('static.egp_amount', ['amount' => $order->payable_amount]) }}
                                                        </p>
                                                    </li>
                                                    <li>
                                                        @if ($order->payment_status == 'paid')
                                                            <div class="badge-new badge-new-success">
                                                                {{ $order->payment_status ? __('static.' . $order->payment_status) : '' }}
                                                            </div>
                                                        @else
                                                            <div class="badge-new badge-new-danger">
                                                                {{ $order->payment_status ? __('static.' . $order->payment_status) : '' }}
                                                            </div>
                                                        @endif
                                                    </li>
                                                </ul>

                                            </div>
                                        </div>


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

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

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

                                    <div class="d-flex mt-4 justify-content-between">
                                        <a href="{{ url('/book-appointments') }}" class="btn btn-outline-secondary">
                                            <i class="fas fa-chevron-left mr-1"></i> {{ __('static.back') }}
                                        </a>
                                        <a href="{{ url('/home') }}" class="btn btn-primary"><i
                                                class="fas fa-chevron-right mr-1"></i>
                                            {{ __('label.finished') }}</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>
@endsection

@section('script')
@endsection