You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
253 lines
13 KiB
253 lines
13 KiB
2 years ago
|
@extends('layouts.vendor.app')
|
||
|
|
|
||
|
|
@section('title', translate('messages.Campaign List'))
|
||
|
|
|
||
|
|
@push('css_or_js')
|
||
|
|
@endpush
|
||
|
|
|
||
|
|
@section('content')
|
||
|
|
@php($restaurant_id = \App\CentralLogics\Helpers::get_restaurant_id())
|
||
|
|
<div class="content container-fluid">
|
||
|
|
<!-- Page Header -->
|
||
|
|
<div class="page-header">
|
||
|
|
<div class="row align-items-center">
|
||
|
|
<div class="col-sm mb-2 mb-sm-0">
|
||
|
|
<h2 class="page-header-title text-capitalize">
|
||
|
|
<div class="card-header-icon d-inline-flex mr-2 img">
|
||
|
|
<img src="{{ asset('/public/assets/admin/img/resturant-panel/page-title/campaign.png') }}"
|
||
|
|
alt="public">
|
||
|
|
</div>
|
||
|
|
<span>
|
||
|
|
{{ translate('messages.campaign') }}
|
||
|
|
</span>
|
||
|
|
<span class="badge badge-soft-dark ml-2">{{ $campaigns->total() }}</span>
|
||
|
|
</h2>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- End Page Header -->
|
||
|
|
<div class="row gx-2 gx-lg-3">
|
||
|
|
<div class="col-sm-12 col-lg-12 mb-3 mb-lg-2">
|
||
|
|
<!-- Card -->
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-header py-2">
|
||
|
|
<div class="search--button-wrapper justify-content-end">
|
||
|
|
<form action="javascript:" id="search-form">
|
||
|
|
@csrf
|
||
|
|
<div class="input-group input--group">
|
||
|
|
<input id="datatableSearch_" type="search" name="search" class="form-control"
|
||
|
|
placeholder="{{ translate('Ex : Search by Title name') }}"
|
||
|
|
aria-label="{{ translate('messages.search') }}">
|
||
|
|
<button type="submit" class="btn btn--secondary">
|
||
|
|
<i class="tio-search"></i>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Table -->
|
||
|
|
<div class="table-responsive datatable-custom">
|
||
|
|
<table id="columnSearchDatatable"
|
||
|
|
class="table table-borderless table-thead-bordered table-nowrap table-align-middle card-table"
|
||
|
|
data-hs-datatables-options='{
|
||
|
|
"order": [],
|
||
|
|
"orderCellsTop": true,
|
||
|
|
"paging":false
|
||
|
|
}'>
|
||
|
|
<thead class="thead-light">
|
||
|
|
<tr>
|
||
|
|
<th class="w-20p">{{ translate('messages.sl') }}</th>
|
||
|
|
<th class="w-20p">{{ translate('messages.title') }}</th>
|
||
|
|
<th class="w-20p">{{ translate('messages.image') }}</th>
|
||
|
|
<th>{{ translate('messages.date') }} {{ translate('messages.duration') }}</th>
|
||
|
|
<th>{{ translate('messages.time') }} {{ translate('messages.duration') }}</th>
|
||
|
|
<th class="w-20p">{{ translate('messages.status') }}</th>
|
||
|
|
<th class="w-20p">{{ translate('messages.action') }}</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
|
||
|
|
<tbody id="set-rows">
|
||
|
|
@foreach ($campaigns as $key => $campaign)
|
||
|
|
<tr>
|
||
|
|
<td>{{ $key + $campaigns->firstItem() }}</td>
|
||
|
|
<td>
|
||
|
|
<span class="d-block font-size-sm text-body">
|
||
|
|
{{ Str::limit($campaign['title'], 25, '...') }}
|
||
|
|
</span>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<div class="overflow-hidden">
|
||
|
|
<img class="initial-75"
|
||
|
|
src="{{ asset('storage/app/public/campaign') }}/{{ $campaign['image'] }}"
|
||
|
|
onerror="this.src='{{ asset('public/assets/admin/img/160x160/img2.jpg') }}'">
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<span
|
||
|
|
class="bg-gradient-light text-dark">{{ $campaign->start_date ? $campaign->start_date->format('d M, Y') . ' - ' . $campaign->end_date->format('d M, Y') : 'N/A' }}</span>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<span
|
||
|
|
class="bg-gradient-light text-dark">{{ $campaign->start_time ? date(config('timeformat'), strtotime($campaign->start_time)) . ' - ' . date(config('timeformat'), strtotime($campaign->end_time)) : 'N/A' }}</span>
|
||
|
|
</td>
|
||
|
|
|
||
|
|
|
||
|
|
<?php
|
||
|
|
$restaurant_ids = [];
|
||
|
|
$restaurant_status = '--';
|
||
|
|
foreach ($campaign->restaurants as $restaurant) {
|
||
|
|
if ($restaurant->id == $restaurant_id && $restaurant->pivot) {
|
||
|
|
$restaurant_status = $restaurant->pivot->campaign_status;
|
||
|
|
}
|
||
|
|
$restaurant_ids[] = $restaurant->id;
|
||
|
|
}
|
||
|
|
?>
|
||
|
|
|
||
|
|
<td class="text-capitalize">
|
||
|
|
@if ($restaurant_status == 'pending')
|
||
|
|
<span class="badge badge-soft-info">
|
||
|
|
{{ translate('messages.not_approved') }}
|
||
|
|
</span>
|
||
|
|
@elseif($restaurant_status == 'confirmed')
|
||
|
|
<span class="badge badge-soft-success">
|
||
|
|
{{ translate('messages.confirmed') }}
|
||
|
|
</span>
|
||
|
|
@elseif($restaurant_status == 'rejected')
|
||
|
|
<span class="badge badge-soft-danger">
|
||
|
|
{{ translate('messages.rejected') }}
|
||
|
|
</span>
|
||
|
|
@else
|
||
|
|
<span class="badge badge-soft-info">
|
||
|
|
{{ translate(str_replace('_', ' ', $restaurant_status)) }}
|
||
|
|
</span>
|
||
|
|
@endif
|
||
|
|
|
||
|
|
</td>
|
||
|
|
|
||
|
|
<td>
|
||
|
|
@if ($restaurant_status == 'rejected')
|
||
|
|
<span class="badge badge-pill badge-danger">{{ translate('Rejected') }}</span>
|
||
|
|
@else
|
||
|
|
@if (in_array($restaurant_id, $restaurant_ids))
|
||
|
|
<button type="button"
|
||
|
|
onclick="form_alert('campaign-{{ $campaign['id'] }}','{{ translate('messages.alert_restaurant_out_from_campaign') }}')"
|
||
|
|
title="You are already joined. Click to out from the campaign."
|
||
|
|
class="join--btn btn--danger text-white">{{ translate('Leave Campaign') }}</button>
|
||
|
|
<form
|
||
|
|
action="{{ route('vendor.campaign.remove-restaurant', [$campaign['id'], $restaurant_id]) }}"
|
||
|
|
method="GET" id="campaign-{{ $campaign['id'] }}">
|
||
|
|
@csrf
|
||
|
|
</form>
|
||
|
|
@else
|
||
|
|
<button type="button" class="join--btn btn--primary text-white"
|
||
|
|
onclick="form_alert('campaign-{{ $campaign['id'] }}','{{ translate('messages.alert_restaurant_join_campaign') }}')"
|
||
|
|
title="Click to join the campaign">{{ translate('Join Campaign') }}</button>
|
||
|
|
<form
|
||
|
|
action="{{ route('vendor.campaign.addrestaurant', [$campaign['id'], $restaurant_id]) }}"
|
||
|
|
method="GET" id="campaign-{{ $campaign['id'] }}">
|
||
|
|
@csrf
|
||
|
|
</form>
|
||
|
|
@endif
|
||
|
|
@endif
|
||
|
|
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
@endforeach
|
||
|
|
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
@if (count($campaigns) === 0)
|
||
|
|
<div class="empty--data">
|
||
|
|
<img src="{{ asset('/public/assets/admin/img/empty.png') }}" alt="public">
|
||
|
|
<h5>
|
||
|
|
{{ translate('no_data_found') }}
|
||
|
|
</h5>
|
||
|
|
</div>
|
||
|
|
@endif
|
||
|
|
<table class="page-area">
|
||
|
|
<tfoot>
|
||
|
|
{!! $campaigns->links() !!}
|
||
|
|
</tfoot>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<!-- End Table -->
|
||
|
|
</div>
|
||
|
|
<!-- End Card -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
@endsection
|
||
|
|
|
||
|
|
@push('script_2')
|
||
|
|
<script>
|
||
|
|
$(document).on('ready', function() {
|
||
|
|
// INITIALIZATION OF DATATABLES
|
||
|
|
// =======================================================
|
||
|
|
var datatable = $.HSCore.components.HSDatatables.init($('#columnSearchDatatable'));
|
||
|
|
|
||
|
|
$('#column1_search').on('keyup', function() {
|
||
|
|
datatable
|
||
|
|
.search(this.value)
|
||
|
|
.draw();
|
||
|
|
});
|
||
|
|
|
||
|
|
$('#column2_search').on('keyup', function() {
|
||
|
|
datatable
|
||
|
|
.columns(2)
|
||
|
|
.search(this.value)
|
||
|
|
.draw();
|
||
|
|
});
|
||
|
|
|
||
|
|
$('#column3_search').on('change', function() {
|
||
|
|
datatable
|
||
|
|
.columns(3)
|
||
|
|
.search(this.value)
|
||
|
|
.draw();
|
||
|
|
});
|
||
|
|
|
||
|
|
$('#column4_search').on('keyup', function() {
|
||
|
|
datatable
|
||
|
|
.columns(4)
|
||
|
|
.search(this.value)
|
||
|
|
.draw();
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
// INITIALIZATION OF SELECT2
|
||
|
|
// =======================================================
|
||
|
|
$('.js-select2-custom').each(function() {
|
||
|
|
var select2 = $.HSCore.components.HSSelect2.init($(this));
|
||
|
|
});
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
<script>
|
||
|
|
$('#search-form').on('submit', function(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
var formData = new FormData(this);
|
||
|
|
$.ajaxSetup({
|
||
|
|
headers: {
|
||
|
|
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
|
||
|
|
}
|
||
|
|
});
|
||
|
|
$.post({
|
||
|
|
url: '{{ route('vendor.campaign.search') }}',
|
||
|
|
data: formData,
|
||
|
|
cache: false,
|
||
|
|
contentType: false,
|
||
|
|
processData: false,
|
||
|
|
beforeSend: function() {
|
||
|
|
$('#loading').show();
|
||
|
|
},
|
||
|
|
success: function(data) {
|
||
|
|
$('#set-rows').html(data.view);
|
||
|
|
$('.page-area').hide();
|
||
|
|
},
|
||
|
|
complete: function() {
|
||
|
|
$('#loading').hide();
|
||
|
|
},
|
||
|
|
});
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
@endpush
|