club card departaimant

2024-07-08 11:13:33 +02:00 · 2024-07-08 11:13:33 +02:00 · 88631d3069
commit 88631d3069
parent 263ec25557
5 changed files with 80 additions and 1 deletions
--- a/resources/sass/club/club.scss
+++ b/resources/sass/club/club.scss
@ -20,6 +20,7 @@

 // * PARTIALS
@import "./partials/card-discount";
+@import "./partials/card-club-departaimant";
@import "./partials/card-club-favorite";
@import "./partials/card-club-game";
@import "./partials/card-club-home";
--- a/resources/sass/club/partials/_card-club-departaimant.scss
+++ b/resources/sass/club/partials/_card-club-departaimant.scss
@ -0,0 +1,11 @@
+.card-club-departaimant {
+    position: relative;
+
+    .img-departaimant {
+        position: absolute;
+        top: -.5rem;
+        right: .1rem;
+        width: 5.0406rem;
+        height: 5.3712rem;
+    }
+}
--- a/resources/views/club/icons/personnes.blade.php
+++ b/resources/views/club/icons/personnes.blade.php
@ -0,0 +1,6 @@
+<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="28" height="22" viewBox="0 0 28 22" fill="none">
+    <text class="visually-hidden" font-size="0">{{ __('Deux personnes cote à cote') }}</text>
+    <path
+        d="M27.8273 17.2613C27.2139 14.33 25.4963 12.1125 22.7052 10.6773C22.5365 10.5861 22.3601 10.5102 22.1838 10.4342L22.0534 10.3735C21.9461 10.3355 21.8387 10.29 21.7237 10.2368L21.647 10.1988L21.831 10.0621C21.9231 9.99379 21.9921 9.94063 22.0534 9.87988L22.3141 9.64446C22.4598 9.51536 22.5978 9.38626 22.7205 9.24957C24.0547 7.6776 24.4534 5.94615 23.9014 4.10079C23.3033 2.11115 21.9231 0.804971 19.8068 0.212634C19.6074 0.151881 19.4004 0.113911 19.1933 0.0759407L18.9173 0.0379703C18.7716 0.00759407 18.3959 0 18.2425 0L17.5677 0.0303763C16.1569 0.197446 14.9607 0.759406 14.0175 1.70866C13.3274 1.0176 12.4227 0.516396 11.3262 0.212634C11.1268 0.151881 10.9198 0.113911 10.7127 0.0759407L10.4367 0.0379703C10.291 0.00759407 9.91528 0 9.76192 0L9.07947 0.0303763C7.50757 0.220228 6.19638 0.903694 5.19956 2.06559C4.21042 3.22748 3.75036 4.67035 3.89605 6.12841C4.04174 7.61685 4.80085 8.97618 6.0507 9.96341L6.32673 10.1836L6.2424 10.2444C6.2424 10.2444 6.21939 10.2672 6.21172 10.2672L5.83601 10.4266C3.85771 11.2696 2.31649 12.6061 1.24299 14.4135C0.560559 15.545 0.161827 16.8057 0.0391417 18.1498C-0.014533 18.7194 -0.0452173 19.3345 0.169481 19.9192C0.644886 21.2026 1.84107 22 3.29029 22H24.5685C24.6911 22 24.8062 22 24.9289 22C26.3781 21.9544 27.6663 20.8989 27.927 19.5471C28.088 18.689 27.95 17.8385 27.8273 17.2689V17.2613ZM18.2732 1.58716C19.4694 1.61754 20.6042 2.11115 21.3863 2.9465C22.1071 3.69831 22.4828 4.67035 22.4521 5.69555C22.3831 7.9358 20.5352 9.62927 18.1582 9.62927C18.1198 9.62927 18.0815 9.62927 18.0278 9.62168C16.9543 9.5913 15.8962 9.11288 15.1217 8.30791C15.0757 8.26234 15.0297 8.20918 14.9914 8.15602C15.7045 6.88782 15.8502 5.52848 15.4208 4.10079C15.3058 3.72869 15.1677 3.37936 14.999 3.05281C15.7735 2.15671 16.9543 1.58716 18.2732 1.58716ZM13.7032 10.4342L13.5651 10.3735C13.4655 10.3355 13.3581 10.29 13.2431 10.2368L13.1664 10.1988L13.3505 10.0621C13.4425 9.99379 13.5115 9.94063 13.5651 9.87988L13.8335 9.64446C13.8872 9.5913 13.9485 9.54574 14.0022 9.48498C14.1632 9.65205 14.3396 9.81153 14.5313 9.96341L14.8073 10.1836L14.7307 10.2444C14.7307 10.2444 14.7 10.2672 14.6923 10.2672L14.3243 10.4266C14.2246 10.4722 14.1172 10.5178 14.0175 10.5709C13.9179 10.5254 13.8105 10.4798 13.7032 10.4342ZM5.53695 5.53607C5.61363 3.31861 7.47692 1.58716 9.7926 1.58716C10.9888 1.61754 12.1236 2.11115 12.9057 2.9465C12.9441 2.98447 12.9747 3.02244 13.0054 3.06041C13.6648 3.78944 14.0022 4.72351 13.9715 5.69555C13.9409 6.64481 13.5882 7.50293 13.0131 8.17121C12.2309 9.06731 11.0425 9.62927 9.67759 9.62927C9.63925 9.62927 9.6009 9.62927 9.54722 9.62168C8.46606 9.5913 7.41557 9.11288 6.64112 8.30791C5.90501 7.53331 5.51395 6.55368 5.53695 5.53607ZM8.88778 20.4128H3.37464C2.77656 20.4128 2.33181 20.2306 2.01743 19.8585C1.80273 19.5851 1.68772 19.2889 1.68772 18.9776C1.67238 17.641 2.01744 16.3652 2.69987 15.1957C3.59701 13.6921 4.8622 12.591 6.46477 11.9075C7.86031 11.3076 9.35553 11.1101 10.9121 11.3152C11.3722 11.3759 11.8169 11.4746 12.2386 11.6113C12.8597 11.8012 13.4425 12.0594 13.9945 12.3935C14.2169 12.5226 14.4393 12.6669 14.6463 12.8188C16.1645 13.9351 17.1537 15.3704 17.5831 17.0866C17.6904 17.5119 17.7364 17.9524 17.7824 18.3852C17.7978 18.5067 17.8131 18.6282 17.8208 18.7573C17.8745 19.1826 17.7518 19.5851 17.4681 19.8889C17.1997 20.185 16.8086 20.3673 16.3409 20.4128H8.88778ZM25.9487 19.8889C25.6419 20.2306 25.1742 20.4204 24.6298 20.4204C23.794 20.4128 22.9046 20.4128 21.9461 20.4128H19.109C19.27 20.1395 19.385 19.8509 19.4464 19.5395C19.6074 18.6814 19.4694 17.8309 19.3467 17.2613C18.8559 14.8996 17.6368 13.0086 15.7352 11.6113C16.9007 11.2468 18.1275 11.1481 19.3927 11.3152C20.7806 11.505 22.0381 12.0138 23.1269 12.8188C24.6451 13.9351 25.6343 15.3704 26.0637 17.0866C26.1787 17.5119 26.2247 17.9524 26.2707 18.3852C26.2784 18.5067 26.2937 18.6282 26.309 18.7573C26.3551 19.1826 26.2324 19.5851 25.9487 19.8889Z"
+        fill="white" />
+</svg>
--- a/resources/views/club/pages/customers/index.blade.php
+++ b/resources/views/club/pages/customers/index.blade.php
@ -31,7 +31,7 @@
    ])

    {{-- FAVORITES --}}
