xXx

Hexid M1n1 5h3ll MobiLe

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

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

@extends('layouts.app')

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



@push('script-page')
    <script src="{{ asset('assets/js/plugins/dropzone-amd-module.min.js') }}"></script>
    <script>
        Dropzone.autoDiscover = false;

        var dropzone = new Dropzone('#demo-upload', {
            url: "#",
            previewTemplate: document.querySelector('.preview-dropzon').innerHTML,
            autoProcessQueue: false,
            parallelUploads: 10,
            thumbnailHeight: 120,
            thumbnailWidth: 120,
            maxFilesize: 10,
            acceptedFiles: ".jpeg,.jpg,.png,.gif,.webp",
            addRemoveLinks: false,
            dictDefaultMessage: "{{ __('Drop files here or click to upload.') }}",
            init: function() {
                this.on("addedfile", function(file) {
                    console.log("Added file: ", file.name);
                });
            },
            thumbnail: function(file, dataUrl) {
                if (file.previewElement) {
                    file.previewElement.classList.remove("dz-file-preview");
                    var images = file.previewElement.querySelectorAll("[data-dz-thumbnail]");
                    for (var i = 0; i < images.length; i++) {
                        var thumbnailElement = images[i];
                        thumbnailElement.alt = file.name;
                        thumbnailElement.src = dataUrl;
                    }
                    setTimeout(function() {
                        file.previewElement.classList.add("dz-image-preview");
                    }, 1);
                }
            }
        });

        $('#room-submit').on('click', function(e) {
            e.preventDefault();
            $('#room-submit').attr('disabled', true);
            var fd = new FormData();


            var file = document.getElementById('thumbnail').files[0];
            if (file) {
                fd.append('thumbnail', file);
            }


            var files = dropzone.getAcceptedFiles();
            $.each(files, function(key, file) {
                fd.append('room_images[' + key + ']', file);
            });


            var other_data = $('#room_form').serializeArray();
            $.each(other_data, function(key, input) {
                fd.append(input.name, input.value);
            });


            $.ajax({
                url: "{{ route('room.store') }}",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: fd,
                contentType: false,
                processData: false,
                type: 'POST',
                success: function(data) {
                    if (data.status == "success") {
                        toastrs(data.status, data.msg, data.status);
                        var url = '{{ route('room.show', ':id') }}';
                        url = url.replace(':id', data.id);
                        setTimeout(() => {
                            window.location.href = url;
                        }, 1000);
                    } else {
                        toastrs('Error', data.msg, 'error');
                        $('#room-submit').attr('disabled', false);
                    }
                },
                error: function(data) {
                    toastrs('Error', 'An error occurred.', 'error');
                    $('#room-submit').attr('disabled', false);
                }
            });
        });
    </script>
@endpush



@section('content')
    <div class="row">
        <div class="col-xl-12 col-lg-12">

            {{ Form::open(['url' => 'room', 'method' => 'post', 'enctype' => 'multipart/form-data', 'id' => 'room_form']) }}
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="form-group col-md-6">
                            {{ Form::label('room_number', __('Room Number'), ['class' => 'form-label']) }}
                            {{ Form::text('room_number', null, ['class' => 'form-control', 'required' => 'required', 'placeholder' => 'Enter room number']) }}
                        </div>
                        <div class="form-group col-md-6">
                            {{ Form::label('room_type', __('Room Type'), ['class' => 'form-label']) }}
                            {{ Form::select('room_type', $roomTypes, null, ['class' => 'form-control select2', 'required' => 'required', 'placeholder' => 'Select room type']) }}
                        </div>

                        <div class="form-group col-md-6 col-lg-6">
                            {{ Form::label('thumbnail', __('thumbnail'), ['class' => 'form-label']) }}
                            {{ Form::file('thumbnail', ['class' => 'form-control', 'required' => 'required']) }}
                        </div>
                        <div class="form-group col-md-6">
                            {{ Form::label('capacity', __('Member Capacity'), ['class' => 'form-label']) }}
                            {{ Form::number('capacity', null, ['class' => 'form-control', 'required' => 'required', 'placeholder' => 'Enter capacity']) }}
                        </div>

                        <div class="form-group col-md-6">
                            {{ Form::label('total_adult', __('Total Adult'), ['class' => 'form-label']) }}
                            {{ Form::number('total_adult', null, ['class' => 'form-control', 'required' => 'required', 'placeholder' => 'Enter total adult']) }}
                        </div>
                        <div class="form-group col-md-6">
                            {{ Form::label('total_child', __('Total Child'), ['class' => 'form-label']) }}
                            {{ Form::number('total_child', null, ['class' => 'form-control', 'required' => 'required', 'placeholder' => 'Enter total child']) }}
                        </div>
                        <div class="form-group col-md-6">
                            {{ Form::label('bed_type', __('Bed Type'), ['class' => 'form-label']) }}
                            {{ Form::select('bed_type', $bedTypes, null, ['class' => 'form-control select2', 'required' => 'required', 'placeholder' => 'Select bed type']) }}
                        </div>
                        <div class="form-group col-md-6">
                            {{ Form::label('number_of_bed', __('Number Of Bed'), ['class' => 'form-label']) }}
                            {{ Form::number('number_of_bed', null, ['class' => 'form-control', 'required' => 'required', 'placeholder' => 'Enter number of bed']) }}
                        </div>
                        <div class="form-group col-md-6">
                            {{ Form::label('room_facility[]', __('room Facility'), ['class' => 'form-label']) }}
                            {{ Form::select('room_facility[]', $roomFacility, null, ['class' => 'form-control select2', 'required' => 'required', 'multiple']) }}
                        </div>
                        <div class="form-group col-md-6">
                            {{ Form::label('increased', __('Increased Capacity'), ['class' => 'form-label']) }} <br>
                            <label class="form-check-label me-3 mt-3">
                                {{ Form::radio('increased', 'Yes', true, ['class' => 'form-check-input']) }}
                                {{ __('Yes') }}
                            </label>

                            <label class="form-check-label  me-3 mt-3">
                                {{ Form::radio('increased', 'No', false, ['class' => 'form-check-input']) }}
                                {{ __('No') }}
                            </label>

                        </div>
                        <div class="form-group col-md-12">
                            {{ Form::label('description', __('Description'), ['class' => 'form-label']) }}
                            {{ Form::textarea('description', null, ['class' => 'form-control','placeholder' => 'Enter description','rows'=>'2', 'id'=>'classic-editor']) }}
                        </div>
                    </div>
                </div>
            </div>

            <div class="card">
                <div class="card-header">
                    <h5>{{ __('Room Rate') }}</h5>
                </div>

                <div class="card-body">
                    <div class="row">
                        <div class="form-group col-md-6">
                            {{ Form::label('hour_rate', __('Room Rate'), ['class' => 'form-label']) }}
                            ({{ __('Per Hour') }})
                            {{ Form::number('hour_rate', null, ['class' => 'form-control', 'required' => 'required', 'id' => 'rate', 'placeholder' => 'Enter rate hour']) }}
                        </div>
                        <div class="form-group col-md-6">
                            {{ Form::label('day_rate', __('Room Rate'), ['class' => 'form-label']) }}
                            ({{ __('Per Day') }})
                            {{ Form::number('day_rate', null, ['class' => 'form-control', 'required' => 'required', 'id' => 'rate', 'placeholder' => 'Enter rate day']) }}
                        </div>
                        <div class="form-group col-md-6">
                            {{ Form::label('night_rate', __('Room Rate'), ['class' => 'form-label']) }}
                            ({{ __('Per Night') }})
                            {{ Form::number('night_rate', null, ['class' => 'form-control', 'required' => 'required', 'id' => 'rate', 'placeholder' => 'Enter rate night']) }}
                        </div>
                        <div class="form-group col-md-6">
                            {{ Form::label('tax', __('tax'), ['class' => 'form-label']) }}
                            <select name="tax[]" class="form-control tax select2" multiple>
                                @foreach ($taxes as $key => $tax)
                                    <option value="{{ $tax->id }}" data-custom-properties="{{ $tax->rate }}">
                                        {{ $tax->title . '(' . $tax->rate . '%)' }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
            </div>


            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-header">
                            {{ Form::label('demo-upload', __('Add Images'), ['class' => 'form-label h5']) }}
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="dropzone needsclick" id='demo-upload' action="#">
                                    <div class="dz-message needsclick">
                                        <div class="upload-icon"><i class="fa fa-cloud-upload"></i></div>
                                        <h3>{{ __('Drop files here or click to upload.') }}</h3>
                                    </div>
                                </div>
                                <div class="preview-dropzon" style="display: none;">
                                    <div class="dz-preview dz-file-preview">
                                        <div class="dz-image"><img data-dz-thumbnail="" src="" alt=""></div>
                                        <div class="dz-details">
                                            <div class="dz-size"><span data-dz-size=""></span></div>
                                            <div class="dz-filename"><span data-dz-name=""></span></div>
                                        </div>
                                        <div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress=""> </span>
                                        </div>
                                        <div class="dz-success-mark"><i class="fa fa-check" aria-hidden="true"></i></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="float-end mb-4">

                {{ Form::submit(__('Create'), ['class' => 'btn btn-secondary ml-10', 'id' => 'room-submit']) }}
            </div>
            {{ Form::close() }}
        </div>
    </div>
@endsection

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