{{-- Common Form Inputs for both Item Company and Master --}}

<div class="col-span-6">
    <label for="ProductName" class="block text-sm font-medium text-gray-700">
        Product Name
        <span class="text-red-500 text-xs mt-1">*</span>
    </label>
    <input type="text" name="ProductName" id="ProductName"
        class="bg-white appearance-none border-2 border-gray-200 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-purple-500"
        value="{{ old('ProductName') }}" required>

    @error('ProductName')
        <p class="text-red-500 text-xs mt-1">{{ $message }}</p>
    @enderror
</div>

<div class="col-span-6">
    <label for="PackSize" class="block text-sm font-medium text-gray-700">
        Pack Size
        <span class="text-red-500 text-xs mt-1">*</span>
    </label>
    <input type="text" name="PackSize" id="PackSize"
        class="bg-white appearance-none border-2 border-gray-200 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-purple-500"
        value="{{ old('PackSize') }}" required>

    @error('PackSize')
        <p class="text-red-500 text-xs mt-1">{{ $message }}</p>
    @enderror
</div>

<div class="col-span-6">
    <label for="ItemName" class="block text-sm font-medium text-gray-700">
        Item Name
        <span class="text-red-500 text-xs mt-1">*</span>
    </label>
    <input type="text" name="ItemName" id="ItemName"
        class="bg-white appearance-none border-2 border-gray-200 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-purple-500"
        value="{{ old('ItemName') }}" required>

    @error('ItemName')
        <p class="text-red-500 text-xs mt-1">{{ $message }}</p>
    @enderror
</div>

<div class="col-span-6">
    <label for="Description1" class="block text-sm font-medium text-gray-700">Description 1</label>
    <input type="text" name="Description1" id="Description1"
        class="bg-white appearance-none border-2 border-gray-200 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-purple-500"
        value="{{ old('Description1') }}">

    @error('Description1')
        <p class="text-red-500 text-xs mt-1">{{ $message }}</p>
    @enderror
</div>

<div class="col-span-6">
    <label for="Description2" class="block text-sm font-medium text-gray-700">Description 2</label>
    <input type="text" name="Description2" id="Description2"
        class="bg-white appearance-none border-2 border-gray-200 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-purple-500"
        value="{{ old('Description2') }}">

    @error('Description2')
        <p class="text-red-500 text-xs mt-1">{{ $message }}</p>
    @enderror
</div>

<div class="col-span-6">
    <label for="Description3" class="block text-sm font-medium text-gray-700">Description 3</label>
    <input type="text" name="Description3" id="Description3"
        class="bg-white appearance-none border-2 border-gray-200 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-purple-500"
        value="{{ old('Description3') }}">

    @error('Description3')
        <p class="text-red-500 text-xs mt-1">{{ $message }}</p>
    @enderror
</div>

<div class="col-span-6 sm:col-span-3">
    <label for="Status"
        class="block text-sm font-medium text-gray-700">Status
        <span class="text-red-500 text-xs mt-1">*</span>
    </label>
    <select id="Status" name="Status"
        class="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
        <option></option>
        <option>Finished</option>
        <option>Semi Finished</option>
        <option>Raw Material</option>
    </select>

    @error('Status')
        <p class="text-red-500 text-xs mt-1">{{ $message }}</p>
    @enderror
</div>

<div class="col-span-6">
    <label for="StockName" class="block text-sm font-medium text-gray-700">
        Stock Name
    </label>
    <input type="text" name="StockName" id="StockName"
        class="bg-white appearance-none border-2 border-gray-200 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-purple-500"
        value="{{ old('StockName') }}">

    @error('StockName')
        <p class="text-red-500 text-xs mt-1">{{ $message }}</p>
    @enderror
</div>

<div class="col-span-6 sm:col-span-3">
    <label for="StockRatio" class="block text-sm font-medium text-gray-700">
        Stock Ratio
        <span class="text-red-500 text-xs mt-1">*</span>
    </label>
    <input type="text" name="StockRatio" id="StockRatio"
        class="bg-white appearance-none border-2 border-gray-200 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-purple-500"
        value="{{ old('StockRatio') }}" required>

    @error('StockRatio')
        <p class="text-red-500 text-xs mt-1">{{ $message }}</p>
    @enderror
</div>

<div class="col-span-6 sm:col-span-3">
    <label for="Barcode" class="block text-sm font-medium text-gray-700">Barcode</label>
    <input type="text" name="Barcode" id="Barcode"
        class="bg-white appearance-none border-2 border-gray-200 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-purple-500"
        value="{{ old('Barcode') }}">

    @error('Barcode')
        <p class="text-red-500 text-xs mt-1">{{ $message }}</p>
    @enderror
</div>

<div class="col-span-6 sm:col-span-3">
    <label for="VolumeRatio" class="block text-sm font-medium text-gray-700">
        Volume Ratio
        <span class="text-red-500 text-xs mt-1">*</span>
    </label>
    <input type="text" name="VolumeRatio" id="VolumeRatio"
        class="bg-white appearance-none border-2 border-gray-200 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-purple-500"
        value="{{ old('VolumeRatio') }}" required>

    @error('VolumeRatio')
        <p class="text-red-500 text-xs mt-1">{{ $message }}</p>
    @enderror
</div>

<div class="col-span-6">
    <label for="Remarks" class="block text-sm font-medium text-gray-700">Remarks</label>
    <input type="text" name="Remarks" id="Remarks"
        class="bg-white appearance-none border-2 border-gray-200 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-purple-500"
        value="{{ old('Remarks') }}">

    @error('Remarks')
        <p class="text-red-500 text-xs mt-1">{{ $message }}</p>
    @enderror
</div>

<div class="col-span-6 sm:col-span-3">
    <label for="CreateDate" class="block text-sm font-medium text-gray-700">
        Create Date
        <span class="text-red-500 text-xs mt-1">*</span>
    </label>
    <input type="text" name="CreateDate" id="CreateDate"
        class="bg-white appearance-none border-2 border-gray-200 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-purple-500"
        placeholder="YYYY-MM-DD"
        value="{{ old('CreateDate') }}" required>

    @error('CreateDate')
        <p class="text-red-500 text-xs mt-1">{{ $message }}</p>
    @enderror
</div>

<div class="col-span-6 sm:col-span-3">
    <label for="BaseItem" class="block text-sm font-medium text-gray-700">
        Base Item
    </label>
    <input type="text" name="BaseItem" id="BaseItem"
        class="bg-white appearance-none border-2 border-gray-200 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-purple-500"
        value="{{ old('BaseItem') }}">

    @error('BaseItem')
        <p class="text-red-500 text-xs mt-1">{{ $message }}</p>
    @enderror
</div>

<div class="col-span-6 sm:col-span-3">
    <label for="RefCode" class="block text-sm font-medium text-gray-700">
        Ref Code
    </label>
    <input type="text" name="RefCode" id="RefCode"
        class="bg-white appearance-none border-2 border-gray-200 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-purple-500"
        value="{{ old('RefCode') }}">

    @error('RefCode')
        <p class="text-red-500 text-xs mt-1">{{ $message }}</p>
    @enderror
</div>