Viewing file:  package.blade.php (18.22 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('superadmin.navigation')
@section('content')
<div class="mainSection-title">
<div class="row">
<div class="col-12">
<div
class="d-flex justify-content-between align-items-center flex-wrap gr-15"
>
<div class="d-flex flex-column">
<h4>{{ get_phrase('Packages') }}</h4>
<ul class="d-flex align-items-center eBreadcrumb-2">
<li><a href="#">{{ get_phrase('Home') }}</a></li>
<li><a href="#">{{ get_phrase('Packages') }}</a></li>
</ul>
</div>
<div class="export-btn-area">
<div class="export-btn-area">
<a href="javascript:;" class="export_btn" onclick="rightModal('{{ route('superadmin.create.package') }}', 'Create package')"><i class="bi bi-plus"></i>{{ get_phrase('Add Package') }}</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="eSection-wrap">
<ul class="nav nav-tabs eNav-Tabs-custom pt-2" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="approve-tab" data-bs-toggle="tab" data-bs-target="#approvetable" type="button" role="tab" aria-controls="approvetable" aria-selected="false">
{{ get_phrase('Active ') }}<p class="badge bg-success">{{ count($active_packages) }}</p><span></span>
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="decline-tab" data-bs-toggle="tab" data-bs-target="#declinetable" type="button" role="tab" aria-controls="declinetable" aria-selected="false">
{{ get_phrase('Archive ') }}<p class="badge bg-danger ">{{ count($archive_packages) }}</p><span></span>
</button>
</li>
</ul>
<div class="tab-content pb-2" id="nav-tabContent">
<div class="tab-pane fade show active" id="approvetable" role="tabpanel" aria-labelledby="approve-tab">
<div class="search-filter-area d-flex justify-content-md-between justify-content-center align-items-center flex-wrap gr-15">
<form action="{{ route('superadmin.package') }}">
<div
class="search-input d-flex justify-content-start align-items-center"
>
<span>
<svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
viewBox="0 0 16 16"
>
<path
id="Search_icon"
data-name="Search icon"
d="M2,7A4.951,4.951,0,0,1,7,2a4.951,4.951,0,0,1,5,5,4.951,4.951,0,0,1-5,5A4.951,4.951,0,0,1,2,7Zm12.3,8.7a.99.99,0,0,0,1.4-1.4l-3.1-3.1A6.847,6.847,0,0,0,14,7,6.957,6.957,0,0,0,7,0,6.957,6.957,0,0,0,0,7a6.957,6.957,0,0,0,7,7,6.847,6.847,0,0,0,4.2-1.4Z"
fill="#797c8b"
/>
</svg>
</span>
<input
type="text"
id="search"
name="search"
value="{{ $search }}"
placeholder="Search user"
class="form-control"
/>
</div>
</form>
<!-- Export Button -->
@if(count($active_packages) > 0)
<div class="position-relative">
<button
class="eBtn-3 dropdown-toggle"
type="button"
id="defaultDropdown"
data-bs-toggle="dropdown"
data-bs-auto-close="true"
aria-expanded="false"
>
<span class="pr-10">
<svg
xmlns="http://www.w3.org/2000/svg"
width="12.31"
height="10.77"
viewBox="0 0 10.771 12.31"
>
<path
id="arrow-right-from-bracket-solid"
d="M3.847,1.539H2.308a.769.769,0,0,0-.769.769V8.463a.769.769,0,0,0,.769.769H3.847a.769.769,0,0,1,0,1.539H2.308A2.308,2.308,0,0,1,0,8.463V2.308A2.308,2.308,0,0,1,2.308,0H3.847a.769.769,0,1,1,0,1.539Zm8.237,4.39L9.007,9.007A.769.769,0,0,1,7.919,7.919L9.685,6.155H4.616a.769.769,0,0,1,0-1.539H9.685L7.92,2.852A.769.769,0,0,1,9.008,1.764l3.078,3.078A.77.77,0,0,1,12.084,5.929Z"
transform="translate(0 12.31) rotate(-90)"
fill="#00a3ff"
/>
</svg>
</span>
{{ get_phrase('Export') }}
</button>
<ul
class="dropdown-menu dropdown-menu-end eDropdown-menu-2"
>
<li>
<a class="dropdown-item" id="pdf" href="javascript:;" onclick="activeExport()">{{ get_phrase('PDF') }}</a>
</li>
<li>
<a class="dropdown-item" id="print" href="javascript:;" onclick="printableDiv('package_list')">{{ get_phrase('Print') }}</a>
</li>
</ul>
</div>
@endif
</div>
@if(count($active_packages) > 0)
<table class="table eTable">
<thead>
<th>#</th>
<th>{{ get_phrase('Package') }}</th>
<th>{{ get_phrase('Price') }}</th>
<th>{{ get_phrase('Interval') }}</th>
<th>{{ get_phrase('Preiod') }}</th>
<th>{{ get_phrase('Status') }}</th>
<th class="text-end">{{ get_phrase('Action') }}</th>
</thead>
<tbody>
@foreach($active_packages as $key => $active_package)
<tr>
<td>{{ $active_packages->firstItem() + $key }}</td>
<td><strong>{{ $active_package->name }}</strong></td>
<td>{{ $active_package->price }}</td>
<td>{{ $active_package->interval }}</td>
<td>{{ $active_package->days }}</td>
<td>
<?php if ($active_package->status != '1'): ?>
<span class="eBadge ebg-danger">{{ get_phrase('Archive') }}</span>
<?php else: ?>
<span class="eBadge ebg-success">{{ get_phrase('Active') }}</span>
<?php endif; ?>
</td>
<td class="text-start">
<div class="adminTable-action">
<button
type="button"
class="eBtn eBtn-black dropdown-toggle table-action-btn-2"
data-bs-toggle="dropdown"
aria-expanded="false"
>
{{ get_phrase('Actions') }}
</button>
<ul
class="dropdown-menu dropdown-menu-end eDropdown-menu-2 eDropdown-table-action"
>
<li>
<a class="dropdown-item" href="javascript:;" onclick="rightModal('{{ route('superadmin.edit.package', ['id' => $active_package->id]) }}', 'Edit active_Package')">{{ get_phrase('Edit') }}</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;" onclick="confirmModal('{{ route('superadmin.package.delete', ['id' => $active_package->id]) }}', 'undefined');">{{ get_phrase('Delete') }}</a>
</li>
</ul>
</div>
</td>
</tr>
@endforeach
</tbody>
</table>
{!! $active_packages->appends(request()->all())->links() !!}
@else
<div class="empty_box center">
<img class="mb-3" width="150px" src="{{ asset('assets/images/empty_box.png') }}" />
<br>
{{ get_phrase('No data found') }}
</div>
@endif
</div>
<div class="tab-pane fade show " id="declinetable" role="tabpanel" aria-labelledby="decline-tab">
<div class="search-filter-area d-flex justify-content-md-between justify-content-center align-items-center flex-wrap gr-15">
<form action="{{ route('superadmin.package') }}">
<div
class="search-input d-flex justify-content-start align-items-center"
>
<span>
<svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
viewBox="0 0 16 16"
>
<path
id="Search_icon"
data-name="Search icon"
d="M2,7A4.951,4.951,0,0,1,7,2a4.951,4.951,0,0,1,5,5,4.951,4.951,0,0,1-5,5A4.951,4.951,0,0,1,2,7Zm12.3,8.7a.99.99,0,0,0,1.4-1.4l-3.1-3.1A6.847,6.847,0,0,0,14,7,6.957,6.957,0,0,0,7,0,6.957,6.957,0,0,0,0,7a6.957,6.957,0,0,0,7,7,6.847,6.847,0,0,0,4.2-1.4Z"
fill="#797c8b"
/>
</svg>
</span>
<input
type="text"
id="search"
name="search"
value="{{ $search }}"
placeholder="Search user"
class="form-control"
/>
</div>
</form>
<!-- Export Button -->
@if(count($archive_packages) > 0)
<div class="position-relative">
<button
class="eBtn-3 dropdown-toggle"
type="button"
id="defaultDropdown"
data-bs-toggle="dropdown"
data-bs-auto-close="true"
aria-expanded="false"
>
<span class="pr-10">
<svg
xmlns="http://www.w3.org/2000/svg"
width="12.31"
height="10.77"
viewBox="0 0 10.771 12.31"
>
<path
id="arrow-right-from-bracket-solid"
d="M3.847,1.539H2.308a.769.769,0,0,0-.769.769V8.463a.769.769,0,0,0,.769.769H3.847a.769.769,0,0,1,0,1.539H2.308A2.308,2.308,0,0,1,0,8.463V2.308A2.308,2.308,0,0,1,2.308,0H3.847a.769.769,0,1,1,0,1.539Zm8.237,4.39L9.007,9.007A.769.769,0,0,1,7.919,7.919L9.685,6.155H4.616a.769.769,0,0,1,0-1.539H9.685L7.92,2.852A.769.769,0,0,1,9.008,1.764l3.078,3.078A.77.77,0,0,1,12.084,5.929Z"
transform="translate(0 12.31) rotate(-90)"
fill="#00a3ff"
/>
</svg>
</span>
{{ get_phrase('Export') }}
</button>
<ul
class="dropdown-menu dropdown-menu-end eDropdown-menu-2"
>
<li>
<a class="dropdown-item" id="pdf" href="javascript:;" onclick="archiveExport()">{{ get_phrase('PDF') }}</a>
</li>
<li>
<a class="dropdown-item" id="print" href="javascript:;" onclick="printableDiv('package_list')">{{ get_phrase('Print') }}</a>
</li>
</ul>
</div>
@endif
</div>
@if(count($archive_packages) > 0)
<table class="table eTable">
<thead>
<th>#</th>
<th>{{ get_phrase('Package') }}</th>
<th>{{ get_phrase('Price') }}</th>
<th>{{ get_phrase('Interval') }}</th>
<th>{{ get_phrase('Preiod') }}</th>
<th>{{ get_phrase('Status') }}</th>
<th class="text-end">{{ get_phrase('Action') }}</th>
</thead>
<tbody>
@foreach($archive_packages as $key => $archive_package)
<tr>
<td>{{ $archive_packages->firstItem() + $key }}</td>
<td><strong>{{ $archive_package->name }}</strong></td>
<td>{{ $archive_package->price }}</td>
<td>{{ $archive_package->interval }}</td>
<td>{{ $archive_package->days }}</td>
<td>
<?php if ($archive_package->status != '1'): ?>
<span class="eBadge ebg-danger">{{ get_phrase('Archive') }}</span>
<?php else: ?>
<span class="eBadge ebg-success">{{ get_phrase('Active') }}</span>
<?php endif; ?>
</td>
<td class="text-start">
<div class="adminTable-action">
<button
type="button"
class="eBtn eBtn-black dropdown-toggle table-action-btn-2"
data-bs-toggle="dropdown"
aria-expanded="false"
>
{{ get_phrase('Actions') }}
</button>
<ul
class="dropdown-menu dropdown-menu-end eDropdown-menu-2 eDropdown-table-action"
>
<li>
<a class="dropdown-item" href="javascript:;" onclick="rightModal('{{ route('superadmin.edit.package', ['id' => $archive_package->id]) }}', 'Edit archive_Package')">{{ get_phrase('Edit') }}</a>
</li>
<li>
<a class="dropdown-item" href="javascript:;" onclick="confirmModal('{{ route('superadmin.package.delete', ['id' => $archive_package->id]) }}', 'undefined');">{{ get_phrase('Delete') }}</a>
</li>
</ul>
</div>
</td>
</tr>
@endforeach
</tbody>
</table>
{!! $archive_packages->appends(request()->all())->links() !!}
@else
<div class="empty_box center">
<img class="mb-3" width="150px" src="{{ asset('assets/images/empty_box.png') }}" />
<br>
{{ get_phrase('No data found') }}
</div>
@endif
</div>
</div>
</div>
</div>
</div>
@if(count($active_packages) > 0)
<div class="table-responsive package_list display-none-view" id="active_package_list">
<table class="table eTable">
<thead>
<th>#</th>
<th>{{ get_phrase('Package') }}</th>
<th>{{ get_phrase('Price') }}</th>
<th>{{ get_phrase('Interval') }}</th>
<th>{{ get_phrase('Preiod') }}</th>
<th>{{ get_phrase('Status') }}</th>
</thead>
<tbody>
@foreach($active_packages as $key => $active_package)
<tr>
<td>{{ $active_packages->firstItem() + $key }}</td>
<td><strong>{{ $active_package->name }}</strong></td>
<td>{{ $active_package->price }}</td>
<td>{{ $active_package->interval }}</td>
<td>{{ $active_package->days }}</td>
<td>
<?php if ($active_package->status != '1'): ?>
<span class="eBadge ebg-danger">{{ get_phrase('Archive') }}</span>
<?php else: ?>
<span class="eBadge ebg-success">{{ get_phrase('Active') }}</span>
<?php endif; ?>
</td>
</tr>
@endforeach
</tbody>
</table>
{!! $active_packages->appends(request()->all())->links() !!}
</div>
@endif
@if(count($archive_packages) > 0)
<div class="table-responsive package_list display-none-view" id="archive_package_list">
<table class="table eTable">
<thead>
<th>#</th>
<th>{{ get_phrase('Package') }}</th>
<th>{{ get_phrase('Price') }}</th>
<th>{{ get_phrase('Interval') }}</th>
<th>{{ get_phrase('Preiod') }}</th>
<th>{{ get_phrase('Status') }}</th>
</thead>
<tbody>
@foreach($archive_packages as $key => $archive_package)
<tr>
<td>{{ $archive_packages->firstItem() + $key }}</td>
<td><strong>{{ $archive_package->name }}</strong></td>
<td>{{ $archive_package->price }}</td>
<td>{{ $archive_package->interval }}</td>
<td>{{ $archive_package->days }}</td>
<td>
<?php if ($archive_package->status != '1'): ?>
<span class="eBadge ebg-danger">{{ get_phrase('Archive') }}</span>
<?php else: ?>
<span class="eBadge ebg-success">{{ get_phrase('Active') }}</span>
<?php endif; ?>
</td>
</tr>
@endforeach
</tbody>
</table>
{!! $archive_packages->appends(request()->all())->links() !!}
</div>
@endif
<script type="text/javascript">
"use strict";
function activeExport() {
// Choose the element that our invoice is rendered in.
const element = document.getElementById('active_package_list');
// clone the element
var clonedElement = element.cloneNode(true);
// change display of cloned element
$(clonedElement).css("display", "block");
// Choose the clonedElement and save the PDF for our user.
var opt = {
margin: 1,
filename: 'active_package_list_{{ date("y-m-d") }}.pdf',
image: { type: 'jpeg', quality: 0.98 },
html2canvas: { scale: 2 }
};
// New Promise-based usage:
html2pdf().set(opt).from(clonedElement).save();
// remove cloned element
clonedElement.remove();
}
function archiveExport() {
// Choose the element that our invoice is rendered in.
const element = document.getElementById('archive_package_list');
// clone the element
var clonedElement = element.cloneNode(true);
// change display of cloned element
$(clonedElement).css("display", "block");
// Choose the clonedElement and save the PDF for our user.
var opt = {
margin: 1,
filename: 'archive_package_list_{{ date("y-m-d") }}.pdf',
image: { type: 'jpeg', quality: 0.98 },
html2canvas: { scale: 2 }
};
// New Promise-based usage:
html2pdf().set(opt).from(clonedElement).save();
// remove cloned element
clonedElement.remove();
}
function printableDiv(printableAreaDivId) {
var printContents = document.getElementById(printableAreaDivId).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
</script>
@endsection
|