ok
Mini Shell
@extends('layouts.back-end.app')
@section('title', \App\CPU\translate('Flash Deal Update'))
@push('css_or_js')
<link href="{{asset('public/assets/back-end/css/tags-input.min.css')}}" rel="stylesheet">
<link href="{{ asset('public/assets/select2/css/select2.min.css')}}" rel="stylesheet">
<meta name="csrf-token" content="{{ csrf_token() }}">
@endpush
@section('content')
<div class="content container-fluid">
<!-- Page Title -->
<div class="mb-3">
<h2 class="h1 mb-0 text-capitalize d-flex gap-2">
<img width="20" src="{{asset('/public/assets/back-end/img/flash_deal.png')}}" alt="">
{{\App\CPU\translate('flash_deals_update')}}
</h2>
</div>
<!-- End Page Title -->
<!-- Content Row -->
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-body">
<form action="{{route('admin.deal.update',[$deal['id']])}}" method="post" style="text-align: {{Session::get('direction') === "rtl" ? 'right' : 'left'}};" enctype="multipart/form-data">
@csrf
@php($language=\App\Model\BusinessSetting::where('type','pnc_language')->first())
@php($language = $language->value ?? null)
@php($default_lang = 'en')
@php($default_lang = json_decode($language)[0])
<ul class="nav nav-tabs w-fit-content mb-4">
@foreach(json_decode($language) as $lang)
<li class="nav-item text-capitalize">
<a class="nav-link lang_link {{$lang == $default_lang? 'active':''}}"
href="#"
id="{{$lang}}-link">{{\App\CPU\Helpers::get_language_name($lang).'('.strtoupper($lang).')'}}</a>
</li>
@endforeach
</ul>
<div class="row">
<div class="col-lg-6">
@foreach(json_decode($language) as $lang)
<?php
if (count($deal['translations'])) {
$translate = [];
foreach ($deal['translations'] as $t) {
if ($t->locale == $lang && $t->key == "title") {
$translate[$lang]['title'] = $t->value;
}
}
}
?>
<div class="form-group {{$lang != $default_lang ? 'd-none':''}} lang_form" id="{{$lang}}-form">
<input type="text" name="deal_type" value="flash_deal" class="d-none">
<label for="name" class="title-color">{{ \App\CPU\translate('Title')}} ({{strtoupper($lang)}})</label>
<input type="text" name="title[]" class="form-control" id="title"
value="{{$lang==$default_lang?$deal['title']:($translate[$lang]['title']??'')}}"
placeholder="{{\App\CPU\translate('Ex')}} : {{\App\CPU\translate('LUX')}}"
{{$lang == $default_lang? 'required':''}}>
</div>
<input type="hidden" name="lang[]" value="{{$lang}}" id="lang">
@endforeach
<div class="form-group">
<label for="name" class="title-color">{{ \App\CPU\translate('start_date')}}</label>
<input type="date" value="{{date('Y-m-d',strtotime($deal['start_date']))}}" name="start_date" required
class="form-control">
</div>
<div class="form-group">
<label for="name" class="title-color">{{ \App\CPU\translate('end_date')}}</label>
<input type="date" value="{{date('Y-m-d', strtotime($deal['end_date']))}}" name="end_date" required
class="form-control">
</div>
</div>
<div class="col-lg-6">
<div>
<div class="form-group">
<center>
<img class="border radius-10 ratio-4:1 max-w-655px" id="viewer"
onerror="this.src='{{asset('public/assets/front-end/img/placeholder.png')}}'" src="{{asset('storage/app/public/deal')}}/{{$deal['banner']}}" alt="banner image"/>
</center>
</div>
<div class="form-group">
<label for="name" class="title-color">{{\App\CPU\translate('Upload')}} {{\App\CPU\translate('Image')}}</label>
<span class="text-info ml-0">( {{\App\CPU\translate('ratio')}} 5:1 )</span>
<div class="custom-file text-left">
<input type="file" name="image" id="customFileUpload" class="custom-file-input"
accept=".jpg, .png, .jpeg, .gif, .bmp, .tif, .tiff|image/*">
<label class="custom-file-label" for="customFileUpload">{{\App\CPU\translate('choose')}} {{\App\CPU\translate('file')}}</label>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-end gap-3">
<button type="reset" id="reset" class="btn btn-secondary">{{ \App\CPU\translate('reset')}}</button>
<button type="submit" class="btn btn--primary">{{ \App\CPU\translate('update')}}</button>
</div>
</form>
</div>
</div>
</div>
</div>
<!--modal-->
@include('shared-partials.image-process._image-crop-modal',['modal_id'=>'banner-image-modal','width'=>1100,'margin_left'=>'-65%'])
</div>
@endsection
@push('script')
<script src="{{asset('public/assets/back-end')}}/js/select2.min.js"></script>
<script>
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#viewer').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
$("#customFileUpload").change(function () {
readURL(this);
});
$(".js-example-theme-single").select2({
theme: "classic"
});
$(".js-example-responsive").select2({
width: 'resolve'
});
</script>
<!-- Page level custom scripts -->
<script>
$(document).ready(function () {
// color select select2
$('.color-var-select').select2({
templateResult: colorCodeSelect,
templateSelection: colorCodeSelect,
escapeMarkup: function (m) {
return m;
}
});
function colorCodeSelect(state) {
var colorCode = $(state.element).val();
if (!colorCode) return state.text;
return "<span class='color-preview' style='background-color:" + colorCode + ";'></span>" + state.text;
}
});
</script>
<script>
$(".lang_link").click(function (e) {
e.preventDefault();
$(".lang_link").removeClass('active');
$(".lang_form").addClass('d-none');
$(this).addClass('active');
let form_id = this.id;
let lang = form_id.split("-")[0];
console.log(lang);
$("#" + lang + "-form").removeClass('d-none');
if (lang == '{{$default_lang}}') {
$(".from_part_2").removeClass('d-none');
} else {
$(".from_part_2").addClass('d-none');
}
});
$(document).ready(function () {
$('#dataTable').DataTable();
});
</script>
@include('shared-partials.image-process._script',[
'id'=>'banner-image-modal',
'height'=>170,
'width'=>1050,
'multi_image'=>false,
'route'=>route('image-upload')
])
@endpush
Zerion Mini Shell 1.0