mirror of https://github.com/4xmen/xshop.git
added Avisa theme part
added customer controller to profile WIP: completepull/49/head
parent
01ae09b208
commit
35b2ba64eb
@ -0,0 +1,50 @@
|
||||
<?php
|
||||
|
||||
namespace App\Http\Controllers;
|
||||
|
||||
use App\Models\Invoice;
|
||||
use Illuminate\Http\Request;
|
||||
use Illuminate\Validation\Rules\In;
|
||||
|
||||
class CustomerController extends Controller
|
||||
{
|
||||
//
|
||||
public function __construct()
|
||||
{
|
||||
if (!auth('customer')->check()) {
|
||||
return redirect()->route('client.sign-in');
|
||||
}
|
||||
}
|
||||
|
||||
public function profile()
|
||||
{
|
||||
$area = 'customer';
|
||||
$title = __("Profile");
|
||||
$subtitle = 'You information';
|
||||
return view('client.default-list', compact('area', 'title', 'subtitle'));return auth('customer')->user();
|
||||
}
|
||||
|
||||
public function save(Request $request){
|
||||
$request->validate([
|
||||
'name' => ['required', 'string', 'max:255'],
|
||||
'email' => ['required', 'string', 'email', 'max:255'],
|
||||
'mobile' => ['required', 'string', 'max:255'],
|
||||
'password' => ['nullable', 'string', 'min:8', 'confirmed'],
|
||||
]);
|
||||
|
||||
$customer = auth('customer')->user();
|
||||
$customer->name = $request->name;
|
||||
$customer->email = $request->email;
|
||||
$customer->mobile = $request->mobile;
|
||||
if ($request->has('password') && trim($request->input('password')) != ''){
|
||||
$customer->password = bcrypt($request->password);
|
||||
}
|
||||
$customer->save();
|
||||
return redirect()->route('client.profile')->with('message', __('Profile updated successfully'));
|
||||
}
|
||||
|
||||
public function invoice(Invoice $invoice){
|
||||
return $invoice;
|
||||
}
|
||||
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.3 KiB |
@ -0,0 +1,16 @@
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
if (document.querySelectorAll('.tab-control a').length > 0) {
|
||||
document.querySelectorAll('.tab-control a')?.forEach(function (el) {
|
||||
el.addEventListener('click', function () {
|
||||
try {
|
||||
document.querySelector('.tab-control a.active').classList.remove('active');
|
||||
this.classList.add('active');
|
||||
document.querySelector('.tab.active').classList.remove('active');
|
||||
document.querySelector(this.getAttribute('href')).classList.add('active');
|
||||
} catch {
|
||||
}
|
||||
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
@ -0,0 +1,340 @@
|
||||
<section id='AvisaCustomer'>
|
||||
<div class="{{gfx()['container']}}">
|
||||
<div class="row">
|
||||
<div class="col-lg-3">
|
||||
<img src="{{asset('assets/default/unknown.svg')}}" alt="[avatar]" class="avisa-avatar">
|
||||
<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-inbox-2-line"></i>
|
||||
{{__("Tickets")}}
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#tickets">
|
||||
<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="{{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-message-3-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>
|
||||
@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 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($inv->status == 'PENDING')
|
||||
<a href="#" 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">
|
||||
@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.sign.sms')) 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-6 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-6 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-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">
|
||||
|
||||
{{-- WIP tikets--}}
|
||||
</div>
|
||||
<div class="tab" id="comments">
|
||||
|
||||
{{-- WIP comments--}}
|
||||
</div>
|
||||
<div class="tab" id="submit-ticket">
|
||||
{{-- WIP submit new ticket --}}
|
||||
</div>
|
||||
<div class="tab" id="addresses">
|
||||
{{-- WIP submit new ticket --}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -0,0 +1,10 @@
|
||||
{
|
||||
"name": "AvisaCustomer",
|
||||
"version": "1.0",
|
||||
"author": "xStack",
|
||||
"email": "xshop@xstack.ir",
|
||||
"license": "GPL-3.0-or-later",
|
||||
"url": "https:\/\/xstack.ir",
|
||||
"author_url": "https:\/\/4xmen.ir",
|
||||
"packages": []
|
||||
}
|
||||
@ -0,0 +1,21 @@
|
||||
<?php
|
||||
|
||||
namespace Resources\Views\Segments;
|
||||
|
||||
use App\Models\Part;
|
||||
|
||||
class AvisaCustomer
|
||||
{
|
||||
public static function onAdd(Part $part = null)
|
||||
{
|
||||
|
||||
}
|
||||
public static function onRemove(Part $part = null)
|
||||
{
|
||||
|
||||
}
|
||||
public static function onMount(Part $part = null)
|
||||
{
|
||||
return $part;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,93 @@
|
||||
#AvisaCustomer {
|
||||
padding: 2rem 0;
|
||||
.avisa-avatar {
|
||||
height: 128px;
|
||||
width: 128px;
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
object-fit: cover;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
#avisa-tabs {
|
||||
list-style: none;
|
||||
padding: 1rem 0;
|
||||
margin: 1rem 0;
|
||||
border-radius: var(--xshop-border-radius);
|
||||
|
||||
background: var(--xshop-primary);
|
||||
|
||||
li {
|
||||
a {
|
||||
padding: .5rem 1rem;
|
||||
color: var(--xshop-diff);
|
||||
display: block;
|
||||
font-size: 20px;
|
||||
transition: 500ms;
|
||||
|
||||
&.active, &:hover {
|
||||
background: var(--xshop-secondary);
|
||||
color: var(--xshop-diff2);
|
||||
}
|
||||
}
|
||||
|
||||
i{
|
||||
margin: 0 1rem;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.avisa-grid{
|
||||
.grid-item{
|
||||
overflow: hidden;
|
||||
height: 200px;
|
||||
border-radius: var(--xshop-border-radius);
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
i{
|
||||
position: absolute;
|
||||
transform: rotateZ(-17deg);
|
||||
inset-inline-start: 7%;
|
||||
top: -10%;
|
||||
font-size: 75px;
|
||||
opacity: .3;
|
||||
}
|
||||
|
||||
h3{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: .2rem;
|
||||
text-align: center;
|
||||
opacity: .7;
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(1){
|
||||
.grid-item{
|
||||
background: rgba(248, 170, 0, 0.63);
|
||||
}
|
||||
}
|
||||
&:nth-child(2){
|
||||
.grid-item{
|
||||
background: rgba(184, 11, 109, 0.63);
|
||||
}
|
||||
}
|
||||
&:nth-child(3){
|
||||
.grid-item{
|
||||
background: rgba(11, 184, 123, 0.63);
|
||||
}
|
||||
}
|
||||
&:nth-child(4){
|
||||
.grid-item{
|
||||
background: rgba(11, 112, 184, 0.63);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 86 KiB |
Loading…
Reference in New Issue