tabs component added for modal titles
This commit is contained in:
Burak Civan
128
resources/views/modals/vendors/edit.blade.php
vendored
128
resources/views/modals/vendors/edit.blade.php
vendored
@@ -1,90 +1,70 @@
|
||||
<x-form id="form-edit-vendor" method="PATCH" :route="['vendors.update', $vendor->id]" :model="$vendor">
|
||||
<div x-data="{ active: 'general' }">
|
||||
<div>
|
||||
<div>
|
||||
<ul class="grid grid-cols-6">
|
||||
<li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-2"
|
||||
id="tab-general"
|
||||
data-id="tab-general"
|
||||
data-tabs="general"
|
||||
x-on:click="active = 'general'"
|
||||
x-bind:class="active != 'general' ? '' : 'active-tabs text-purple border-purple transition-all after:absolute after:w-full after:h-0.5 after:left-0 after:right-0 after:bottom-0 after:bg-purple after:rounded-tl-md after:rounded-tr-md'"
|
||||
>
|
||||
{{ trans('general.general') }}
|
||||
<x-tabs active="general" class="grid grid-cols-3" override="class">
|
||||
<x-slot name="navs">
|
||||
<x-tabs.nav id="general">
|
||||
{{ trans('general.general') }}
|
||||
|
||||
<span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('name')||form.errors.has('email')||form.errors.has('phone')||form.errors.has('tax_number')||form.errors.has('currency_code')">
|
||||
{{ trans('general.validation_error') }}
|
||||
</span>
|
||||
</li>
|
||||
<span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('name')||form.errors.has('email')||form.errors.has('phone')||form.errors.has('tax_number')||form.errors.has('currency_code')">
|
||||
{{ trans('general.validation_error') }}
|
||||
</span>
|
||||
</x-tabs.nav>
|
||||
|
||||
<li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-2"
|
||||
id="tab-address"
|
||||
data-id="tab-address"
|
||||
data-tabs="address"
|
||||
x-on:click="active = 'address'"
|
||||
x-bind:class="active != 'address' ? '' : 'active-tabs text-purple border-purple transition-all after:absolute after:w-full after:h-0.5 after:left-0 after:right-0 after:bottom-0 after:bg-purple after:rounded-tl-md after:rounded-tr-md'"
|
||||
>
|
||||
{{ trans('general.address') }}
|
||||
<x-tabs.nav id="address">
|
||||
{{ trans('general.address') }}
|
||||
|
||||
<span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('address')||form.errors.has('city')||form.errors.has('zip_code')||form.errors.has('state')||form.errors.has('country')">
|
||||
{{ trans('general.validation_error') }}
|
||||
</span>
|
||||
</li>
|
||||
<span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('address')||form.errors.has('city')||form.errors.has('zip_code')||form.errors.has('state')||form.errors.has('country')">
|
||||
{{ trans('general.validation_error') }}
|
||||
</span>
|
||||
</x-tabs.nav>
|
||||
|
||||
<li class="relative px-8 text-sm text-black text-center pb-2 cursor-pointer transition-all border-b tabs-link col-span-2"
|
||||
id="tab-other"
|
||||
data-id="tab-other"
|
||||
data-tabs="other"
|
||||
x-on:click="active = 'other'"
|
||||
x-bind:class="active != 'other' ? '' : 'active-tabs text-purple border-purple transition-all after:absolute after:w-full after:h-0.5 after:left-0 after:right-0 after:bottom-0 after:bg-purple after:rounded-tl-md after:rounded-tr-md'"
|
||||
>
|
||||
{{ trans_choice('general.others', 1) }}
|
||||
<x-tabs.nav id="other">
|
||||
{{ trans_choice('general.others', 1) }}
|
||||
|
||||
<span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('website')||form.errors.has('reference')">
|
||||
{{ trans('general.validation_error') }}
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<span class="invalid-feedback block text-xs text-red whitespace-normal" v-if="form.errors.has('website')||form.errors.has('reference')">
|
||||
{{ trans('general.validation_error') }}
|
||||
</span>
|
||||
</x-tabs.nav>
|
||||
</x-slot>
|
||||
|
||||
<div id="tab-general" data-tabs-content="general" x-show="active === 'general'">
|
||||
<div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
|
||||
<x-form.group.text name="name" label="{{ trans('general.name') }}" form-group-class="col-span-6" />
|
||||
<x-slot name="content">
|
||||
<x-tabs.tab id="general">
|
||||
<div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
|
||||
<x-form.group.text name="name" label="{{ trans('general.name') }}" form-group-class="col-span-6" />
|
||||
|
||||
<x-form.group.text name="email" label="{{ trans('general.email') }}" form-group-class="col-span-6" not-required />
|
||||
|
||||
<x-form.group.text name="phone" label="{{ trans('general.phone') }}" form-group-class="col-span-6" not-required />
|
||||
<x-form.group.text name="email" label="{{ trans('general.email') }}" form-group-class="col-span-6" not-required />
|
||||
|
||||
<x-form.group.text name="phone" label="{{ trans('general.phone') }}" form-group-class="col-span-6" not-required />
|
||||
|
||||
<x-form.group.text name="tax_number" label="{{ trans('general.tax_number') }}" form-group-class="col-span-6" not-required />
|
||||
|
||||
<x-form.group.currency without-add-new form-group-class="col-span-6" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="tab-address" data-tabs-content="address" x-show="active === 'address'">
|
||||
<div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
|
||||
<x-form.group.textarea name="address" label="{{ trans('general.address') }}" form-group-class="col-span-6" not-required />
|
||||
|
||||
<x-form.group.text name="city" label="{{ trans_choice('general.cities', 1) }}" form-group-class="col-span-6" not-required />
|
||||
<x-form.group.text name="tax_number" label="{{ trans('general.tax_number') }}" form-group-class="col-span-6" not-required />
|
||||
|
||||
<x-form.group.currency without-add-new form-group-class="col-span-6" />
|
||||
</div>
|
||||
</x-tabs.tab>
|
||||
|
||||
<x-form.group.text name="zip_code" label="{{ trans('general.zip_code') }}" form-group-class="col-span-6" not-required />
|
||||
<x-tabs.tab id="address">
|
||||
<div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
|
||||
<x-form.group.textarea name="address" label="{{ trans('general.address') }}" form-group-class="col-span-6" not-required />
|
||||
|
||||
<x-form.group.text name="city" label="{{ trans_choice('general.cities', 1) }}" form-group-class="col-span-6" not-required />
|
||||
|
||||
<x-form.group.text name="state" label="{{ trans('general.state') }}" form-group-class="col-span-6" not-required />
|
||||
<x-form.group.text name="zip_code" label="{{ trans('general.zip_code') }}" form-group-class="col-span-6" not-required />
|
||||
|
||||
<x-form.group.country form-group-class="col-span-6 el-select-tags-pl-38" not-required />
|
||||
</div>
|
||||
</div>
|
||||
<x-form.group.text name="state" label="{{ trans('general.state') }}" form-group-class="col-span-6" not-required />
|
||||
|
||||
<div id="tab-other" data-tabs-content="other" x-show="active === 'other'">
|
||||
<div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
|
||||
<x-form.group.text name="website" label="{{ trans('general.website') }}" form-group-class="col-span-6" not-required />
|
||||
<x-form.group.country form-group-class="col-span-6 el-select-tags-pl-38" not-required />
|
||||
</div>
|
||||
</x-tabs.tab>
|
||||
|
||||
<x-form.group.text name="reference" label="{{ trans('general.reference') }}" form-group-class="col-span-6" not-required />
|
||||
<x-tabs.tab id="other">
|
||||
<div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
|
||||
<x-form.group.text name="website" label="{{ trans('general.website') }}" form-group-class="col-span-6" not-required />
|
||||
|
||||
<x-form.input.hidden name="type" value="vendor" />
|
||||
<x-form.input.hidden name="enabled" value="1" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<x-form.group.text name="reference" label="{{ trans('general.reference') }}" form-group-class="col-span-6" not-required />
|
||||
|
||||
<x-form.input.hidden name="type" value="vendor" />
|
||||
<x-form.input.hidden name="enabled" value="1" />
|
||||
</div>
|
||||
</x-tabs.tab>
|
||||
</x-slot>
|
||||
</x-tabs>
|
||||
</x-form>
|
||||
|
||||
Reference in New Issue
Block a user