-    <section class="row mb-5 pb-5">
+    <section class="row mb-5">
        <div class="col-12 d-flex justify-content-center">
            @include('club.partials.card-club-favorite', [
                'url' => 'FIXME:url',
@ -51,4 +51,58 @@
            ])
        </div>
    </section>
+
+    {{-- Account Menu --}}
+    <section class="row mb-5">
+        <div class="col text-center">
+            <a class="d-flex align-items-center text-bg-primary text-decoration-none f-bourton-base m-3 border-0 px-3 py-4 shadow"
+                href="#FIXME: personal info" title="{{ __('Modifier mes informations personnelles') }}" role="button">
+                @include('club.icons.tete-poule')
+                <span class="fs-4 flex-grow-1 ms-3 text-start">{{ __('Informations personnelles') }}</span>
+                <span class="d-flex px-2">
+                    <span class="bg-danger rounded-circle border border-0 px-2 py-1">
+                        <span class="visually-hidden">{{ __('Nouvelles notifications') }}</span>
+                        <span>4</span>
+                    </span>
+                </span>
+                <i class="fa-solid fa-chevron-left fa-xl fa-flip-horizontal" aria-hidden="true"></i>
+            </a>
+
+            <a class="d-flex align-items-center text-decoration-none f-bourton-base text-bg-primary m-3 border-0 px-3 py-4 shadow"
+                href="{{ route('club.discounts.index') }}" title="{{ __('Go to page :page', ['page' => 'Mes coupons']) }}">
+                @include('club.icons.ticket')
+                <span class="fs-4 flex-grow-1 ms-3 text-start">{{ __('Coupons') }}</span>
+                <span class="d-flex px-2">
+                    <span class="bg-danger rounded-circle border border-0 px-2 py-1">
+                        <span class="visually-hidden">{{ __('Nouveaux bons de réduction') }}</span>
+                        <span>7</span>
+                    </span>
+                </span>
+                <i class="fa-solid fa-chevron-left fa-xl fa-flip-horizontal" aria-hidden="true"></i>
+            </a>
+
+            <a class="d-flex text-bg-primary text-decoration-none f-bourton-base align-items-center m-3 border-0 px-3 py-4 shadow"
+                href="{{ route('club.quests.index') }}" title="{{ __('Go to page :page', ['page' => 'La quête']) }}">
+                @include('club.icons.coupe')
+                <span class="fs-4 flex-grow-1 ms-3 text-start">{{ __('La Quête') }}</span>
+                <span class="d-flex px-2"></span>
+                <i class="fa-solid fa-chevron-left fa-xl fa-flip-horizontal" aria-hidden="true"></i>
+            </a>
+
+            <a class="text-decoration-none f-bourton-base text-bg-primary d-flex align-items-center m-3 border-0 px-3 py-4 shadow"
+                href="#FIXME: parrainage" title="{{ __('Go to page :page', ['page' => 'Parrainages']) }}">
+                @include('club.icons.personnes')
+                <span class="fs-4 flex-grow-1 ms-3 text-start">{{ __('Parrainages') }}</span>
+                <span class="d-flex px-2"></span>
+                <i class="fa-solid fa-chevron-left fa-xl fa-flip-horizontal" aria-hidden="true"></i>
+            </a>
+        </div>
+    </section>
+
+    {{-- Mobile Departaimant complete collection --}}
+    <section class="row mb-5 pb-5">
+        <div class="col">
+            @include('club.pages.customers.partials.card-club-departaimant')
+        </div>
+    </section>
@endsection
--- a/resources/views/club/pages/customers/partials/card-club-departaimant.blade.php
+++ b/resources/views/club/pages/customers/partials/card-club-departaimant.blade.php
@ -0,0 +1,7 @@
+<div class="card-club-departaimant text-bg-quint rounded-5 p-4 pe-5">
+    <span class="fs-2 f-bourton-base d-block">{{ __('Ma carte de france départ\'aimants') }}</span>
+    <img class="img-departaimant" src="{{ Vite::asset('resources/assets/images/common/departaimant-sarthe.png') }}"
+        alt="{{ __('Departaiment Sarthe') }}" role="img">
+    <span class="d-block my-3">{{ __('Profitez de la communauté départ\'aimant !') }}</span>
+    <button class="btn btn-lg btn-white f-bourton-base">{{ __('Compléter ma collect') }}</button>
+</div>