Viewing file:  index.blade.php (15.5 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('admin.layouts.app')
@section('title')
{{ __('customer_list') }}
@endsection
@section('content')
@php
$user = auth()->user();
@endphp
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<h3 class="card-title" style="line-height: 36px;">
{{ __('customer_list') }}
</h3>
<div class="float-right d-flex align-items-center justify-content-center">
@if ($user->can('verification-request.index'))
<a href="{{ route('module.customer.verification.request') }}"
class="position-relative btn bg-info mr-2">
<i class="fas fa-hourglass-start mr-1"></i>
{{ __('verification_request') }}
<span style="margin-top: -10px"
class="position-absolute top-2 start-100 translate-middle badge rounded-pill bg-danger">
{{ $verification_requests }}
</span>
</a>
@endif
<a href="{{ route('module.customer.create') }}" class="btn bg-primary">
<i class="fas fa-plus"></i>
{{ __('add_customer') }}
</a>
</div>
</div>
<div class="card-body table-responsive p-0">
<form action="{{ route('module.customer.index') }}" method="GET">
<div class="row justify-content-between my-3">
<div class="col-sm-12 col-md-6 ml-4 mr-4">
<div class="row">
<div class="col-sm-12 col-md-4 mt-1 mt-md-0">
<input type="text" value="{{ request('keyword') }}" class="form-control"
placeholder="{{ __('name') }} , {{ __('username') }} , {{ __('email') }}"
name="keyword" aria-label="{{ __('search') }}">
</div>
<div class="col-sm-12 col-md-4 mt-1 mt-md-0">
<select name="filter_by" class="form-control form-control">
<option value="" class="d-none">{{ __('filter_by') }}</option>
<option value="all" class="">{{ __('all') }}</option>
<option {{ request('filter_by') == 'verified' ? 'selected' : '' }}
value="verified">
{{ __('verified_customer') }}</option>
<option {{ request('filter_by') == 'unverified' ? 'selected' : '' }}
value="unverified">
{{ __('unverified_customer') }}</option>
<option {{ request('filter_by') == 'most_viewed' ? 'selected' : '' }}
value="most_viewed">{{ __('most_viewed') }}</option>
</select>
</div>
<div class="col-sm-12 col-md-4 mt-1 mt-md-0">
<button class="btn btn-primary px-4" type="submit">{{ __('filter') }}
</button>
@if (request('keyword') || request('filter_by') || request('sort_by') || request('perpage'))
<a href="{{ route('module.customer.index') }}"
class="btn btn-danger px-4 ml-1" type="submit">
{{ __('clear') }}
</a>
@endif
</div>
</div>
</div>
</div>
</form>
<div class="row">
<div class="col-12">
<table class="table table-hover text-nowrap table-bordered">
<thead>
<tr class="text-center">
<th width="2%">#</th>
<th width="5%">{{ __('image') }}</th>
<th width="10%">{{ __('name') }}</th>
<th width="10%">{{ __('email') }}</th>
<th width="10%">{{ __('username') }}</th>
<th width="10%">{{ __('purchase_plan') }}</th>
<th width="10%">{{ __('document_status') }}</th>
<th width="10%">{{ __('verified_email') }}</th>
<th width="5%">{{ __('action') }}</th>
</tr>
</thead>
<tbody>
@forelse ($customers as $key =>$customer)
<tr>
<td class="text-center" tabindex="0">{{ $key + 1 }}
</td>
<td class="text-center" tabindex="0">
<a href="{{ route('module.customer.show', $customer->username) }}">
<img src="{{ $customer->image_url }}" class="rounded"
height="50px" width="50px" alt="image">
</a>
</td>
<td class="text-center" tabindex="0">
<a href="{{ route('module.customer.show', $customer->username) }}">
{{ $customer->name }}
</a>
</td>
<td class="text-center" tabindex="0">{{ $customer->email }}</td>
<td class="text-center" tabindex="0">{{ $customer->username }}</td>
<td class="text-center" tabindex="0">
{{ $customer->transactions_count }}
{{ __('times') }}
</td>
<td class="text-center">
@php
$status_class = $customer->document_verified ? $customer->document_verified->status : '';
@endphp
<span
class="text-capitalize badge badge-{{ $status_class == 'pending' ? 'info' : '' }}{{ $status_class == 'approved' ? 'success' : '' }}{{ $status_class == 'rejected' ? 'danger' : '' }}">
{{ $customer->document_verified ? $customer->document_verified->status : '-' }}
</span>
</td>
<td class="text-center">
<span
class="badge badge-{{ $customer->email_verified_at ? 'success' : 'warning' }}">
{{ $customer->email_verified_at ? 'Verified' : 'Unverified' }}
</span>
</td>
<td class="text-center" tabindex="0">
<button type="button" class="btn btn-info dropdown-toggle"
data-toggle="dropdown" aria-expanded="false">
{{ __('options') }}
</button>
<ul class="dropdown-menu" x-placement="bottom-start"
style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 38px, 0px);">
<li><a class="dropdown-item"
href="{{ route('module.customer.show', $customer->username) }}">
<i class="fas fa-eye text-info"></i>
{{ __('view_details') }}
</a></li>
<li><a class="dropdown-item"
href="{{ route('module.customer.edit', $customer->username) }}">
<i class="fas fa-edit text-success"></i>
{{ __('edit_customer') }}
</a></li>
<li><a class="dropdown-item"
href="{{ route('module.customer.ads', $customer->username) }}">
<i class="fab fa-adversal text-primary"></i></i>
{{ __('view_customer_ads') }}
</a></li>
<li>
<form
action="{{ route('module.customer.destroy', $customer->username) }}"
method="POST" class="d-inline">
@method('DELETE')
@csrf
<button type="submit" class="dropdown-item"
onclick="return confirm('{{ __('are_you_sure_want_to_delete_this_item') }}');">
<i class="fas fa-trash text-danger"></i>
{{ __('delete_customer') }}
</button>
</form>
</li>
</ul>
</td>
</tr>
@empty
<tr>
<td colspan="10" class="text-center">
<x-not-found word="{{ __('customer') }}"
route="module.customer.create" />
</td>
</tr>
@endforelse
</tbody>
</table>
</div>
</div>
</div>
@if (request('perpage') != 'all' && $customers->total() > $customers->count())
<div class="card-footer ">
<div class="d-flex justify-content-center">
{{ $customers->links() }}
</div>
</div>
@endif
</div>
</div>
</div>
</div>
@endsection
@section('style')
<style>
.page-link.page-navigation__link.active {
background-color: #007bff;
border-color: #007bff;
color: #fff;
}
.switch {
position: relative;
display: inline-block;
width: 35px;
height: 19px;
}
/* Hide default HTML checkbox */
.switch input {
display: none;
}
/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 15px;
width: 15px;
left: 3px;
bottom: 2px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input.success:checked+.slider {
background-color: #28a745;
}
input:checked+.slider:before {
-webkit-transform: translateX(15px);
-ms-transform: translateX(15px);
transform: translateX(15px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
</style>
@endsection
@section('script')
<script>
$('.toggle-switch').change(function() {
var status = $(this).prop('checked') == true ? 1 : 0;
var username = $(this).data('id');
$.ajax({
type: "POST",
dataType: "json",
url: '{{ route('module.customer.emailverified') }}',
data: {
'status': status,
'username': username
},
success: function(response) {
toastr.success(response.message, 'Success');
}
});
})
</script>
@endsection
|