@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) ? ucwords(str_replace("_", " ", $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.customer_name') }}</label>
                                            <p class="mt-0">{{ isset($order->user->name) ? $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">{{ $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.services') }}</label>
                                            <p class="mt-0">
                                            @php
                                                $serviceNames = $order->services->pluck('name_en')->implode(', ');
                                            @endphp
                                            {{ $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) ? $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>
                <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> 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
                                                                $time = \Carbon\Carbon::parse($log->start_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' }}, @ {{ $time->format('h:i A'); }}
                                                        </strong>
                                                    </span>
                                                </li>
                                            </ul>
                                            @endforeach
                                        </li>
                                        @endforeach
                                    </div>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</section>

   @include('admin::partials.modals.booking-reject')

    {{-- 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>

    {{-- 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);
            }
        });
    }
</script>
@endsection