Viewing file:  index.blade.php (10.75 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.dashboard')
@section('title',trans('multirestaurant::layout.multi_restaurant'))
@section('css')
<style>
.banner_bg_image-remove{
position: absolute;
right: 15px;
top: 0px;
color: #fff !important;
background-color: #ff6d4d !important;
padding: 0px 5px !important;
}
</style>
@endsection
@section('main-content')
@php $template = json_decode(get_settings('multirestaurant_template')); @endphp
<div class="row page-titles mx-0">
<div class="col-sm-6 p-md-0">
<div class="welcome-text">
<h4>{{trans('multirestaurant::layout.multi_restaurant')}}</h4>
<p class="mb-0"></p>
</div>
</div>
<div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">{{trans('layout.home')}}</a></li>
<li class="breadcrumb-item active"><a href="javascript:void(0)">{{trans('multirestaurant::layout.multi_restaurant')}}</a></li>
</ol>
</div>
</div>
<!-- row -->
<div class="row">
<div class="col-xl-12 col-xxl-12">
<div class="card">
<form action="{{route('multirestaurant::multirestaurant.template.store')}}" method="post" id="step-form-horizontal"
class="step-form-horizontal" enctype="multipart/form-data">
@csrf
<input type="hidden" name="id" value="{{old('id')?old('id'):(isset($template->id)?$template->id:'')}}">
<div class="card-header">
<h4 class="card-title text-primary">{{trans('multirestaurant::layout.banner_section')}}</h4>
</div>
<div class="card-body">
<div>
<section>
<div class="row">
<div class="col-lg-6 mb-2">
<div class="form-group">
<label class="text-label">{{trans('multirestaurant::layout.title')}}*</label>
<input value="{{old('name')?old('name'):(isset($template->title)?$template->title:'')}}" type="text" name="title"
class="form-control" placeholder="Ex: It's the food and groceries" required>
</div>
</div>
<div class="col-lg-12 mb-2">
<button type="button" class="btn btn-primary float-right add-more-sec-two-btn">Add Banner</button>
</div>
@php
$banner_bg_image_items = isset($template->banner_bg_image_file_names) ? $template->banner_bg_image_file_names : [];
$banner_bg_images = [];
if (!empty($banner_bg_image_items)) {
$banner_bg_images = $banner_bg_image_items;
}
@endphp
@foreach ($banner_bg_images as $banner_bg_image_key => $banner_bg_image)
<div class="col-lg-2 mb-2" id="existing_banner_bg_image_file_names{{$banner_bg_image_key}}">
<button class="btn btn-sm banner_bg_image-remove" data-id="{{$banner_bg_image_key}}">X</button>
<img src="{{ asset('uploads/' . $banner_bg_image) }}" alt="" style="width: 100%" height="100px">
<input type="hidden" name="existing_banner_bg_image_file_names[]" value="{{ $banner_bg_image }}">
</div>
@endforeach
<div class="col-lg-12" id="banner_bg_pics"></div>
</div>
</section>
</div>
</div>
<div class="card-header">
<h4 class="card-title text-primary">{{trans('multirestaurant::layout.restaurant_description')}}</h4>
</div>
<div class="card-body">
<div>
<section>
<div class="row">
<div class="col-lg-12 mb-2">
<div class="form-group">
<label class="text-label">{{trans('multirestaurant::layout.description_title')}}*</label>
<input value="{{old('name')?old('name'):(isset($template->section_four_description_title)?$template->section_four_description_title:'')}}" type="text" name="section_four_description_title"
class="form-control" placeholder="Ex: List your restaurant" required>
</div>
</div>
<div class="col-lg-12 mb-2">
<div class="form-group">
<label class="text-label">{{trans('multirestaurant::layout.description')}}*</label>
<textarea class="form-control" name="section_four_description" cols="30" rows="5" placeholder="Ex: Would you like millions" required>{{old('name')?old('name'):(isset($template)?$template->section_four_description:'')}}</textarea>
</div>
</div>
</div>
</section>
</div>
</div>
<div class="card-header">
<h4 class="card-title text-primary">{{trans('Mobile Section')}}</h4>
</div>
<div class="card-body">
<div>
<section>
<div class="row">
<div class="col-lg-6 mb-2">
<div class="form-group">
<label class="text-label">{{trans('Image')}}*</label>
<input type="file" name="section_mobile_img"
class="form-control" placeholder="Ex: List your restaurant">
</div>
</div>
<div class="col-lg-6 mb-2">
<div class="form-group">
<label class="text-label">{{trans('multirestaurant::layout.title')}}*</label>
<input value="{{old('name')?old('name'):(isset($template->section_mobile_title)?$template->section_mobile_title:'')}}" type="text" name="section_mobile_title"
class="form-control" placeholder="Ex: List your restaurant" required>
</div>
</div>
<div class="col-lg-12 mb-2">
<div class="form-group">
<label class="text-label">{{trans('layout.sub_title')}}*</label>
<input value="{{old('name')?old('name'):(isset($template->section_mobile_sub_title)?$template->section_mobile_sub_title:'')}}" type="text" name="section_mobile_sub_title"
class="form-control" placeholder="Ex: List your restaurant" required>
</div>
</div>
<div class="col-lg-12 mb-2">
<div class="form-group">
<label class="text-label">{{trans('multirestaurant::layout.description')}}*</label>
<textarea class="form-control" name="section_mobile_description" cols="30" rows="5" placeholder="Ex: Would you like millions" required>{{old('name')?old('name'):(isset($template->section_mobile_description)?$template->section_mobile_description:'')}}</textarea>
</div>
</div>
</div>
</section>
</div>
<div class="pull-right mb-4">
<button class="btn btn-primary" type="submit">Submit</button>
</div>
</div>
</form>
</div>
</div>
</div>
@endsection
@section('js')
<script>
let banner_bg_item = 2939;
$(document).on("click", ".add-more-sec-two-btn", function () {
banner_bg_item++;
const banner_bg_html = `
<div class="row align-items-center" id="two_form_column_${banner_bg_item}">
<div class="col-lg-10 mb-3">
<label class="text-label">{{trans('layout.background_image')}} <span class="text-danger">({{trans('layout.expecting_image_size')}} : 1600px by 1200px)</span></label>
<div class="input-group">
<div class="custom-file">
<input name="banner_bg_image[]" type="file" class="custom-file-input">
<label class="custom-file-label">{{trans('layout.choose')}}</label>
</div>
</div>
</div>
<div class="col-lg-2">
<div class="form-group">
<button type="button" class="btn btn-danger btn-sm mt-4 banner_bg_rmv-btn" data-id="${banner_bg_item}">X</button>
</div>
</div>
</div>`;
$("#banner_bg_pics").append(banner_bg_html);
});
$(document).on('click', '.banner_bg_rmv-btn', function () {
const id = $(this).data('id');
$('#two_form_column_' + id).remove();
});
$(document).on('click', '.banner_bg_image-remove', function () {
const id = $(this).data('id');
$('#existing_banner_bg_image_file_names' + id).remove();
});
</script>
@endsection
|