mirror of https://github.com/4xmen/xshop.git
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
540 lines
27 KiB
PHTML
540 lines
27 KiB
PHTML
<section id='AvisaCustomer'>
|
|
<div class="{{gfx()['container']}}">
|
|
<div class="row">
|
|
<div class="col-lg-3">
|
|
<img src="{{auth('customer')->user()->avatar()}}" alt="[avatar]" class="avisa-avatar" onclick="document.querySelector('#avatar').click();">
|
|
<div class="text-center ">
|
|
{{__("Welcome back")}}
|
|
<br>
|
|
<strong>
|
|
{{auth('customer')->user()->name}}
|
|
</strong>
|
|
</div>
|
|
<ul class="tab-control" id="avisa-tabs">
|
|
<li>
|
|
<a href="#summary" class="active">
|
|
<i class="ri-home-2-line"></i>
|
|
{{__("Summary")}}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#invoices">
|
|
<i class="ri-file-list-3-line"></i>
|
|
{{__("Invoices")}}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#profile">
|
|
<i class="ri-user-3-line"></i>
|
|
{{__("Profile")}}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#addresses">
|
|
<i class="ri-map-pin-user-line"></i>
|
|
{{__("Addresses")}}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#credit">
|
|
<i class="ri-bank-card-2-line"></i>
|
|
{{__("Credit")}}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#tickets">
|
|
<i class="ri-customer-service-fill"></i>
|
|
{{__("Tickets")}}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#submit-ticket">
|
|
<i class="ri-mail-add-line"></i>
|
|
{{__("Submit new ticket")}}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#comments">
|
|
<i class="ri-message-2-line"></i>
|
|
{{__("Comments")}}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#favs">
|
|
<i class="ri-hearts-line"></i>
|
|
{{__("Favorites")}}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{route('client.sign-out')}}">
|
|
<i class="ri-logout-box-line"></i>
|
|
{{__("Sign-out")}}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-lg-9" id="tabs-content">
|
|
|
|
<div class="mt-lg-5 mb-lg-5"> </div>
|
|
<div class="mt-lg-5 mb-lg-5"> </div>
|
|
@include('components.err')
|
|
<div class="tab active" id="summary">
|
|
<div class="row">
|
|
<div class="avisa-grid col-lg-3 col-md-6">
|
|
<div class="grid-item">
|
|
<i class="ri-list-check-3"></i>
|
|
<h2>
|
|
{{number_format(auth('customer')->user()->invoices()->count())}}
|
|
</h2>
|
|
<h3>
|
|
{{__("Invoices")}}
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
<div class="avisa-grid col-lg-3 col-md-6">
|
|
<div class="grid-item">
|
|
<i class="ri-bank-card-2-line"></i>
|
|
<h3>
|
|
{{__("Credits")}}
|
|
</h3>
|
|
<h2>
|
|
{{number_format(auth('customer')->user()->credit)}}
|
|
{{config('app.currency.symbol')}}
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
<div class="avisa-grid col-lg-3 col-md-6">
|
|
<div class="grid-item">
|
|
<i class="ri-customer-service-2-line"></i>
|
|
<h2>
|
|
{{number_format(auth('customer')->user()->tickets()->count())}}
|
|
</h2>
|
|
<h3>
|
|
{{__("Tickets")}}
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
<div class="avisa-grid col-lg-3 col-md-6">
|
|
<div class="grid-item">
|
|
<i class="ri-map-pin-line"></i>
|
|
<h2>
|
|
{{number_format(auth('customer')->user()->addresses()->count())}}
|
|
</h2>
|
|
<h3>
|
|
{{__("Addresses")}}
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
<div class="avisa-grid col-md-6">
|
|
<div class="grid-item">
|
|
<i class="ri-message-3-line"></i>
|
|
<h2>
|
|
{{number_format(auth('customer')->user()->comments()->count())}}
|
|
</h2>
|
|
<h3>
|
|
{{__("Comments")}}
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
<div class="avisa-grid col-md-6">
|
|
<div class="grid-item">
|
|
<i class="ri-hearts-line"></i>
|
|
<h2>
|
|
{{number_format(auth('customer')->user()->favorites()->count())}}
|
|
</h2>
|
|
<h3>
|
|
{{__("Favorites")}}
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@if(cardCount() > 0)
|
|
<div class="alert alert-info mt-4">
|
|
<a href="{{ route('client.card') }}" class="btn btn-primary float-end">
|
|
{{__("Continue")}}
|
|
</a>
|
|
<h5 class="alert-heading">
|
|
{{__("System notification")}}
|
|
</h5>
|
|
{{__("You have some products in your shopping card.")}}
|
|
<br>
|
|
</div>
|
|
@endif
|
|
@if( auth('customer')->user()->name == null || trim(auth('customer')->user()->name) == '')
|
|
<div class="alert alert-danger mt-4">
|
|
<h5 class="alert-heading">
|
|
{{__("System notification")}}
|
|
</h5>
|
|
{{__("Your information is insufficient, Please complete your information")}}
|
|
</div>
|
|
@endif
|
|
@if( auth('customer')->user()->addresses()->count() == 0)
|
|
<div class="alert alert-danger mt-4">
|
|
<h5 class="alert-heading">
|
|
{{__("System notification")}}
|
|
</h5>
|
|
{{__("You need at least one address to order, Please add address")}}
|
|
</div>
|
|
@endif
|
|
</div>
|
|
<div class="tab" id="invoices">
|
|
<table class="table table-striped text-center">
|
|
<tr>
|
|
<th>
|
|
#
|
|
</th>
|
|
<th>
|
|
{{__("Datetime")}}
|
|
</th>
|
|
<th>
|
|
{{__("Orders count")}}
|
|
</th>
|
|
<th>
|
|
{{__("Total price")}}
|
|
</th>
|
|
<th>
|
|
{{__("Status")}}
|
|
</th>
|
|
<th>
|
|
-
|
|
</th>
|
|
</tr>
|
|
@foreach(auth('customer')->user()->invoices()->orderByDesc('id')->get() as $inv)
|
|
<tr>
|
|
<td>
|
|
{{$inv->hash}}
|
|
</td>
|
|
<td>
|
|
{{$inv->created_at->ldate('Y-m-d H:i')}}
|
|
</td>
|
|
<td>
|
|
{{number_format($inv->count)}}
|
|
</td>
|
|
<td>
|
|
<b>
|
|
{{number_format($inv->total_price)}}
|
|
{{config('app.currency.symbol')}}
|
|
</b>
|
|
</td>
|
|
<td>
|
|
<span class="inv-{{$inv->status}}">
|
|
{{__($inv->status)}}
|
|
</span>
|
|
</td>
|
|
<td style="width: 170px">
|
|
<a href="{{ route('client.invoice',$inv->hash) }}"
|
|
class="btn btn-outline-primary btn-sm ">
|
|
<i class="ri-eye-line"></i>
|
|
</a>
|
|
@if( in_array($inv->status, ['PENDING', 'CANCELED', 'FAILED'] ) && $inv->created_at->timestamp > (time() - 3600) )
|
|
<a href="{{route('client.pay',$inv->hash)}}"
|
|
class="btn btn-outline-primary btn-sm ms-2">
|
|
<i class="ri-secure-payment-line"></i>
|
|
{{__("Pay now")}}
|
|
</a>
|
|
|
|
@endif
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</table>
|
|
</div>
|
|
<div class="tab" id="profile">
|
|
<div class="alert alert-info">
|
|
{{__("If you want to change the password, choose both the same. Otherwise, leave the password field blank.")}}
|
|
</div>
|
|
<form action="{{route('client.profile.save')}}" method="post" enctype="multipart/form-data">
|
|
@csrf
|
|
<div class="row">
|
|
<div class="col-md-4 mt-3">
|
|
<div class="form-group">
|
|
<label for="name">
|
|
{{__('Name')}}
|
|
</label>
|
|
<input name="name" type="text"
|
|
class="form-control @error('name') is-invalid @enderror"
|
|
placeholder="{{__('Name')}}"
|
|
value="{{old('name',auth('customer')->user()->name??null)}}"/>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mt-3">
|
|
<div class="form-group">
|
|
<label for="email">
|
|
{{__('Email')}}
|
|
</label>
|
|
<input name="email" type="email"
|
|
class="form-control @error('email') is-invalid @enderror"
|
|
placeholder="{{__('Email')}}"
|
|
value="{{old('email',auth('customer')->user()->email??null)}}"/>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mt-3">
|
|
<div class="form-group">
|
|
<label for="mobile">
|
|
{{__('Mobile')}}
|
|
</label>
|
|
<input name="mobile" type="text" @if(config('app.sms.sign')) readonly
|
|
@endif class="form-control @error('mobile') is-invalid @enderror"
|
|
placeholder="{{__('Mobile')}}"
|
|
value="{{old('mobile',auth('customer')->user()->mobile??null)}}"
|
|
min-length="10"/>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 mt-3">
|
|
<div class="form-group">
|
|
<label for="dp">
|
|
{{__('Date of born')}}
|
|
</label>
|
|
<vue-datetime-picker-input
|
|
:xmax="{{strtotime('yesterday')}}"
|
|
xid="dp" xname="dob" xshow="pdate" xtitle="{{__("Date of born")}}" def-tab="0"
|
|
:xvalue="{{strtotime(auth('customer')->user()->dob)}}"
|
|
:timepicker="false"
|
|
></vue-datetime-picker-input>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 mt-3">
|
|
<label for="height">
|
|
{{__('Height')}}
|
|
</label>
|
|
<input name="height" type="text"
|
|
class="form-control @error('height') is-invalid @enderror"
|
|
placeholder="{{__('Height')}}"
|
|
value="{{old('height',auth('customer')->user()->height??null)}}"
|
|
minlength="2"/>
|
|
</div>
|
|
<div class="col-md-3 mt-3">
|
|
<label for="weight">
|
|
{{__('Weight')}}
|
|
</label>
|
|
<input name="weight" type="text"
|
|
class="form-control @error('weight') is-invalid @enderror"
|
|
placeholder="{{__('Weight')}}"
|
|
value="{{old('weight',auth('customer')->user()->weight??null)}}"
|
|
minlength="2"/>
|
|
</div>
|
|
<div class="col-md-3 mt-3">
|
|
<label for="sex">
|
|
{{__('Sex')}}
|
|
</label>
|
|
<select name="sex" id="sex" class="form-control">
|
|
<option value="MALE"> {{__("Male")}} </option>
|
|
<option value="FEMALE"
|
|
@if(auth('customer')->user()->sex == 'FEMALE') selected @endif> {{__("Female")}} </option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-4 mt-3">
|
|
<div class="form-group">
|
|
<label for="password">
|
|
{{__('Password')}}
|
|
</label>
|
|
<input name="password" type="password"
|
|
class="form-control @error('password') is-invalid @enderror"
|
|
placeholder="{{__('Password')}}" value="{{old('password',''??null)}}"/>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mt-3">
|
|
<div class="form-group">
|
|
<label for="password_confirmation">
|
|
{{__('password repeat')}}
|
|
</label>
|
|
<input name="password_confirmation" type="password"
|
|
class="form-control @error('password_confirmation') is-invalid @enderror"
|
|
placeholder="{{__('password repeat')}}"
|
|
value="{{old('password_confirmation',$item->password_confirmation??null)}}"/>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mt-3">
|
|
<div class="form-group">
|
|
<label>
|
|
{{__("Avatar")}}
|
|
</label>
|
|
<input type="file" name="avatar" class="form-control" id="avatar" accept="image/jpeg">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<label> </label>
|
|
<input name="" type="submit" class="btn btn-primary mt-3 w-100 "
|
|
value="{{__('Save')}}"/>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="tab" id="credit">
|
|
<div class="avisa-grid">
|
|
<div class="grid-item">
|
|
<i class="ri-bank-card-2-line"></i>
|
|
<h3>
|
|
{{__("Credits")}}
|
|
</h3>
|
|
<h2>
|
|
{{number_format(auth('customer')->user()->credit)}}
|
|
{{config('app.currency.symbol')}}
|
|
</h2>
|
|
|
|
</div>
|
|
</div>
|
|
<h5 class="my-3">
|
|
{{__("Credit history")}}
|
|
</h5>
|
|
@foreach(auth('customer')->user()->credits as $cr)
|
|
<div class="alert alert-info">
|
|
@if($cr->invoice_id != null)
|
|
<a href="{{ route('client.invoice',$cr->invoice()->hash) }}"
|
|
class="btn btn-outline-primary btn-sm ">
|
|
<i class="ri-eye-line"></i>
|
|
</a>
|
|
@endif
|
|
[{{$cr->created_at->ldate('Y-m-d H:i')}}]
|
|
<b class="ms-4">
|
|
{{number_format($cr->amount)}} {{config('app.currency.symbol')}}
|
|
</b>
|
|
@php($data = json_decode($cr->data))
|
|
@if(isset($data->message))
|
|
<i class="ms-4">
|
|
{{$data->message}}
|
|
</i>
|
|
@endif
|
|
</div>
|
|
@endforeach
|
|
{{-- WIP add credit manual--}}
|
|
|
|
</div>
|
|
<div class="tab" id="tickets">
|
|
<table class="table table-striped">
|
|
<tr>
|
|
<td>
|
|
#
|
|
</td>
|
|
<th>
|
|
{{__("Title")}}
|
|
</th>
|
|
<th>
|
|
{{__("Status")}}
|
|
</th>
|
|
<th class="text-center">
|
|
-
|
|
</th>
|
|
</tr>
|
|
@foreach(auth('customer')->user()->main_tickets()->orderByDesc('id')->get() as $i => $ticket)
|
|
<tr>
|
|
<td>
|
|
{{$i+1}}
|
|
</td>
|
|
<td>
|
|
{{$ticket->title}}
|
|
</td>
|
|
<td>
|
|
{{__($ticket->status)}}
|
|
</td>
|
|
<td class="text-center">
|
|
<a href="{{ route('client.ticket.show',$ticket->id) }}"
|
|
class="btn btn-outline-primary btn-sm">
|
|
<i class="ri-eye-line"></i>
|
|
{{__("View")}}
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</table>
|
|
</div>
|
|
<div class="tab" id="comments">
|
|
|
|
@if(auth('customer')->user()->comments()->count() == 0)
|
|
<div class="alert alert-info">
|
|
{{__("You don't have any comments, We are so pleased to hear your look-out")}}
|
|
</div>
|
|
@else
|
|
@foreach(auth('customer')->user()->comments as $comment)
|
|
<div class="avisa-comment">
|
|
<h3>
|
|
{{$comment->commentable->title}}
|
|
{{$comment->commentable->name}}
|
|
</h3>
|
|
<span class="comment-date float-end">
|
|
{{$comment->created_at->ldate('Y-m-d')}}
|
|
</span>
|
|
<p>
|
|
{{$comment->body}}
|
|
</p>
|
|
</div>
|
|
@endforeach
|
|
@endif
|
|
</div>
|
|
<div class="tab" id="submit-ticket">
|
|
<form action="{{ route('client.ticket.submit') }}" method="post">
|
|
@csrf
|
|
<div class="form-group">
|
|
<label for="title">
|
|
{{__("Title")}}
|
|
</label>
|
|
<input type="text" id="title" name="title" value="{{old('title')}}"
|
|
placeholder="{{__("Title")}}"
|
|
class="form-control">
|
|
</div>
|
|
<div class="form-group mt-3">
|
|
<label for="body">
|
|
{{__("Description Text")}}
|
|
</label>
|
|
<textarea rows="7" name="body" class="form-control"
|
|
placeholder="{{__("Your message ...")}}">{{old('body')}}</textarea>
|
|
</div>
|
|
<div class="mt-3">
|
|
<button class="btn btn-outline-primary w-100">
|
|
<i class="ri-send-plane-2-line"></i>
|
|
{{__("Send ticket")}}
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="tab" id="addresses">
|
|
<address-input
|
|
list-link="{{route('client.addresses')}}"
|
|
add-link="{{route('client.address.store')}}"
|
|
update-link="{{route('client.address.update','')}}"
|
|
rem-link="{{route('client.address.destroy','')}}"
|
|
state-link="{{route('v1.state.index')}}"
|
|
cities-link="{{route('v1.state.show','')}}"
|
|
:dark-mode="false"
|
|
:translate='{{vueTranslate([
|
|
'addr-editor' => __('Address editor'),
|
|
'state' => __('State'),
|
|
'city' => __('City'),
|
|
'address' => __('Address'),
|
|
'post-code' => __('Post code'),
|
|
])}}'
|
|
></address-input>
|
|
</div>
|
|
<div class="tab" id="favs">
|
|
@foreach(auth('customer')->user()->favorites as $fav)
|
|
|
|
<div class="product-item">
|
|
<div class="row">
|
|
<div class="col-md-2">
|
|
<img src="{{$fav->imgUrl()}}" class="img-fluid" alt="{{$fav->name}}">
|
|
</div>
|
|
<div class="col-md-10">
|
|
<h4>
|
|
{{$fav->name}}
|
|
</h4>
|
|
<p class="text-muted">
|
|
{{$fav->excerpt}}
|
|
</p>
|
|
<a class="fav-btn float-end mx-2" data-slug="{{$fav->slug}}"
|
|
data-is-fav="{{$fav->isFav()}}"
|
|
data-bs-custom-class="custom-tooltip"
|
|
data-bs-toggle="tooltip" data-bs-placement="top"
|
|
title="{{__("Add to / Remove from favorites")}}">
|
|
<i class="ri-heart-line"></i>
|
|
<i class="ri-heart-fill"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|