Create routes and views for suppliers.
This commit is contained in:
133
resources/views/supplier/create.blade.php
Normal file
133
resources/views/supplier/create.blade.php
Normal file
@@ -0,0 +1,133 @@
|
||||
<x-app-layout>
|
||||
<x-slot name="header">
|
||||
<h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
|
||||
{{ __('supplier.Add new supplier') }}
|
||||
</h2>
|
||||
</x-slot>
|
||||
|
||||
<div class="py-12" x-data="supplierForm()">
|
||||
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-6">
|
||||
<div class="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg">
|
||||
<div class="max-w">
|
||||
<section>
|
||||
<header>
|
||||
<h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
|
||||
{{ __('supplier.Supplier') }}
|
||||
</h2>
|
||||
</header>
|
||||
<form class="mt-6 space-y-6" @submit.prevent="">
|
||||
|
||||
<p class="text-red-600 font-bold" x-text="message" x-show="error"></p>
|
||||
|
||||
<div class="flex flex-row space-x-8 items-start">
|
||||
<div class="w-1/2 grid grid-cols-3 items-center">
|
||||
<x-input-label for="name" :value="__('common.Name')"/>
|
||||
<x-text-input id="name" name="name" type="text"
|
||||
class="mt-1 col-span-2" :value="old('name')" autofocus
|
||||
autocomplete="name" x-model="supplier.name"/>
|
||||
|
||||
<x-input-label for="registration_name" :value="__('common.Registration name')"/>
|
||||
<x-text-input id="registration_name" name="registration_name" type="text"
|
||||
class="mt-1 col-span-2" :value="old('registration_name')" autofocus
|
||||
autocomplete="registration_name"
|
||||
x-model="supplier.registration_name"/>
|
||||
|
||||
<x-input-label for="email" :value="__('common.Email')"/>
|
||||
<x-text-input id="email" name="email" type="email"
|
||||
class="mt-1 col-span-2" :value="old('email')"
|
||||
autocomplete="email" x-model="supplier.email"/>
|
||||
|
||||
<x-input-label for="address" :value="__('common.Address')"/>
|
||||
<x-text-input id="address" name="address" type="text"
|
||||
class="mt-1 col-span-2" :value="old('address')"
|
||||
autocomplete="address"
|
||||
x-model="supplier.address"/>
|
||||
|
||||
<x-input-label for="zip" :value="__('common.Zip Code')"/>
|
||||
<x-text-input id="zip" name="zip" type="text"
|
||||
class="mt-1 col-span-2" :value="old('zip')"
|
||||
autocomplete="zip"
|
||||
x-model="supplier.zip"/>
|
||||
|
||||
<x-input-label for="city" :value="__('common.City')"/>
|
||||
<x-text-input id="city" name="city" type="text"
|
||||
class="mt-1 col-span-2" :value="old('city')"
|
||||
autocomplete="city"
|
||||
x-model="supplier.city"/>
|
||||
</div>
|
||||
|
||||
<div class="w-1/2 grid grid-cols-3 items-center">
|
||||
<x-input-label for="country_code" :value="__('common.Country code')"/>
|
||||
<x-text-input id="country_code" name="country_code" type="text"
|
||||
class="mt-1 col-span-2" :value="old('country_code')"
|
||||
autocomplete="country_code"
|
||||
x-model="supplier.country_code"/>
|
||||
|
||||
<x-input-label for="tax_fc" :value="__('common.Tax FC')"/>
|
||||
<x-text-input id="tax_fc" name="tax_fc" type="text"
|
||||
class="mt-1 col-span-2" :value="old('tax_fc')"
|
||||
autocomplete="tax_fc"
|
||||
x-model="supplier.tax_fc"/>
|
||||
|
||||
<x-input-label for="tax_vat" :value="__('common.Tax VAT')"/>
|
||||
<x-text-input id="tax_vat" name="tax_vat" type="text"
|
||||
class="mt-1 col-span-2" :value="old('tax_vat')"
|
||||
autocomplete="tax_vat"
|
||||
x-model="supplier.tax_vat"/>
|
||||
|
||||
<x-input-label for="contact_name" :value="__('common.Contact name')"/>
|
||||
<x-text-input id="contact_name" name="contact_name" type="text"
|
||||
class="mt-1 col-span-2" :value="old('contact_name')"
|
||||
autocomplete="contact_name"
|
||||
x-model="supplier.contact_name"/>
|
||||
|
||||
<x-input-label for="contact_phone" :value="__('common.Contact phone')"/>
|
||||
<x-text-input id="contact_phone" name="contact_phone" type="text"
|
||||
class="mt-1 col-span-2" :value="old('contact_phone')"
|
||||
autocomplete="contact_phone"
|
||||
x-model="supplier.contact_phone"/>
|
||||
|
||||
<x-input-label for="contact_email" :value="__('common.Contact email')"/>
|
||||
<x-text-input id="contact_email" name="t" type="email"
|
||||
class="mt-1 col-span-2" :value="old('contact_email')"
|
||||
autocomplete="contact_email"
|
||||
x-model="supplier.contact_email"/>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center gap-4 pt-4">
|
||||
<x-primary-button @click="createSupplier()">{{ __('form.Save') }}</x-primary-button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</x-app-layout>
|
||||
|
||||
<script>
|
||||
function supplierForm() {
|
||||
return {
|
||||
supplier: {},
|
||||
|
||||
error: false,
|
||||
message: '',
|
||||
|
||||
createSupplier() {
|
||||
let vm = this;
|
||||
axios.post('/supplier', this.supplier)
|
||||
.then(function(response) {
|
||||
window.location.href = '/supplier'
|
||||
})
|
||||
.catch(function(error) {
|
||||
vm.error = true;
|
||||
vm.message = error.response.data.message;
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user