FM / sliders

/var/www/flurhymez/resources/views/admin/sliders/

/var/www/flurhymez/resources/views/admin/sliders

Name	Size	Mode	Actions
add.blade.php	9355	0644	edit dl rm
edit.blade.php	9594	0644	edit dl rm
listing.blade.php	3441	0644	edit dl rm

Edit: /var/www/flurhymez/resources/views/admin/sliders/edit.blade.php (9594B)

@extends('admin.layout.app')

@section('title', $slider->getTranslation('title', 'en'))

@section('actions')
    <button type="submit" class="btn btn-success" form="sliderForm"><i class="fa fa-save mr-1"></i>Save Slider</button>
@endsection

@section('js')
    <script>
        function getImageData(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function(e) {
                    $('#selectedImage').html('<img src="' + e.target.result + '" class="img-preview">');
                    $('#selectedImageName').html(input.files[0].name);
                }
                reader.readAsDataURL(input.files[0]);
            }
        }

</script>
@endsection

@section('content')
    <section class="page-content slider">
        <form id="sliderForm" action="{{ route('sliders.update', ['id' => $slider->id]) }}" 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">
                    Slider Image
                </div>
                <div class="card-body">
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <div id="selectedImage">
                                <img src="{{ asset($slider->getFirstMedia('sliders')->getUrl()) }}" class="img-preview">
                            </div>
                            <div class="custom-file mb-3">
                                <input type="file" name="image" class="custom-file-input" id="customFile" lang="{{app()->getLocale()}}">
                                <label class="custom-file-label"
                                    for="customFile">{{ $slider->getFirstMedia('sliders')->name }}</label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card card-small mb-4">
                <div class="card-header">
                    Slider Description
                </div>
                <div class="card-body">
                    <div class="form-row">
                        <div class="form-group col-md-4">
                            <label class="font-sm text-gray">Slider title (English)</label>
                            <input type="text" name="title_en" class="form-control form-control-lg"
                                placeholder="Slider title (English)"
                                value="{{ $slider->getTranslation('title', 'en') }}">
                        </div>
                        <div class="form-group col-md-4">
                            <label class="font-sm text-gray">Slider title (Arabic)</label>
                            <input type="text" name="title_ar" class="form-control form-control-lg"
                                placeholder="Slider title (Arabic)" value="{{ $slider->getTranslation('title', 'ar') }}">
                        </div>
                        <div class="form-group col-md-4">
                            <label class="font-sm text-gray">Slider title (Turkish)</label>
                            <input type="text" name="title_tr" class="form-control form-control-lg"
                                placeholder="Slider title (Turkish)"
                                value="{{ $slider->getTranslation('title', 'tr') }}">
                        </div>

<div class="form-group col-12">
                            <label class="font-sm text-gray">Slider description (English)</label>
                            <textarea name="description_en" class="form-control form-control-lg"
                                placeholder="Slider description (English)"
                                rows="3">{{ $slider->getTranslation('description', 'en') }}</textarea>
                        </div>
                        <div class="form-group col-12">
                            <label class="font-sm text-gray">Slider description (Arabic)</label>
                            <textarea name="description_ar" class="form-control form-control-lg"
                                placeholder="Slider description (Arabic)"
                                rows="3">{{ $slider->getTranslation('description', 'ar') }}</textarea>
                        </div>
                        <div class="form-group col-12">
                            <label class="font-sm text-gray">Slider description (Turkish)</label>
                            <textarea name="description_tr" class="form-control form-control-lg"
                                placeholder="Slider description (Turkish)"
                                rows="3">{{ $slider->getTranslation('description', 'tr') }}</textarea>
                        </div>
                    </div>
                </div>
            </div>

<div class="card card-small mb-4">
                <div class="card-header">
                    First Slider Button
                </div>
                <div class="card-body">
                    <div class="form-row">
                        <div class="form-group col-md-4">
                            <label class="font-sm text-gray">First Button title (English)</label>
                            <input type="text" name="btn1_title_en" class="form-control form-control-lg"
                                placeholder="First Button title (English)"
                                value="{{ $slider->getTranslation('btn1_title', 'en') }}">
                        </div>
                        <div class="form-group col-md-4">
                            <label class="font-sm text-gray">First Button title (Arabic)</label>
                            <input type="text" name="btn1_title_ar" class="form-control form-control-lg"
                                placeholder="First Button title (Arabic)"
                                value="{{ $slider->getTranslation('btn1_title', 'ar') }}">
                        </div>
                        <div class="form-group col-md-4">
                            <label class="font-sm text-gray">First Button title (Arabic)</label>
                            <input type="text" name="btn1_title_tr" class="form-control form-control-lg"
                                placeholder="First Button title (Turkish)"
                                value="{{ $slider->getTranslation('btn1_title', 'tr') }}">
                        </div>
                        <div class="form-group col-md-12">
                            <label class="font-sm text-gray">First Button Link</label>
                            <input type="text" name="btn1_link" class="form-control form-control-lg"
                                placeholder="First Button Link" value="{{ $slider->btn1_link }}">
                        </div>
                    </div>
                </div>
            </div>

<div class="card card-small mb-4">
                <div class="card-header">
                    Second Slider Button
                </div>
                <div class="card-body">
                    <div class="form-row">
                        <div class="form-group col-md-4">
                            <label class="font-sm text-gray">Second Button title (English)</label>
                            <input type="text" name="btn2_title_en" class="form-control form-control-lg"
                                placeholder="Second Button title (English)"
                                value="{{ $slider->getTranslation('btn2_title', 'en') }}">
                        </div>
                        <div class="form-group col-md-4">
                            <label class="font-sm text-gray">Second Button title (Arabic)</label>
                            <input type="text" name="btn2_title_ar" class="form-control form-control-lg"
                                placeholder="Second Button title (Arabic)"
                                value="{{ $slider->getTranslation('btn2_title', 'ar') }}">
                        </div>
                        <div class="form-group col-md-4">
                            <label class="font-sm text-gray">Second Button title (Turkish)</label>
                            <input type="text" name="btn2_title_tr" class="form-control form-control-lg"
                                placeholder="Second Button title (Turkish)"
                                value="{{ $slider->getTranslation('btn2_title', 'tr') }}">
                        </div>
                        <div class="form-group col-md-12">
                            <label class="font-sm text-gray">Second Button Link</label>
                            <input type="text" name="btn2_link" class="form-control form-control-lg"
                                placeholder="Second Button Link" value="{{ $slider->btn2_link }}">
                        </div>
                    </div>
                </div>
            </div>

</form>
    </section>
@endsection

cmd: