Sindbad~EG File Manager
@extends('backend.layouts.app')
@section('content')
<style>
.alert-type{
border: 2px solid transparent;
border-radius: 6px;
padding: 8px;
transition: 0.4s;
}
.alert-type.active,
.alert-type:hover{
border-color: var(--primary);
}
</style>
<div class="aiz-titlebar text-left mt-2 mb-3">
<h5 class="mb-0 h6">{{ translate('Edit Custom Alerts') }}</h5>
</div>
<div class="">
<!-- Error Meassages -->
@if ($errors->any())
<div class="alert alert-danger">
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
<form class="form form-horizontal mar-top" action="{{ route('custom-alerts.update', $custom_alert->id) }}" method="POST" enctype="multipart/form-data">
@csrf
@method('PUT')
<!-- Custom Alert Information -->
<div class="card">
<div class="card-header">
<h5 class="mb-0 h6">{{ translate('Custom Alert Information') }}</h5>
</div>
<div class="card-body">
<div class="row gutters-16">
<div class="col-lg-8">
<!-- Select Alert Size -->
<div class="form-group row">
<label class="col-md-4 col-from-label fw-700">
{{translate('Select Alert Size')}} <span class="text-danger">*</span>
</label>
<div class="col-md-8 row">
<div class="col-6">
<label class="aiz-megabox d-block bg-white mb-0">
<input
type="radio"
name="type"
value="small"
onchange="show_image_type(this)"
data-target="custom-alert-small"
@if($custom_alert->type == 'small') checked @endif
>
<span class="d-flex align-items-center aiz-megabox-elem rounded-0" style="padding: 0.75rem 1.2rem;">
<span class="aiz-rounded-check flex-shrink-0 mt-1"></span>
<span class="flex-grow-1 pl-3 fw-600">{{ translate('Small') }}</span>
</span>
</label>
</div>
<div class="col-6">
<label class="aiz-megabox d-block bg-white mb-0">
<input
type="radio"
name="type"
value="large"
onchange="show_image_type(this)"
data-target="custom-alert-large"
@if($custom_alert->type == 'large') checked @endif
>
<span class="d-flex align-items-center aiz-megabox-elem rounded-0" style="padding: 0.75rem 1.2rem;">
<span class="aiz-rounded-check flex-shrink-0 mt-1"></span>
<span class="flex-grow-1 pl-3 fw-600">{{ translate('Large') }}</span>
</span>
</label>
</div>
</div>
</div>
<!-- Image -->
<div class="form-group row">
<label class="col-md-4 col-form-label fw-700" for="banner">
{{ translate('Image') }} <span class="text-danger">*</span><br>
<span class="fs-12 text-secondary fw-400 img_size_guide @if($custom_alert->type == 'large') d-none @endif" id="img_size_guide_small">{{ translate('(120px X 140px)') }}</span>
<span class="fs-12 text-secondary fw-400 img_size_guide @if($custom_alert->type == 'small') d-none @endif" id="img_size_guide_large">{{ translate('(300px X 160px)') }}</span>
</label>
<div class="col-md-8">
<div class="input-group" data-toggle="aizuploader" data-type="image" data-multiple="false">
<div class="input-group-prepend">
<div class="input-group-text bg-soft-secondary font-weight-medium">{{ translate('Browse')}}</div>
</div>
<div class="form-control file-amount">{{ translate('Choose File') }}</div>
<input type="hidden" name="banner" value="{{ $custom_alert->banner }}" class="selected-files">
</div>
<div class="file-preview box sm">
</div>
</div>
</div>
<!-- Link -->
<div class="form-group row">
<label class="col-md-4 col-from-label fw-700">
{{translate('Link')}} <span class="text-danger">*</span>
</label>
<div class="col-md-8">
<input type="text" class="form-control" name="link" value="{{ $custom_alert->link }}" placeholder="{{ translate('Type your text here') }}" required>
</div>
</div>
<!-- Text -->
<div class="form-group row">
<label class="col-md-4 col-from-label fw-700">
{{translate('Text')}} <span class="text-danger">*</span><br>
<span class="fs-12 text-secondary fw-400">{{ translate('(Best within 200 character)') }}</span>
</label>
<div class="col-md-8">
@if ($custom_alert->id == 1 || $custom_alert->id == 200)
<textarea name="description" rows="4"
class="aiz-text-editor form-control" data-buttons='[["font", ["bold"]],["insert", ["link"]]]' required>{{ $custom_alert->description }}</textarea>
@else
<textarea class="form-control" name="description" rows="2" placeholder="{{ translate('Type your text here') }}" required>{{ $custom_alert->description }}</textarea>
@endif
</div>
</div>
<!-- Select Background Color -->
<div class="form-group row">
<label class="col-md-4 col-from-label fw-700">
{{translate('Select Background Color')}} <span class="text-danger">*</span>
</label>
<div class="col-md-8">
<div class="input-group">
<input type="text" class="form-control aiz-color-input" placeholder="#000000" name="background_color" value="{{ $custom_alert->background_color }}" required>
<div class="input-group-append">
<span class="input-group-text p-0">
<input class="aiz-color-picker border-0 size-40px" type="color" value="{{ $custom_alert->background_color }}">
</span>
</div>
</div>
</div>
</div>
<!-- Select Text Color -->
<div class="form-group row">
<label class="col-md-4 col-from-label fw-700">
{{translate('Select Text Color')}} <span class="text-danger">*</span>
</label>
<div class="col-md-8 row">
<div class="col radio mar-btm mr-3 d-flex align-items-center">
<input id="text_color_light" class="magic-radio" type="radio" name="text_color" value="white" @if($custom_alert->text_color == 'white') checked @endif>
<label for="text_color_light" class="mb-0 ml-2">{{translate('Light')}}</label>
</div>
<div class="col radio mar-btm mr-3 d-flex align-items-center">
<input id="text_color_dark" class="magic-radio" type="radio" name="text_color" value="dark" @if($custom_alert->text_color == 'dark') checked @endif>
<label for="text_color_dark" class="mb-0 ml-2">{{translate('Dark')}}</label>
</div>
</div>
</div>
{{-- need to ad a select option 3,5,8,10 sec for alert auto hideing --}}
@if($custom_alert->id != 1 && $custom_alert->id != 200)
<div class="form-group row">
<label class="col-md-4 col-from-label fw-700">
{{translate('Auto Close After')}} <span class="text-danger">*</span><br>
<span class="fs-12 text-secondary fw-400">{{ translate('(Select time duration for auto close the alert)') }}</span>
</label>
<div class="col-md-8">
<select name="auto_hide" class="form-control aiz-selectpicker" required>
<option value="" disabled>{{ translate('Select Auto Close Duration') }}</option>
<option value="0" @if($custom_alert->auto_hide == 0) selected @endif>{{ translate('Auto Close Disabled') }}</option>
<option value="3" @if($custom_alert->auto_hide == 3) selected @endif>{{ translate('3 Seconds') }}</option>
<option value="5" @if($custom_alert->auto_hide == 5) selected @endif>{{ translate('5 Seconds') }}</option>
<option value="7" @if($custom_alert->auto_hide == 7) selected @endif>{{ translate('7 Seconds') }}</option>
<option value="9" @if($custom_alert->auto_hide == 9) selected @endif>{{ translate('9 Seconds') }}</option>
<option value="12" @if($custom_alert->auto_hide == 12) selected @endif>{{ translate('12 Seconds') }}</option>
</select>
</div>
</div>
@endif
<!-- Button -->
<div class="float-right mb-3">
<button type="submit" class="btn btn-primary w-230px btn-md rounded-2 fs-14 fw-700 shadow-primary">{{ translate('Save') }}</button>
</div>
</div>
<div class="col-lg-4">
<div class="h-100 rounded-3 overflow-hideen">
<img class="w-100 custom-alert custom-alert-small d-none" src="{{ static_asset('assets/img/custom-alert-small.png') }}" alt="custom alert small">
<img class="w-100 custom-alert custom-alert-large d-none" src="{{ static_asset('assets/img/custom-alert-large.png') }}" alt="custom alert large">
</div>
</div>
</div>
</div>
</div>
</form>
</div>
@endsection
@section('script')
<script type="text/javascript">
var img_val = $('input[name="type"]:checked');
show_image_type(img_val);
function show_image_type(el) {
var target = $(el).data('target');
$('.custom-alert').addClass('d-none');
$('.'+target).removeClass('d-none');
var size = $(el).val();
$('.img_size_guide').addClass('d-none');
$('#img_size_guide_'+size).removeClass('d-none');
}
</script>
@endsection
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists