@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 align-items-end">
                <div class="col-md-8">
                    <div class="top-head">
                        <h2>{{ __('label.appointment_history') }}</h2>
                        <p class="top-sub-ttile">
                            {{ __('static.showing_list', ['value1' => $orders->firstItem(), 'value2' => $orders->lastItem(), 'value3' => $orders->total()]) }}
                        </p>
                        <button class="btn btn-primary btn-sm" data-target="#filter" data-toggle="modal"><i
                                class="fas fa-filter"></i> {{ __('label.filter') }}</button>
                    </div>
                </div>
                <div class="col-md-4">
                    <form method="get">
                        <input class="form-control searchinput" type="text" name="search" value="{{ $search }}"
                            placeholder="{{ __('label.search_appointment') }}..." onchange="this.form.submit()">
                    </form>
                </div>
            </div>
        </div>
    </section>

    <section class="py-2 py-sm-4">
        <div class="container">
            <div class="row">
                <div class="col-md-12">

                    <div style="overflow-x: unset" class="table-responsive bg-white">
                        <table class="table table-striped table-bordered admintable border-0" cellspacing="0"
                            cellpadding="0">
                            <tbody>
                                <tr>
                                    <th>#</th>
                                    <th>{{ __('static.order_id') }}</th>
                                    <th>{{ __('label.artist_business') }}</th>
                                    <th>{{ __('static.assigned_to') }}</th>
                                    <th>{{ __('label.service') }}</th>
                                    <th>{{ __('label.amount') }}</th>
                                    <th>{{ __('label.date_time') }}</th>
                                    <th>{{ __('label.payment_status') }}</th>
                                    <th>{{ __('label.service_status') }}</th>
                                    <th>{{ __('label.action') }}</th>
                                </tr>

                                @forelse ($orders as $key => $order)
                                    <tr>
                                        <td>{{ ($orders->currentPage() - 1) * $orders->perPage() + $key + 1 }}</td>
                                        <td>{{ $order->order_no }}</td>
                                        <td>
                                            <div class="user-sectiontd">
                                                <div>
                                                    <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="logo">
                                                </div>
                                                <h2>{{ isset($order->branch->companyProfile->company_name) ? $order->branch->companyProfile->company_name : (isset($order->branchOwner->name) ? $order->branchOwner->name : '') }}<br /><span>{{ @$order->branch->address }}
                                                        ({{ round($order->branch->distance) . 'Km' }})
                                                    </span></h2>
                                            </div>
                                        </td>
                                        <td>{{ isset($order->staffUser->name) ? $order->staffUser->name : '' }}</td>
                                        <td><span class="badge badge-secondary">
                                                @foreach ($order->services as $service)
                                                    {{ $locale == App\Helpers\ConstantHelper::ARABIC ? $service->name_ar : $service->name_en }}
                                                    @unless ($loop->last)
                                                </span> <span class="badge badge-secondary">
                                                @endunless
                                @endforeach
                                </span>
                                </td>
                                <td><span class="badge badge-secondary">{{ 'EGP ' . $order->payable_amount }}</td>
                                <td>{{ date('d-m-Y', strtotime($order->date)) }}<br />{{ App\Helpers\GeneralHelper::timeFormat($order->start_time) }}
                                    to {{ App\Helpers\GeneralHelper::timeFormat($order->end_time) }}</td>
                                <td>
                                    @if ($order->payment_status == 'paid')
                                        <span class="badge bad-status badge-success">{{ __('static.fully_paid') }}</span>
                                    @elseif($order->payment_status == 'unpaid')
                                        <span class="badge bad-status badge-secondary">{{ __('static.unpaid') }}</span>
                                    @else
                                        <span class="badge bad-status badge-warning">{{ __('static.partial_paid') }}</span>
                                    @endif
                                </td>
                                @php
                                    if ($order->status == App\Helpers\ConstantHelper::CANCELLED) {
                                        $class = 'badge-new-danger';
                                    } elseif ($order->status == App\Helpers\ConstantHelper::PENDING) {
                                        $class = 'badge-new-secondary';
                                    } else {
                                        $class = 'badge-new-success';
                                    }
                                @endphp
                                <td><span
                                        class="badge-new {{ $class }}">{{ __('static.' . $order->status) }}</span>
                                </td>
                                <td>
                                    <div class="dropdown tableappaction">
                                        <button class="btn dropdown-toggle p-0" data-toggle="dropdown" type="button"
                                            id="dropdownMenuButton" aria-haspopup="true" aria-expanded="false">
                                            <img src="/assets/images/dot.svg" />
                                        </button>
                                        <div class="dropdown-menu tableaction" aria-labelledby="dropdownMenuButton">
                                            <ul>
                                                <li><a href="/appointments/show/{{ $order->id }}"><i
                                                            class="far fa-eye"></i> {{ __('static.view_details') }}</a>
                                                </li>
                                                @if ($order->status == App\Helpers\ConstantHelper::COMPLETED)
                                                    @if (!isset($order->orderFeedack))
                                                        <li><a href="#feedback"
                                                                onclick="setFeedbackModal('{{ $order->id }}')"><i
                                                                    class="far fa-comment-dots"></i>
                                                                {{ __('static.feedback') }}</a></li>
                                                    @endif
                                                    @if (!isset($order->orderReport))
                                                        <li><a href="#report"
                                                                onclick="setReportModal('{{ $order->id }}')"><i
                                                                    class="fas fa-exclamation-triangle"></i>
                                                                {{ __('static.report') }}</a></li>
                                                    @endif
                                                @endif
                                                @if (
                                                    $order->status == App\Helpers\ConstantHelper::CONFIRMED ||
                                                        $order->status == App\Helpers\ConstantHelper::PENDING ||
                                                        $order->status == App\Helpers\ConstantHelper::RE_SCHEDULED)
                                                    <li>
                                                        <a href="javascript:;" data-reload="true"
                                                            data-request="ajax-submit-confirm"
                                                            data-title="{{ __('static.alert') }}" data-action="post"
                                                            data-message="{{ __('static.are_you_sure_you_want_to_cancel_this_appointment') }}"
                                                            data-cancel="{{ __('static.cancel') }}"
                                                            data-submit="{{ __('static.yes_please') }}"
                                                            data-url="/api/appointments/cancel/{{ $order->id }}"><i
                                                                class="fa fa-close"></i>
                                                            {{ __('static.cancel') }}</a>
                                                    </li>

                                                    @php
                                                        $startDateTime = Carbon\Carbon::parse($order->date . ' ' . $order->start_time);
                                                        $minCancellationDateTime = $startDateTime->copy()->subHours(3);
                                                        $cancellationDateTime = Carbon\Carbon::now();
                                                        $isValid = $cancellationDateTime->greaterThanOrEqualTo($minCancellationDateTime);
                                                    @endphp
                                                    @if (!$isValid)
                                                        <li><a href="#reschedule"
                                                                onclick="setRescheduleModal('{{ $order->id }}')"><i
                                                                    class="fa fa-calendar"></i>
                                                                {{ __('static.re_schedule') }}</a></li>
                                                    @endif
                                                @endif
                                            </ul>
                                        </div>
                                    </div>
                                </td>
                                </tr>
                            @empty
                                <tr>
                                    <p>
                                        <center class="text-danger">{{ __('admin::message.no_records_found') }}
                                        </center>
                                    </p>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                        {{ $orders->appends(request()->input())->links('admin::partials.pagination') }}

                    </div>
                </div>
            </div>
        </div>
    </section>
    <section>
        @include('customer.appointment.filter-modal')

        {{-- Feedback --}}
        <div class="modal fade new-modal show" id="feedback" tabindex="-1" role="dialog"
            aria-labelledby="exampleModalLabelReport" aria-modal="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header align-items-center">
                        <h5 class="modal-title" id="exampleModalLabelReport">{{ __('static.feedback') }}</h5>
                        <button type="button" class="close close-btn-filter close-modal" data-dismiss="modal"
                            aria-label="Close">
                            <span aria-hidden="true"><i class="fa fa-times" aria-hidden="true"></i></span>
                        </button>
                    </div>
                    <div id="feedback-form-data"></div>
                </div>
            </div>
        </div>

        {{-- report --}}
        <div class="modal fade new-modal show" id="report" tabindex="-1" role="dialog"
            aria-labelledby="exampleModalLabelReport" aria-modal="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header align-items-center">
                        <h5 class="modal-title" id="exampleModalLabelReport">{{ __('static.report_an_artist') }}</h5>
                        <button type="button" class="close close-btn-filter close-modal" data-dismiss="modal"
                            aria-label="Close">
                            <span aria-hidden="true"><i class="fa fa-times" aria-hidden="true"></i></span>
                        </button>
                    </div>
                    <div id="report-form-data"></div>
                </div>
            </div>
        </div>

        {{-- reschedule --}}
        <div class="modal fade new-modal show" id="reschedule" tabindex="-1" role="dialog"
            aria-labelledby="exampleModalLabelReschedule" aria-modal="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header align-items-center">
                        <h5 class="modal-title" id="exampleModalLabelReschedule">
                            {{ __('static.re_schedule_appointment') }}</h5>
                        <button type="button" class="close close-btn-filter close-modal" data-dismiss="modal"
                            aria-label="Close">
                            <span aria-hidden="true"><i class="fa fa-times" aria-hidden="true"></i></span>
                        </button>
                    </div>
                    <div id="reschedule-form-data"></div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('script')
    <script>
        //cancel modal
        function setRescheduleModal(id) {
            $.ajax({
                url: app_url + '/appointments/render-reschedule-modal/' + id,
                type: 'GET',
                cache: false,
                datatype: 'html',
                success: function(data) {
                    $('#reschedule-form-data').html(data.data);
                    $('#reschedule').show();
                }
            });
        }

        function setReportModal(id) {
            $.ajax({
                url: app_url + '/appointments/render-report-modal/' + id,
                type: 'GET',
                cache: false,
                datatype: 'html',
                success: function(data) {
                    $('#report-form-data').html(data.data);
                    $('#report').show();
                }
            });
        }

        function setFeedbackModal(id) {
            $.ajax({
                url: app_url + '/appointments/render-feedback-modal/' + id,
                type: 'GET',
                cache: false,
                datatype: 'html',
                success: function(data) {
                    $('#feedback-form-data').html(data.data);
                    $('#feedback').show();
                }
            });
        }

        $('.close-modal').on("click", function() {
            $('#reschedule').hide();
            $('#report').hide();
            $('#feedback').hide();
        })
    </script>
@endsection