xXx

Hexid M1n1 5h3ll MobiLe

home/emberdemos/www/greg/saas-epmsv2/resources/views/booking/_[ Writable ]

File:/home/emberdemos/www/greg/saas-epmsv2/resources/views/booking/create.blade.php

@extends('layouts.app')
@section('page-title')
    {{ __('Booking') }}
@endsection
@section('breadcrumb')
    <ul class="breadcrumb mb-0">
        <li class="breadcrumb-item">
            <a href="{{ route('dashboard') }}">{{ __('Dashboard') }}</a>
        </li>
        <li class="breadcrumb-item active">
            <a href="{{ route('booking.index') }}">
                {{ __('Booking') }}
            </a>
        </li>
        <li class="breadcrumb-item active">
            <a href="#">
                {{ __('Create') }}
            </a>
        </li>
    </ul>
@endsection

@section('content')
    <div class="row">
        <div class="col-12">
            {{ Form::open(['url' => 'booking', 'method' => 'post']) }}
            <div class="card">
                <div class="card-body">

                    <div class="modal-body">
                        <div class="row">
                            <div class="form-group col-md-4">
                                {{ Form::label('customer_id', __('Customer'), ['class' => 'form-label']) }}
                                {{ Form::select('customer_id', $customers, null, ['class' => 'form-control select2', 'placeholder' => __('Select customer'), 'required' => 'required']) }}
                            </div>
                            <div class="form-group col-md-4">
                                {{ Form::label('check_in', __('Check In'), ['class' => 'form-label']) }}
                                {{ Form::dateTimeLocal('check_in', null, ['class' => 'form-control check-in', 'required' => 'required']) }}
                            </div>
                            <div class="form-group col-md-4">
                                {{ Form::label('check_out', __('Check Out'), ['class' => 'form-label']) }}
                                {{ Form::dateTimeLocal('check_out', null, ['class' => 'form-control check-out', 'required' => 'required']) }}
                            </div>
                            <div class="form-group col-md-4">
                                {{ Form::label('total_adults', __('Total Adults'), ['class' => 'form-label']) }}
                                {{ Form::number('total_adults', null, ['class' => 'form-control', 'placeholder' => 'Enter total adults ', 'required' => 'required']) }}
                            </div>
                            <div class="form-group col-md-4">
                                {{ Form::label('total_children', __('Total Children'), ['class' => 'form-label']) }}
                                {{ Form::number('total_children', null, ['class' => 'form-control', 'placeholder' => 'Enter total children ', 'required' => 'required']) }}
                            </div>
                        </div>
                    </div>

                </div>
            </div>

            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0 h6">{{ __('Room List') }}</h5>

                </div>
                <div class="card-body">

                    <div class="cdx-invoice">
                        <div class="body-invoice">
                            <table class="dataTable table-responsive">
                                <thead>
                                    <tr>
                                        <th>{{ __('Room Type') }}</th>
                                        <th>{{ __('Room Number') }}</th>
                                        <th>{{ __('Rate Type') }}</th>
                                        <th>{{ __('Price') }}</th>
                                        <th>{{ __('Tax') }}</th>
                                        <th>{{ __('Amount') }}</th>
                                        <th></th>
                                    </tr>
                                </thead>

                                <tbody id="invoice-items-body">
                                    <tr>
                                        @php
                                            $rowIndex = 0;
                                        @endphp
                                        <td>
                                            {!! Form::select('type_id[]', $roomType, null, [
                                                'class' => 'form-control room-type select2',
                                                'required' => 'required',
                                            ]) !!}
                                        </td>
                                        <td>
                                            {!! Form::select('room_id[]', [], null, [
                                                'class' => 'form-control room-number select2',
                                                'required' => 'required',
                                            ]) !!}
                                        </td>
                                        <td>
                                            {!! Form::select('rate_type[]', [], null, [
                                                'class' => 'form-control rate select2',
                                                'required' => 'required',
                                            ]) !!}
                                        </td>

                                        <td>
                                            {!! Form::number('price[]', null, ['class' => 'form-control price', 'required' => 'required']) !!}
                                        </td>

                                        <td>
                                            <select name="tax[0][]" class="form-control tax select2" multiple>
                                                {{-- @php $total_rate=0; @endphp --}}
                                                @foreach ($taxes as $key => $tax)
                                                    {{-- @php $total_rate+= $tax->rate; @endphp --}}
                                                    <option value="{{ $tax->id }}"
                                                        data-room-tax="{{ $tax->rate }}">
                                                        {{ $tax->title . '(' . $tax->rate . '%)' }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </td>
                                        <td>
                                            {!! Form::text('amount[]', null, ['class' => 'form-control amount', 'readonly' => 'readonly']) !!}
                                        </td>
                                        <td>

                                            <a href="javascript:void(0)" class="text-danger remove-row btn-sm ">
                                                <i data-feather='trash-2'></i>
                                            </a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <button type="button" id="add-item" class="btn btn-secondary mt-3">{{ __('Add Room') }}</button>

                        <div class="footer-invoice col-4 mt-3 float-end">
                            <table class="table">

                                <tr>
                                    <td>{{ __('Sub Total') }}:</td>
                                    <td class="sub_total">0</td>
                                    <input type="hidden" name="sub_total" class="sub_total" value="0">

                                </tr>
                                <tr>
                                    <td>{{ __('Tax Total') }}:</td>
                                    <td class="total_tax">0</td>
                                    <input type="hidden" name="total_tax" class="total_tax" value="0">
                                </tr>
                                <tr>
                                    <td class="pe-0 pt-0">
                                        <hr class="mb-3 mt-0">
                                        <h5 class="text-secondary m-r-10">{{ __('Grand Total') }} :</h5>
                                    </td>
                                    <td class="ps-0 pt-0">
                                        <hr class="mb-3 mt-0">
                                        <h5 class="text-secondary grand_total">0</h5>
                                        <input type="hidden" name="grand_total" class="grand_total" value="0">
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>

                </div>
            </div>
            <div class="float-end mb-3">

                {{ Form::submit(__('Create'), ['class' => 'btn btn-secondary ml-10']) }}
            </div>
            {{ Form::close() }}
        </div>
    </div>
@endsection
@push('script-page')
    <script>
        $(document).ready(function() {

            function calculateTotals() {
                let subTotal = 0;
                let totalTax = 0;

                let checkIn = $('.check-in').val();
                let checkOut = $('.check-out').val();

                let durationDays = 1;
                let durationHours = 1;

                if (checkIn && checkOut) {
                    let start = new Date(checkIn);
                    let end = new Date(checkOut);


                    let diffMs = end - start;


                    durationDays = Math.ceil(diffMs / (1000 * 60 * 60 * 24));
                    if (durationDays < 1) {
                        durationDays = 1;
                    }


                    durationHours = Math.ceil(diffMs / (1000 * 60 * 60));
                    if (durationHours < 1) {
                        durationHours = 1;
                    }
                }

                $('#invoice-items-body tr').each(function() {
                    let row = $(this);

                    let price = parseFloat(row.find('.price').val()) || 0;
                    let rateType = row.find('.rate').val();

                    let qty = 1;
                    if (rateType === 'day_rate' || rateType === 'night_rate') {
                        qty = durationDays;
                    } else if (rateType === 'hour_rate') {
                        qty = durationHours;
                    }

                    let taxRate = 0;
                    row.find('.tax option:selected').each(function() {
                        taxRate += parseFloat($(this).data('room-tax')) || 0;
                    });


                    let amount = qty * price;
                    let taxAmount = (amount * taxRate) / 100;
                    let totalAmount = amount + taxAmount;

                    row.find('.amount').val(amount.toFixed(2));

                    subTotal += amount;
                    totalTax += taxAmount;
                    grandTotal = subTotal + totalTax;
                });

                $('.sub_total').text(subTotal.toFixed(2));
                $('.total_tax').text(totalTax.toFixed(2));
                $('.grand_total').text((subTotal + totalTax).toFixed(2));


                $('.sub_total').val(subTotal.toFixed(2));
                $('.total_tax').val(totalTax.toFixed(2));
                $('.grand_total').val(grandTotal.toFixed(2));
            }
            $(document).on('change', '.room-number, .price, .tax, .check-in, .check-out', function() {
                calculateTotals();
            });

            function fetchAvailableRooms(row) {
                let typeId = row.find('.room-type').val();
                let checkIn = $('.check-in').val();
                let checkOut = $('.check-out').val();

                if (!typeId) return;

                $.ajax({
                    url: '{{ route('get.type.details', ':id') }}'.replace(':id', typeId),
                    type: 'GET',
                    data: {
                        check_in: checkIn,
                        check_out: checkOut
                    },
                    success: function(data) {
                        console.log(
                            data
                        );

                        let roomSelect = row.find('.room-number');
                        roomSelect.empty();

                        if (data.length === 0) {
                            roomSelect.append('<option value="">No rooms available</option>');
                            return;
                        }

                        roomSelect.append('<option value="">Select Room</option>');
                        $.each(data, function(i, room) {
                            roomSelect.append('<option value="' + room.id + '">' + room
                                .room_number + '</option>');
                        });
                    }
                });
            }


            $(document).on('change', '.room-type', function() {
                let row = $(this).closest('tr');
                fetchAvailableRooms(row);
            });


            $(document).on('change', '.check-in, .check-out', function() {
                $('.room-type').each(function() {
                    let row = $(this).closest('tr');
                    row.find('.room-number').empty();
                    row.find('.input').empty();
                    fetchAvailableRooms(row);
                    resetRowFields(row);
                });
            });

            function resetRowFields(row) {
                row.find('.room-number').empty().append('<option value="">Select Room</option>').trigger('change');
                row.find('.rate').empty().append('<option value="">Select Rate</option>').trigger('change');
                row.find('.price').val('');
                row.find('.tax').val(null).trigger('change');
                row.find('.amount').val('');
            }


            $(document).on('change', '.room-number', function() {
                let row = $(this).closest('tr');
                let roomId = $(this).val();


                if (roomId) {
                    $.ajax({
                        url: '{{ route('get.room.details', ':id') }}'.replace(':id', roomId),
                        type: 'GET',
                        success: function(data) {
                            if (data) {



                                let rateSelect = row.find('.rate');
                                rateSelect.empty();

                                rateSelect.append('<option value="">Select Rate</option>');

                                if (data.day_rate && data.day_rate != '0') {
                                    rateSelect.append('<option value="day_rate" data-price="' +
                                        data
                                        .day_rate + '">Day Rate' +
                                        '</option>');
                                }
                                if (data.night_rate && data.night_rate != '0') {
                                    rateSelect.append(
                                        '<option value="night_rate" data-price="' +
                                        data.night_rate + '">Night Rate ' + '</option>');
                                }
                                if (data.hour_rate && data.hour_rate != '0') {
                                    rateSelect.append('<option value="hour_rate" data-price="' +
                                        data
                                        .hour_rate + '">Hour Rate ' +
                                        '</option>');
                                }

                                rateSelect.trigger('change');


                                let taxSelect = row.find('.tax');
                                taxSelect.val(data.tax).trigger(
                                    'change'
                                );

                                row.find('.price').val('');
                            }
                        }
                    });
                } else {
                    row.find('.rate').empty();
                    row.find('.price').val('');
                    calculateTotals();
                }
            });


            $(document).on('change', '.rate', function() {
                let row = $(this).closest('tr');
                let selectedOption = $(this).find('option:selected');
                let price = selectedOption.data('price') || 0;

                row.find('.price').val(price);

                calculateTotals();
            });


            $(document).on('click', '#add-item', function() {
                let originalRow = $('#invoice-items-body tr:first');

                if ($('select.select2-hidden-accessible').length > 0) {
                    originalRow.find('select.select2-hidden-accessible').select2('destroy');
                }

                let clonedRow = originalRow.clone();

                clonedRow.find('input').val('');
                clonedRow.find('.tax').val(null).trigger('change');

                let rowIndex = $('#invoice-items-body tr').length;
                clonedRow.find('select[name^="tax"]').each(function() {
                    $(this).attr('name', 'tax[' + rowIndex +
                        '][]');
                });


                $('#invoice-items-body').append(clonedRow);


                originalRow.find('.select2').select2();
                clonedRow.find('.select2').select2();


                calculateTotals();

                updateDeleteButtonVisibility();
            });

            $(document).on('click', '.remove-row', function() {
                $(this).closest('tr').remove();
                calculateTotals();
                updateDeleteButtonVisibility();
            });

            function updateDeleteButtonVisibility() {

                $('#invoice-items-body tr').each(function(index) {
                    if (index === 0) {
                        $(this).find('.remove-row').hide();
                    } else {
                        $(this).find('.remove-row').show();
                    }
                });
            }

            updateDeleteButtonVisibility();
        });
    </script>
@endpush

Your Access Expired	Date. in : 22-12-2025
Regist : 09-12-2024	Expired : 01-12-2027