Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/mcoil.corals.io/resources/views/admin/banner/ |
@extends('layouts.admin.app')
@section('content')
<div class="row">
<div class="col-md-12">
<section class="content">
@include('layouts.errors-and-messages')
<div class="box">
{!! Form::model($banner,['method' => 'POST','route' => ['admin.banner.update',$banner->id], 'id' => 'frm_add', 'class'=>'form','enctype'=>'multipart/form-data']) !!}
<div class="box-body">
<div class="col-md-12">
<h3 class="bold">Edit Banner <small>- for updating the banners settings</small></h3>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="title">Title <span class="text-danger">*</span></label>
@if(!empty($banner->title))
{!! Form::text('title', null, array('placeholder' => 'Title', 'class' => 'form-control input-lg bg-success', 'id'=>'title')) !!}
@else
{!! Form::text('title', null, array('placeholder' => 'Title', 'class' => 'form-control input-lg', 'id'=>'title')) !!}
@endif
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="sub_title">Sub Title <span class="text-danger">*</span></label>
@if(!empty($banner->sub_title))
{!! Form::text('sub_title', null, array('placeholder' => 'Sub Title', 'class' => 'form-control input-lg bg-success', 'id'=>'sub_title')) !!}
@else
{!! Form::text('sub_title', null, array('placeholder' => 'Sub Title', 'class' => 'form-control input-lg', 'id'=>'sub_title')) !!}
@endif
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="button_text2">Content</label>
<textarea class="form-control ckeditor" name="content" id="content" rows="5" placeholder="Content">{{ $banner->content }}</textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="background_img">Background Image</label>
@if (!empty($banner->background_img))
{!! Form::file('background_img', array('placeholder' => 'Background Image','class' => 'form-control input-lg bg-success','id'=>'background_img')) !!}
<br><img class="img-responsive img-thumbnail remove_image" src="{{ URL::to('/') }}/public/img/images_uploaded/{{basename($banner->background_img)}}" alt="{{$banner->meta_alt}}" />
<div>
<button type="button" class="btn btn-danger btn-sm btn-block remove_image">Remove image?</button>
</div>
@else
{!! Form::file('background_img', array('placeholder' => 'Background Image','class' => 'form-control input-lg','id'=>'background_img')) !!}
@endif
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="background_img"> Mobile Background Image</label>
@if (!empty($banner->background_img_mobile))
{!! Form::file('background_img_mobile', array('placeholder' => 'Mobile Background Image','class' => 'form-control input-lg bg-success','id'=>'background_img_mobile')) !!}
<br><img class="img-responsive img-thumbnail remove_mobile_image" src="{{ URL::to('/') }}/public/img/images_uploaded/{{basename($banner->background_img_mobile)}}" alt="{{$banner->meta_alt}}" />
<div>
<button type="button" class="btn btn-danger btn-sm btn-block remove_mobile_image">Remove image?</button>
</div>
@else
{!! Form::file('background_img_mobile', array('placeholder' => 'Mobile Background Image','class' => 'form-control input-lg','id'=>'background_img_mobile')) !!}
@endif
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="button_text">Button 1 - Text</label>
@if(!empty($banner->button_text))
{!! Form::text('button_text', null, array('placeholder' => 'Button 1 - Text', 'class' => 'form-control input-lg bg-success', 'id'=>'button_text')) !!}
@else
{!! Form::text('button_text', null, array('placeholder' => 'Button 1 - Text', 'class' => 'form-control input-lg', 'id'=>'button_text')) !!}
@endif
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="link_button">Button 1 - Url</label>
@if(!empty($banner->link_button))
{!! Form::text('link_button', null, array('placeholder' => 'https://...', 'class' => 'form-control input-lg bg-success', 'id'=>'link_button')) !!}
@else
{!! Form::text('link_button', null, array('placeholder' => 'https://...', 'class' => 'form-control input-lg', 'id'=>'link_button')) !!}
@endif
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="button_text2">Button 2 - Text</label>
@if(!empty($banner->button_text2))
{!! Form::text('button_text2', null, array('placeholder' => 'Button 2 - Text', 'class' => 'form-control input-lg bg-success', 'id'=>'button_text2')) !!}
@else
{!! Form::text('button_text2', null, array('placeholder' => 'Button 2 - Text', 'class' => 'form-control input-lg', 'id'=>'button_text2')) !!}
@endif
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="button_link2">Button 2 - Url</label>
@if(!empty($banner->button_link2))
{!! Form::text('button_link2', null, array('placeholder' => 'https://...', 'class' => 'form-control input-lg bg-success', 'id'=>'button_link2')) !!}
@else
{!! Form::text('button_link2', null, array('placeholder' => 'https://...', 'class' => 'form-control input-lg', 'id'=>'button_link2')) !!}
@endif
</div>
</div>
</div>
<!--<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="video_embed">Video Embed Url</label>
@if(!empty($banner->video_embed))
{!! Form::text('video_embed', null, array('placeholder' => 'https://...', 'class' => 'form-control input-lg bg-success', 'id'=>'video_embed')) !!}
@else
{!! Form::text('video_embed', null, array('placeholder' => 'https://...', 'class' => 'form-control input-lg', 'id'=>'video_embed')) !!}
@endif
</div>
</div>
</div>-->
<div class="row">
<div class="col-md-6">
<button type="submit" class="btn btn-lg btn-block btn-success">Update</button>
</div>
<div class="col-md-6">
<a href="{{ route('admin.banner.list') }}" class="btn btn-lg btn-block btn-danger">Back</a>
</div>
</div>
</div>
</div>
{!! Form::close() !!}
</div>
</section>
</div>
</div>
@endsection
@section('js')
<script src="{{ asset('https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.min.js') }}"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#frm_add').validate({
rules: {
title: { required: true },
sub_title: { required: true }
},
messages: {
title: { required: 'Please enter a title' },
sub_title: { required: 'Please enter a sub title' }
}
});
$(document).on('click','.remove_image',function(e) {
e.preventDefault();
var data = {_token: "{{ csrf_token() }}", id: "{{$banner->id}}"};
$.ajax({
type: "POST",
url: "{{url('admin/home/'.$banner->id.'/banner/remove-image')}}",
data : data,
contentType: "application/json",
success: function(data) {
if (data) {
$('#background_img').val('');
$(".remove_image").remove();
toastr.remove();
toastr.clear();
toastr.options.closeButton = true;
toastr.options.debug = false;
toastr.options.progressBar = false;
toastr.options.positionClass = 'toast-bottom-full-width';
toastr.options.preventDuplicates = true;
toastr.options.onclick = null;
toastr.options.showDuration = 1000;
toastr.options.hideDuration = 1000;
toastr.options.timeOut = 5000;
toastr.options.extendedTimeOut = 1000;
toastr.options.showEasing = 'swing';
toastr.options.hideEasing = 'linear';
toastr.options.showMethod = 'fadeIn';
toastr.options.hideMethod = 'fadeOut';
toastr.success('Image Removed Successfully','Success');
} else {
toastr.clear();
toastr.options.closeButton = true;
toastr.options.debug = false;
toastr.options.progressBar = false;
toastr.options.positionClass = 'toast-bottom-full-width';
toastr.options.preventDuplicates = true;
toastr.options.onclick = null;
toastr.options.showDuration = 1000;
toastr.options.hideDuration = 1000;
toastr.options.timeOut = 5000;
toastr.options.extendedTimeOut = 1000;
toastr.options.showEasing = 'swing';
toastr.options.hideEasing = 'linear';
toastr.options.showMethod = 'fadeIn';
toastr.options.hideMethod = 'fadeOut';
toastr.error('Invalid Request','Error');
}
}
});
});
$(document).on('click','.remove_mobile_image',function(e) {
e.preventDefault();
var data = {_token: "{{ csrf_token() }}", id: "{{$banner->id}}"};
$.ajax({
type: "POST",
url: "{{url('admin/home/'.$banner->id.'/banner/remove-mobile-image')}}",
data : data,
contentType: "application/json",
success: function(data) {
if (data) {
$('#background_img_mobile').val('');
$(".remove_mobile_image").remove();
toastr.remove();
toastr.clear();
toastr.options.closeButton = true;
toastr.options.debug = false;
toastr.options.progressBar = false;
toastr.options.positionClass = 'toast-bottom-full-width';
toastr.options.preventDuplicates = true;
toastr.options.onclick = null;
toastr.options.showDuration = 1000;
toastr.options.hideDuration = 1000;
toastr.options.timeOut = 5000;
toastr.options.extendedTimeOut = 1000;
toastr.options.showEasing = 'swing';
toastr.options.hideEasing = 'linear';
toastr.options.showMethod = 'fadeIn';
toastr.options.hideMethod = 'fadeOut';
toastr.success('Image Removed Successfully','Success');
} else {
toastr.clear();
toastr.options.closeButton = true;
toastr.options.debug = false;
toastr.options.progressBar = false;
toastr.options.positionClass = 'toast-bottom-full-width';
toastr.options.preventDuplicates = true;
toastr.options.onclick = null;
toastr.options.showDuration = 1000;
toastr.options.hideDuration = 1000;
toastr.options.timeOut = 5000;
toastr.options.extendedTimeOut = 1000;
toastr.options.showEasing = 'swing';
toastr.options.hideEasing = 'linear';
toastr.options.showMethod = 'fadeIn';
toastr.options.hideMethod = 'fadeOut';
toastr.error('Invalid Request','Error');
}
}
});
});
});
</script>
@endsection