FM / services

/var/www/flurhymez/resources/views/admin/services/

/var/www/flurhymez/resources/views/admin/services

Name	Size	Mode	Actions
add.blade.php	4465	0644	edit dl rm
edit.blade.php	4535	0644	edit dl rm
listing.blade.php	3615	0644	edit dl rm

Edit: /var/www/flurhymez/resources/views/admin/services/add.blade.php (4465B)

@extends('admin.layout.app')

@section('title', __('admin.services.page_title'))

@section('actions')
    <button type="submit" class="btn btn-success" form="servicesForm"><i
            class="fa fa-save mr-1"></i>{{ __('admin.buttons.save_changes') }}</button>
@endsection

@section('js')
    <script>
        var getImageData = function(input, imgPreviewPlaceholder) {

if (input.files) {
                var filesAmount = input.files.length;

for (i = 0; i < filesAmount; i++) {
                    var reader = new FileReader();
                    reader.onload = function(event) {
                        //console.log(event.target);
                        $($.parseHTML('<img class="img-preview mr-4">')).attr('src', event.target.result).appendTo(
                            imgPreviewPlaceholder);
                    }
                    $('#selectedImageName').append(input.files[i]['name'] + '&nbsp;&nbsp;');

reader.readAsDataURL(input.files[i]);
                }
            }

};

</script>
@endsection

@section('content')
    <section class="page-content services">
        <form id="servicesForm" action="{{ route('services.create') }}" method="POST" enctype="multipart/form-data">
            @csrf
            @if ($errors->any())
                <div class="alert alert-danger mb-3">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

<div class="card card-small mb-4">
                <div class="card-header">
                    {{ __('admin.services.service_image') }}
                </div>
                <div class="card-body">
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <div id="selectedImage"></div>

<div class="custom-file mb-3">
                                <input onchange="getImageData(this, '#selectedImage')" type="file" name="image"
                                    class="custom-file-input" id="customFile" lang="{{ app()->getLocale() }}">
                                <label id="selectedImageName" class="custom-file-label" for="customFile">
                                    {{ __('admin.buttons.select_image') }}
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

<div class="card card-small mb-4">
                <div class="card-header">
                    {{ __('admin.services.service_description') }}
                </div>
                <div class="card-body">
                    <div class="form-row">
                        <div class="form-group col-md-4">
                            <label class="font-sm text-gray">{{ __('admin.services.service_title_en') }}</label>
                            <input type="text" name="title_en" class="form-control form-control-lg"
                                placeholder="{{ __('admin.services.service_title_en') }}"
                                value="{{ old('title_en') }}">
                        </div>
                        <div class="form-group col-md-4">
                            <label class="font-sm text-gray">{{ __('admin.services.service_title_ar') }}</label>
                            <input type="text" name="title_ar" class="form-control form-control-lg"
                                placeholder="{{ __('admin.services.service_title_ar') }}"
                                value="{{ old('title_ar') }}">
                        </div>
                        <div class="form-group col-md-4">
                            <label class="font-sm text-gray">{{ __('admin.services.service_title_tr') }}</label>
                            <input type="text" name="title_tr" class="form-control form-control-lg"
                                placeholder="{{ __('admin.services.service_title_tr') }}"
                                value="{{ old('title_tr') }}">
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </section>
@endsection

cmd: