feat: shop UX polish — password reset / order email / multi-image / customer admin
Shop password reset:
- Configured 'shop_customers' password broker on the existing
password_reset_tokens table
- ShopCustomer::sendPasswordResetNotification overrides Laravel default to
send a ShopPasswordResetMail with a tenant-subdomain reset URL
- Routes /shop/password/forgot, /shop/password/email, /shop/password/reset/{token}
+ ShopAuthController showForgotPassword/sendResetLink/showResetPassword/
resetPassword. Forgot view stays generic ("if it exists, we sent…") to avoid
email enumeration. Login view links to "Am uitat parola".
Order confirmation email:
- ShopOrderConfirmationMail + nicely formatted HTML email template
- ShopOrderNotifier::placed now also emails customer_email (best-effort,
warning-only logged on failure) alongside existing Telegram + staff push
Multiple images per Part:
- Part media collection switched from singleFile to multiple (max 8 in form)
- imageUrls() helper for galleries; imageUrl() still returns first for cards
- PartResource form: reorderable multi-upload
- Shop part detail: vertical thumbnails switch the main image via vanilla JS
ShopCustomerResource (tenant Filament, "Magazin" nav group):
- List with name/phone/email/client_id/orders_count/last_login_at
- Edit (no password field exposed)
- "Trimite reset parolă" action uses the new broker
- OrdersRelationManager shows the customer's orders read-only
Tests (7 new):
- forgot sends mail; forgot doesn't disclose unknown email; reset with valid
token changes password; bad token rejected; order email when customer_email
set; email skipped without it; Part has imageUrls() collection
Full suite: 130 passed.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -1,14 +1,41 @@
|
||||
@extends('shop.layout')
|
||||
@section('title', $part->name)
|
||||
@section('content')
|
||||
@php $currency = $tenant->settings['currency'] ?? 'MDL'; $stock = (float) $part->qty; $img = $part->imageUrl(); @endphp
|
||||
@php
|
||||
$currency = $tenant->settings['currency'] ?? 'MDL';
|
||||
$stock = (float) $part->qty;
|
||||
$imgs = $part->imageUrls();
|
||||
@endphp
|
||||
|
||||
<a href="/shop" class="muted">← Înapoi la catalog</a>
|
||||
|
||||
@if ($img)
|
||||
<div class="card" style="margin-top:12px;display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:start;">
|
||||
<div style="border-radius:10px;overflow:hidden;aspect-ratio:1;background:#f9fafb;border:1px solid #e5e7eb;">
|
||||
<img src="{{ $img }}" alt="{{ $part->name }}" style="width:100%;height:100%;object-fit:cover;display:block;">
|
||||
@if (! empty($imgs))
|
||||
<div class="card" style="margin-top:12px;display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:start;">
|
||||
<div>
|
||||
<div style="border-radius:10px;overflow:hidden;aspect-ratio:1;background:#f9fafb;border:1px solid #e5e7eb;">
|
||||
<img id="gallery-main" src="{{ $imgs[0] }}" alt="{{ $part->name }}" style="width:100%;height:100%;object-fit:cover;display:block;">
|
||||
</div>
|
||||
@if (count($imgs) > 1)
|
||||
<div style="display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;">
|
||||
@foreach ($imgs as $i => $url)
|
||||
<button type="button" data-gallery-src="{{ $url }}" data-gallery-index="{{ $i }}"
|
||||
class="gallery-thumb {{ $i === 0 ? 'thumb-active' : '' }}"
|
||||
style="width:54px;height:54px;border-radius:6px;overflow:hidden;padding:0;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;">
|
||||
<img src="{{ $url }}" style="width:100%;height:100%;object-fit:cover;display:block;">
|
||||
</button>
|
||||
@endforeach
|
||||
</div>
|
||||
<style>.thumb-active { border: 2px solid #3b82f6 !important; }</style>
|
||||
<script>
|
||||
document.querySelectorAll('.gallery-thumb').forEach(btn => {
|
||||
btn.addEventListener('click', () => {
|
||||
document.getElementById('gallery-main').src = btn.dataset.gallerySrc;
|
||||
document.querySelectorAll('.gallery-thumb').forEach(b => b.classList.remove('thumb-active'));
|
||||
btn.classList.add('thumb-active');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endif
|
||||
</div>
|
||||
<div>
|
||||
@else
|
||||
|
||||
Reference in New Issue
Block a user