new gui layout for pricing
This commit is contained in:
Mark Gregory
@@ -1,14 +1,20 @@
|
||||
<x-layouts::app :title="__('Create Price')">
|
||||
<div class="space-y-6">
|
||||
<div class="flex flex-wrap items-center justify-between gap-3">
|
||||
<p class="text-sm font-semibold text-zinc-500 dark:text-zinc-400">
|
||||
Add a new platform pricing card with billing values, feature bullets and status controls.
|
||||
</p>
|
||||
<section class="overflow-hidden rounded-3xl bg-gradient-to-br from-slate-950 via-slate-900 to-cyan-950 p-6 text-white shadow-xl sm:p-8">
|
||||
<div class="flex flex-col gap-6 lg:flex-row lg:items-center lg:justify-between">
|
||||
<div>
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.3em] text-cyan-300">MPBA WMS</p>
|
||||
<h1 class="mt-3 text-3xl font-bold tracking-tight sm:text-4xl">Create price</h1>
|
||||
<p class="mt-3 max-w-3xl text-base leading-7 text-slate-300">
|
||||
Add a professional pricing card with billing values, feature bullets and visibility controls.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<a href="{{ route('platform.prices.index') }}" wire:navigate class="rounded-xl border border-zinc-200 bg-white px-4 py-2 text-sm font-semibold text-zinc-700 shadow-sm hover:border-cyan-400 hover:text-cyan-700 dark:border-zinc-800 dark:bg-zinc-900 dark:text-zinc-200">
|
||||
Back to prices
|
||||
</a>
|
||||
</div>
|
||||
<a href="{{ route('platform.prices.index') }}" wire:navigate class="w-fit rounded-xl bg-white/10 px-4 py-2 text-sm font-semibold text-white ring-1 ring-white/15 hover:bg-white/15">
|
||||
Back to prices
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="rounded-3xl border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-800 dark:bg-zinc-900">
|
||||
<form method="POST" action="{{ route('platform.prices.store') }}" class="space-y-6">
|
||||
|
||||
@@ -1,14 +1,20 @@
|
||||
<x-layouts::app :title="__('Edit Price')">
|
||||
<div class="space-y-6">
|
||||
<div class="flex flex-wrap items-center justify-between gap-3">
|
||||
<p class="text-sm font-semibold text-zinc-500 dark:text-zinc-400">
|
||||
Update {{ $price->name }} pricing, feature list and visibility settings.
|
||||
</p>
|
||||
<section class="overflow-hidden rounded-3xl bg-gradient-to-br from-slate-950 via-slate-900 to-cyan-950 p-6 text-white shadow-xl sm:p-8">
|
||||
<div class="flex flex-col gap-6 lg:flex-row lg:items-center lg:justify-between">
|
||||
<div>
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.3em] text-cyan-300">MPBA WMS</p>
|
||||
<h1 class="mt-3 text-3xl font-bold tracking-tight sm:text-4xl">Edit {{ $price->name }}</h1>
|
||||
<p class="mt-3 max-w-3xl text-base leading-7 text-slate-300">
|
||||
Update pricing, feature text and card visibility while keeping the platform pricing display consistent.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<a href="{{ route('platform.prices.index') }}" wire:navigate class="rounded-xl border border-zinc-200 bg-white px-4 py-2 text-sm font-semibold text-zinc-700 shadow-sm hover:border-cyan-400 hover:text-cyan-700 dark:border-zinc-800 dark:bg-zinc-900 dark:text-zinc-200">
|
||||
Back to prices
|
||||
</a>
|
||||
</div>
|
||||
<a href="{{ route('platform.prices.index') }}" wire:navigate class="w-fit rounded-xl bg-white/10 px-4 py-2 text-sm font-semibold text-white ring-1 ring-white/15 hover:bg-white/15">
|
||||
Back to prices
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="rounded-3xl border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-800 dark:bg-zinc-900">
|
||||
<form method="POST" action="{{ route('platform.prices.update', $price) }}" class="space-y-6">
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<x-layouts::app :title="__('Platform Pricing')">
|
||||
<x-layouts::app :title="__('Platform Prices')">
|
||||
<div class="space-y-6">
|
||||
<div class="flex flex-wrap items-center justify-between gap-3">
|
||||
<div>
|
||||
@@ -24,7 +24,7 @@
|
||||
@endif
|
||||
|
||||
<section class="grid gap-5 lg:grid-cols-3">
|
||||
@foreach ($prices as $price)
|
||||
@forelse ($prices as $price)
|
||||
@php
|
||||
$isBasic = $price->code === 'basic';
|
||||
$isAdvanced = $price->code === 'advanced';
|
||||
@@ -105,7 +105,11 @@
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
@endforeach
|
||||
@empty
|
||||
<article class="rounded-3xl border border-dashed border-zinc-300 bg-white p-6 text-sm text-zinc-500 shadow-sm dark:border-zinc-700 dark:bg-zinc-900 lg:col-span-3">
|
||||
No pricing plans have been created yet.
|
||||
</article>
|
||||
@endforelse
|
||||
</section>
|
||||
</div>
|
||||
</x-layouts::app>
|
||||
|
||||
@@ -1,29 +1,5 @@
|
||||
<x-layouts::app :title="__('Pricing')">
|
||||
<div class="space-y-6">
|
||||
<section class="overflow-hidden rounded-3xl bg-gradient-to-br from-slate-950 via-slate-900 to-cyan-950 p-6 text-white shadow-xl sm:p-8">
|
||||
<div class="flex flex-col gap-6 lg:flex-row lg:items-center lg:justify-between">
|
||||
<div>
|
||||
<p class="text-sm font-semibold uppercase tracking-[0.3em] text-cyan-300">Platform</p>
|
||||
<h1 class="mt-3 text-3xl font-bold tracking-tight sm:text-5xl">Platform pricing</h1>
|
||||
<p class="mt-3 max-w-2xl text-slate-300">Choose the right WMS plan for warehouse visibility, operational control and enterprise-grade administration.</p>
|
||||
</div>
|
||||
|
||||
<div class="grid gap-3 sm:min-w-80 sm:grid-cols-2">
|
||||
<div class="rounded-2xl bg-white/10 p-4 backdrop-blur">
|
||||
<p class="text-sm text-slate-300">Plans</p>
|
||||
<p class="mt-2 flex items-center gap-2 text-2xl font-bold text-emerald-300">
|
||||
<i class="fa-solid fa-layer-group" aria-hidden="true"></i>
|
||||
{{ $prices->count() }}
|
||||
</p>
|
||||
</div>
|
||||
<div class="rounded-2xl bg-white/10 p-4 backdrop-blur">
|
||||
<p class="text-sm text-slate-300">Billing</p>
|
||||
<p class="mt-2 text-2xl font-bold">Monthly</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="grid gap-5 lg:grid-cols-3">
|
||||
@forelse ($prices as $price)
|
||||
@php
|
||||
|
||||
Reference in New Issue
Block a user