@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>#{{ isset($order->order_no) ? $order->order_no : '' }}</h4>
                            {{-- <p class="page-sub-head">{{ __('admin.booking_details') }}</p> --}}

                        </div>
                        <div class="col-md-4 text-sm-right mt-3">
                            <a href="javascript:history.back()" class="btn-md py-2 px-3 btn-secondary"><i
                                    class="fa fa-chevron-circle-left"></i> {{ __('label.back') }}</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-8">
                    <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">{{ __('admin.order_details') }}</a><span
                                    class="badge {{ $order->status == App\Helpers\ConstantHelper::REJECTED ? 'badge-danger' : 'badge-warning' }} ml-2 mt-2">{{ isset($order->status) ? __('static.'.$order->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-6 col-lg-4">
                                            <div class="form-group">
                                                <label class="mb-0">{{ __('admin.booking_no') }}</label>
                                                <p class="mt-0">{{ isset($order->order_no) ? $order->order_no : '' }}</p>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-4">
                                            <div class="form-group">
                                                <label class="mb-0">{{ __('admin.branch_name') }}</label>
                                                <p class="mt-0">
                                                    {{ isset($order->branch->name_en) ? $order->branch->name_en : '' }}</p>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-4">
                                            <div class="form-group">
                                                <label class="mb-0">{{ __('admin.customer_name') }}</label>
                                                <p class="mt-0">
                                                    {{ isset($order->user->name) ? ucwords($order->user->name) : '' }}</p>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-4">
                                            <div class="form-group">
                                                <label class="mb-0">{{ __('admin.total_services') }}</label>
                                                <p class="mt-0">{{ $order->services->count() }}</p>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-4">
                                            <div class="form-group">
                                                <label class="mb-0">{{ __('admin.booking_date') }}</label>
                                                <p class="mt-0">
                                                    {{ isset($order->date) ? Modules\Admin\Helpers\GeneralHelper::dateFormat($order->date) : '-' }}
                                                </p>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-4">
                                            <div class="form-group">
                                                <label class="mb-0">{{ __('admin.booking_slot') }}</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-6 col-lg-4">
                                            <div class="form-group">
                                                <label class="mb-0">{{ __('admin.service') }}</label>
                                                <p class="mt-0">
                                                    @php
                                                        $serviceNames = $order->services->pluck('name_en')->implode(', ');
                                                        $serviceNamesAr = $order->services->pluck('name_ar')->implode(', ');
                                                    @endphp
                                                    {{ $locale == App\Helpers\ConstantHelper::ARABIC ? ($serviceNamesAr ? $serviceNamesAr : 'NA') : ($serviceNames ? $serviceNames : 'NA') }}

                                                </p>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-4">
                                            <div class="form-group">
                                                <label class="mb-0">{{ __('admin.amount') }}</label>
                                                <p class="mt-0">
                                                    {{ isset($order->total_paid) ? __('static.egp') . $order->total_paid : '' }}</p>
                                            </div>
                                        </div>

                                        <div class="col-md-6 col-lg-4">
                                            <div class="form-group">
                                                <label class="mb-0">{{ __('admin.staff_name') }}</label>
                                                <p class="mt-0">
                                                    {{ isset($order->staffUser->name) ? $order->staffUser->name : '' }}
                                                </p>
                                            </div>
                                        </div>

                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label class="mb-0">{{ __('admin.address') }}</label>
                                                <p class="mt-0">{{ isset($order->address) ? $order->address : '' }} <a
                                                        href="#" class="text-orange f-12">Click to View</a></p>
                                            </div>
                                        </div>

                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label class="mb-0">{{ __('admin.remarks') }}</label>
                                                <p class="mt-0">
                                                    {{ isset($order->description) ? $order->description : '' }}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="mt-3">
                        <a href="javascript:history.back()" class="btn btn-secondary"><i class="fa fa-undo"></i>
                            {{ __('label.back') }}</a>
                        {{-- <button class="btn btn-warning" data-target="#acceptorder" data-toggle="modal"><i class="fa fa-check-square-o"></i> Accept</button> --}}
                        @if (Auth::user()->hasPermission('admin.bookings.render-reject-modal'))
                            @if ($order->status != 'completed' && $order->status != 'cancelled' && $order->status != 'rejected')
                                <a href="#rejectorder" class="btn btn-danger"
                                    data-url="/admin/bookings/render-reject-modal/{{ $order->id }}"
                                    onclick="setRejectModal(this)" data-toggle="modal"><i class="fa fa-close"></i>
                                    {{ __('admin.reject') }}</a>
                            @endif
                        @endif
                        @if (Auth::user()->hasPermission('admin.bookings.staffs'))
                            @if ($order->status != 'completed' && $order->status != 'cancelled' && $order->status != 'rejected')
                                <a href="#assignorder" class="btn btn-primary"
                                    data-url="/admin/bookings/staffs/{{ $order->id }}"
                                    onclick="setAssignStaffModal(this)" data-toggle="modal"><i
                                        class=" fa fa-user-circle-o"></i> {{ __('admin.assign_staff') }}</a></li>
                            @endif
                        @endif
                        @if (Auth::user()->hasPermission('admin.bookings.reschedule'))
                            @if ($order->status != 'completed' && $order->status != 'cancelled' && $order->status != 'rejected')
                                <a href="#rescduleorder" class="btn btn-info reschedule-modal"
                                    data-url="/admin/bookings/reschedule/{{ $order->id }}"
                                    onclick="rescheduleModal(this)" data-toggle="modal"><i class="fa fa-calendar"></i>
                                    {{ __('admin.re-schedule') }} </a>
                            @endif
                        @endif
                    </div>

                </div>
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-header" id="headingOne">
                            <h5 class="mb-0">
                                <button class="btn btn-link text-black shadow-none pl-0 pb-0 staturightghead">
                                    {{ __('admin.booking_history') }}
                                </button>
                            </h5>
                        </div>

                        <div class="card-body">
                            <div class="tree-app">
                                <ul role="tree">
                                    <div id="scroll-history">
                                        @foreach ($orderStatusLogs as $date => $orderStatusLog)
                                            <li class="parent_li" role="treeitem"><span class="" title="">
                                                    <i class="fa fa-lg fa-folder-open"></i> <strong>
                                                        {{ __('label.date') }}:
                                                        {{ Modules\Admin\Helpers\GeneralHelper::dateFormat($date) }}</strong></span>
                                                @foreach ($orderStatusLog as $log)
                                                    <ul role="group">
                                                        <li class="parent_li" role="treeitem">
                                                            <span class="label label-danger" title="">
                                                                <i class="fa fa-lg fa-minus-circle"></i>
                                                                <strong>
                                                                    @php
                                                                        $startTime = \Carbon\Carbon::parse($log->start_time);
                                                                        $endTime = \Carbon\Carbon::parse($log->end_time);
                                                                    @endphp
                                                                    <span
                                                                        class="text-orange">{{ isset($log->createdBy->name) ? $log->createdBy->name : '' }}</span>
                                                                    has {{ str_replace('_', ' ', ucwords($log->status)) }}
                                                                    a
                                                                    {{ $log->status == App\Helpers\ConstantHelper::CONFIRMED ? 'Slot' : 'Booking' }}
                                                                    for
                                                                    {{ $serviceNames ? $serviceNames : 'NA' }}, @
                                                                    {{ $startTime->format('h:i A') }}-{{ $endTime->format('h:i A') }}
                                                                </strong>
                                                            </span>
                                                        </li>

                                                    </ul>
                                                @endforeach
                                            </li>
                                        @endforeach
                                    </div>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    {{-- reject --}}
    @if (Auth::user()->hasPermission('admin.bookings.rejected'))
        <div class="modal fade" id="rejectorder" tabindex="-1" role="dialog" aria-labelledby="loginpopupTitle"
            aria-hidden="true">
            <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
                <div class="modal-content bg-light modalPad" id="reject-form-data">
                </div>
            </div>
        </div>
    @endif

    {{-- reschedule --}}
    @if (Auth::user()->hasPermission('admin.bookings.reschedule'))
        <div class="modal fade" id="rescduleorder" tabindex="-1" role="dialog" aria-labelledby="loginpopupTitle"
            aria-hidden="true">
            <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
                <div class="modal-content bg-light modalPad" id="reschedule-form-data">
                </div>
            </div>
        </div>
    @endif

    {{-- assign staff --}}
    @if (Auth::user()->hasPermission('admin.bookings.staffs'))
        <div class="modal fade" id="assignorder" tabindex="-1" role="dialog" aria-labelledby="loginpopupTitle"
            aria-hidden="true">
            <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
                <div class="modal-content bg-light modalPad" id="staff-list">

                </div>
            </div>
        </div>
    @endif
@endsection

@section('script')
    <script>
        // assign staff
        function setAssignStaffModal(element) {
            var $url = $(element).attr("data-url");
            $.ajax({
                url: app_url + $url,
                type: 'GET',
                cache: false,
                datatype: 'html',
                success: function(data) {
                    $('#staff-list').html(data.data);
                }
            });
        }

        // reject orders

        $(document).ready(function() {
            $('.open-modal').click(function() {
                var orderId = $(this).data('id');
                $('#order_id').val(orderId);
            });
        });

        //reschedule modal
        function rescheduleModal(element) {
            var $url = $(element).attr("data-url");
            $.ajax({
                url: app_url + $url,
                type: 'GET',
                cache: false,
                datatype: 'html',
                success: function(data) {
                    $('#reschedule-form-data').html(data.data);
                }
            });
        }

        //reject modal
        function setRejectModal(element) {
            var $url = $(element).attr("data-url");
            $.ajax({
                url: app_url + $url,
                type: 'GET',
                cache: false,
                datatype: 'html',
                success: function(data) {
                    $('#reject-form-data').html(data.data);
                }
            });
        }
    </script>
@endsection