42 lines
2.5 KiB
PHP
Executable File
42 lines
2.5 KiB
PHP
Executable File
<x-layouts.app>
|
|
<div class="mx-auto max-w-[1400px] space-y-6" dusk="countries-create">
|
|
<div
|
|
class="overflow-hidden rounded-3xl border border-zinc-200 bg-white shadow-sm dark:border-zinc-700 dark:bg-zinc-900">
|
|
<div class="bg-gradient-to-br from-slate-950 via-slate-900 to-blue-950 px-6 py-7 text-white">
|
|
<div class="flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between">
|
|
<div>
|
|
<p class="text-xs font-semibold uppercase tracking-[0.28em] text-blue-200">ISO 3166 country
|
|
support</p>
|
|
<h1 class="mt-2 text-3xl font-semibold tracking-tight">Create country</h1>
|
|
<p class="mt-2 max-w-3xl text-sm text-blue-100/90">Create a governed country reference record for
|
|
platform, address, billing, carrier, customs and integration workflows.</p>
|
|
</div>
|
|
<a href="{{ route('countries.index') }}" wire:navigate
|
|
class="rounded-xl bg-white/10 px-4 py-2.5 text-sm font-semibold text-white ring-1 ring-white/20 hover:bg-white/20">Back
|
|
to countries</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<form method="POST" action="{{ route('countries.store') }}"
|
|
class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-700 dark:bg-zinc-900">
|
|
@csrf
|
|
<div
|
|
class="mb-5 rounded-2xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800 dark:border-red-900 dark:bg-red-950 dark:text-red-200">
|
|
Fields marked with <span class="font-bold text-red-600 dark:text-red-300">*</span> are mandatory ISO/WMS
|
|
support fields.
|
|
</div>
|
|
|
|
@include('countries::_form', ['country' => $country])
|
|
|
|
<div class="mt-8 flex flex-wrap gap-2 border-t border-zinc-200 pt-6 dark:border-zinc-800">
|
|
<button type="submit"
|
|
class="rounded-xl bg-blue-600 px-4 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-blue-700">Create
|
|
country</button>
|
|
<a href="{{ route('countries.index') }}" wire:navigate
|
|
class="rounded-xl bg-zinc-100 px-4 py-2.5 text-sm font-semibold text-zinc-900 hover:bg-zinc-200 dark:bg-zinc-800 dark:text-zinc-100 dark:hover:bg-zinc-700">Cancel</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</x-layouts.app>
|