<?php $__env->startSection('panel'); ?>
    <div class="row gy-4 booking-wrapper">
        <div class="col-xxl-8 col-xl-6">
            <div class="card">
                <div class="card-header d-flex gap-2 flex-wrap justify-content-between">
                    <div class="card-title d-flex justify-content-between booking-info-title mb-0">
                        <h5><?php echo app('translator')->get('Booking Information'); ?></h5>
                    </div>
                    <div>
                        <span class="fas fa-circle text--danger" disabled></span>
                        <span class="mr-5"><?php echo app('translator')->get('Booked'); ?></span>
                        <span class="fas fa-circle text--success"></span>
                        <span class="mr-5"><?php echo app('translator')->get('Selected'); ?></span>
                        <span class="fas fa-circle text--primary"></span>
                        <span><?php echo app('translator')->get('Available'); ?></span>
                    </div>
                </div>

                <div class="card-body">

                    <div class="d-flex flex-wrap gap-3 justify-content-between mb-1">
                        <div class="d-flex flex-column mb-3">
                            <h6 class="text--primary"><?php echo e($bookingRequest->roomType->name); ?></h6>
                            <small class="text-muted"><?php echo app('translator')->get('Room Type'); ?></small>
                        </div>

                        <div class="d-flex flex-column mb-3">
                            <h6><?php echo e($bookingRequest->user->fullname); ?></h6>
                            <small class="text-muted"><?php echo app('translator')->get('Guest Name'); ?></small>
                        </div>

                        <div class="d-flex flex-column mb-3">
                            <h6>+<?php echo e($bookingRequest->user->mobile); ?></h6>
                            <small class="text-muted"><?php echo app('translator')->get('Mobile'); ?></small>
                        </div>

                        <div class="d-flex flex-column">
                            <h6><?php echo e($bookingRequest->user->email); ?></h6>
                            <small class="text-muted"><?php echo app('translator')->get('Email'); ?></small>
                        </div>
                    </div>

                    <div class="alert alert-info room-assign-alert p-3" role="alert"></div>
                    <div class="bookingInfo"></div>
                </div>
            </div>
        </div>
        <div class="col-xxl-4 col-xl-6 ">

            <div class="card">
                <div class="card-header">
                    <div class="card-title mb-0">
                        <h5><?php echo app('translator')->get('Book Room'); ?></h5>
                    </div>
                </div>
                <div class="card-body">

                    <input form="confirmation-form" name="booking_request_id" type="hidden" value="<?php echo e($bookingRequest->id); ?>">

                    <div class="orderList d-none">
                        <ul class="list-group list-group-flush orderItem">
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                <h6><?php echo app('translator')->get('Room'); ?></h6>
                                <h6><?php echo app('translator')->get('Days'); ?></h6>
                                <h6><?php echo app('translator')->get('Fare'); ?></h6>
                                <h6><?php echo app('translator')->get('Total'); ?></h6>
                            </li>
                        </ul>
                        <div class="d-flex justify-content-between align-items-center border-top p-2 px-3">
                            <span><?php echo app('translator')->get('Grand Total'); ?></span>
                            <span class="totalFare" data-amount="0"></span>
                        </div>
                        <div class="d-flex justify-content-between align-items-center border-top p-2 px-3">
                            <span><?php echo e(gs()->tax_name); ?> <small>(<?php echo e(gs()->tax); ?>%)</small></span>
                            <span><span class="taxCharge"><?php echo e(showAmount($bookingRequest->tax_charge, currencyFormat:false)); ?></span> <?php echo e(gs()->cur_text); ?></span>
                            <input name="tax_charge" type="hidden">
                        </div>
                        <div class="d-flex justify-content-between align-items-center border-top p-2 px-3">
                            <span><?php echo app('translator')->get('Total Fare'); ?></span>
                            <span class="grandTotalFare"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="paid_amount"><?php echo app('translator')->get('Paying Amount'); ?></label>
                        <div class="input-group">
                            <input class="form-control" form="confirmation-form" id="paid_amount" min="0" name="paid_amount" step="any" type="number">
                            <span class="input-group-text"><?php echo e(__(gs()->cur_text)); ?></span>
                        </div>
                    </div>

                    <?php $hasPermission = App\Models\Role::hasPermission('admin.request.booking.assign.room')  ? 1 : 0;
            if($hasPermission == 1): ?>
                        <button class="btn btn--primary w-100 h-45 btn-book confirmationBtn" data-action="<?php echo e(route('admin.request.booking.assign.room')); ?>" data-question="<?php echo app('translator')->get('Are you sure to book these rooms?'); ?>" type="button"><?php echo app('translator')->get('Book Now'); ?></button>
                    <?php endif ?>

                </div>
            </div>
        </div>
    </div>
    <?php if (isset($component)) { $__componentOriginalbd5922df145d522b37bf664b524be380 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalbd5922df145d522b37bf664b524be380 = $attributes; } ?>
<?php $component = App\View\Components\ConfirmationModal::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('confirmation-modal'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\App\View\Components\ConfirmationModal::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginalbd5922df145d522b37bf664b524be380)): ?>
<?php $attributes = $__attributesOriginalbd5922df145d522b37bf664b524be380; ?>
<?php unset($__attributesOriginalbd5922df145d522b37bf664b524be380); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalbd5922df145d522b37bf664b524be380)): ?>
<?php $component = $__componentOriginalbd5922df145d522b37bf664b524be380; ?>
<?php unset($__componentOriginalbd5922df145d522b37bf664b524be380); ?>
<?php endif; ?>
<?php $__env->stopSection(); ?>

<?php $__env->startPush('breadcrumb-plugins'); ?>
    <?php if (isset($component)) { $__componentOriginal3b9bf6c313f6db4d5c9389e5666c89a5 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal3b9bf6c313f6db4d5c9389e5666c89a5 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.back','data' => ['route' => ''.e(url()->previous()).'']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('back'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['route' => ''.e(url()->previous()).'']); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal3b9bf6c313f6db4d5c9389e5666c89a5)): ?>
<?php $attributes = $__attributesOriginal3b9bf6c313f6db4d5c9389e5666c89a5; ?>
<?php unset($__attributesOriginal3b9bf6c313f6db4d5c9389e5666c89a5); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal3b9bf6c313f6db4d5c9389e5666c89a5)): ?>
<?php $component = $__componentOriginal3b9bf6c313f6db4d5c9389e5666c89a5; ?>
<?php unset($__componentOriginal3b9bf6c313f6db4d5c9389e5666c89a5); ?>
<?php endif; ?>
<?php $__env->stopPush(); ?>

<?php $__env->startPush('style'); ?>
    <style>
        .booking-table td {
            white-space: unset;
        }
    </style>
<?php $__env->stopPush(); ?>

<?php $__env->startPush('script'); ?>
    <script>
        (function($) {
            "use strict";

            let roomListHtml = <?php echo json_encode($view, 15, 512) ?>;
            $('.bookingInfo').html(roomListHtml);

            $('[name=paid_amount]').on('keypress', function(e) {
                if (e.keyCode === 13) {
                    e.preventDefault();
                    $('.confirmationBtn').click();
                }
            })
        })(jQuery);
    </script>
<?php $__env->stopPush(); ?>

<?php echo $__env->make('admin.layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/ryanupiz/pan.ryangroups.com/hotel/viserhotel/Files/core/resources/views/admin/booking/request_approve.blade.php ENDPATH**/ ?>