@extends('layouts.app')

@section('title')
    {{"Update Existing Product - Tunas Admin Management"}}
@endsection

@section('content')
    <div class="relative flex flex-col rounded-xl justify-center ml-12 bg-transparent">
        <h1 class="block text-xl font-medium text-slate-800">
            Edit Product
        </h1>
        @if ($errors->any())
            <div class="alert alert-danger flex justify-center space-x-8 bg-red-200 rounded-xl max-w-md">
                <div class="flex items-center">
                    <svg height="2rem" width="2rem" id="Capa_1" xmlns="http://www.w3.org/2000/svg"
                         xmlns:xlink="http://www.w3.org/1999/xlink"
                         viewBox="0 0 24 24" xml:space="preserve">
                            <g>
                                <path style="fill:#c73852;" d="M12,0C5.373,0,0,5.373,0,12s5.373,12,12,12s12-5.373,12-12S18.627,0,12,0z M12,19.66
                                    c-0.938,0-1.58-0.723-1.58-1.66c0-0.964,0.669-1.66,1.58-1.66c0.963,0,1.58,0.696,1.58,1.66C13.58,18.938,12.963,19.66,12,19.66z
                                     M12.622,13.321c-0.239,0.815-0.992,0.829-1.243,0c-0.289-0.956-1.316-4.585-1.316-6.942c0-3.11,3.891-3.125,3.891,0
                                    C13.953,8.75,12.871,12.473,12.622,13.321z"/>
                            </g>
                        </svg>
                </div>
                <div class="flex flex-col justify-center">
                    <h2>Whoops! Sepertinya ada field yang belum diisi.</h2>
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            </div>
        @endif
        <form action="{{ route('products.update', $product->MOBILE_PRODUCT_ID) }}"
              class="mt-8 mb-2 w-80 max-w-screen-lg sm:w-96"
              method="POST">
            @csrf
            @method('PUT')

            <div class="mb-1 flex flex-col gap-6">
                <div class="w-full max-w-sm min-w-[200px]">
                    <label for="PRODUCT_ID" class="block mb-2 text-sm text-slate-600">
                        Product ID<span class="text-red-600">*</span>
                    </label>
                    <input name="PRODUCT_ID"
                           id="PRODUCT_ID"
                           type="number"
                           class="w-full bg-transparent placeholder:text-slate-400 text-slate-700 text-sm border border-slate-200 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none focus:border-slate-400 hover:border-slate-300 shadow-sm focus:shadow"
                           value="{{ old('PRODUCT_ID', $product->PRODUCT_ID) }}"
                           required
                           placeholder="Masukkan Product ID"/>
                </div>
                <div class="w-full max-w-sm min-w-[200px]">
                    <label for="PRODUCT_NAME" class="block mb-2 text-sm text-slate-600">
                        Nama Produk<span class="text-red-600">*</span>
                    </label>
                    <input name="PRODUCT_NAME"
                           id="PRODUCT_NAME"
                           type="text"
                           class="w-full bg-transparent placeholder:text-slate-400 text-slate-700 text-sm border border-slate-200 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none focus:border-slate-400 hover:border-slate-300 shadow-sm focus:shadow"
                           value="{{ old('PRODUCT_NAME', $product->PRODUCT_NAME) }}"
                           required
                           placeholder="Masukkan Nama Produk"/>
                </div>
                <div class="w-full max-w-sm min-w-[200px]">
                    <label for="PRODUCT_CATALOG" class="block mb-2 text-sm text-slate-600">
                        Katalog<span class="text-red-600">*</span>
                    </label>
                    <input name="PRODUCT_CATALOG"
                           id="PRODUCT_CATALOG"
                           type="text"
                           class="w-full bg-transparent placeholder:text-slate-400 text-slate-700 text-sm border border-slate-200 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none focus:border-slate-400 hover:border-slate-300 shadow-sm focus:shadow"
                           value="{{ old('PRODUCT_CATALOG', $product->PRODUCT_CATALOG) }}"
                           required
                           placeholder="Masukkan Katalog Produk"/>
                </div>
                <div class="w-full max-w-sm min-w-[200px]">
                    <label for="MOBILE_PRODUCT_TYPE_ID" class="block mb-2 text-sm text-slate-600">
                        Product Type
                    </label>
                    <select name="MOBILE_PRODUCT_TYPE_ID"
                            id="MOBILE_PRODUCT_TYPE_ID"
                            class="w-full bg-transparent placeholder:text-slate-400 text-slate-700 text-sm border border-slate-200 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none focus:border-slate-400 hover:border-slate-300 shadow-sm focus:shadow">
                        @foreach($product_types as $product_type)
                            <option
                                value="{{ $product_type->MOBILE_PRODUCT_TYPE_ID }}" {{ $product->MOBILE_PRODUCT_TYPE_ID == $product_type->MOBILE_PRODUCT_TYPE_ID ? 'selected' : '' }}>{{$product_type->NAME}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="w-full max-w-sm min-w-[200px]">
                    <label for="UOM" class="block mb-2 text-sm text-slate-600">
                        Unit of Metrics
                    </label>
                    <input name="UOM"
                           id="UOM"
                           type="text"
                           class="w-full bg-transparent placeholder:text-slate-400 text-slate-700 text-sm border border-slate-200 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none focus:border-slate-400 hover:border-slate-300 shadow-sm focus:shadow"
                           value="{{ old('UOM', $product->UOM) }}"
                           placeholder="Masukkan Unit of Metrics (jumlah dan satuan)"/>
                </div>
                <div class="w-full max-w-sm min-w-[200px]">
                    <label for="BATCH" class="block mb-2 text-sm text-slate-600">
                        Batch<span class="text-red-600">*</span>
                    </label>
                    <input name="BATCH"
                           id="BATCH"
                           type="text"
                           class="w-full bg-transparent placeholder:text-slate-400 text-slate-700 text-sm border border-slate-200 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none focus:border-slate-400 hover:border-slate-300 shadow-sm focus:shadow"
                           value="{{ old('BATCH', $product->BATCH) }}"
                           required
                           placeholder="Masukkan Batch Produk"/>
                </div>
                <div class="w-full max-w-sm min-w-[200px]">
                    <label for="REFERENCE_NUMBER" class="block mb-2 text-sm text-slate-600">
                        Reference Number
                    </label>
                    <input name="REFERENCE_NUMBER"
                           id="REFERENCE_NUMBER"
                           type="number"
                           class="w-full bg-transparent placeholder:text-slate-400 text-slate-700 text-sm border border-slate-200 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none focus:border-slate-400 hover:border-slate-300 shadow-sm focus:shadow"
                           value="{{ old('REFERENCE_NUMBER', $product->REFERENCE_NUMBER) }}"
                           placeholder="Masukkan Reference Number"/>
                </div>
                <div class="w-full max-w-sm min-w-[200px]">
                    <label for="IS_COMPIERE" class="block mb-2 text-sm text-slate-600">
                        Is Compiere?<span class="text-red-600">*</span>
                    </label>
                    <select name="IS_COMPIERE"
                            id="IS_COMPIERE"
                            class="w-full bg-transparent placeholder:text-slate-400 text-slate-700 text-sm border border-slate-200 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none focus:border-slate-400 hover:border-slate-300 shadow-sm focus:shadow"
                            required>
                        <option value="Y" {{ $product->IS_COMPIERE == "Y" ? 'selected' : '' }}>Ya</option>
                        <option value="N" {{ $product->IS_COMPIERE == "N" ? 'selected' : '' }}>Tidak</option>
                    </select>
                </div>
                <div class="w-full max-w-sm min-w-[200px]">
                    <label for="IS_QAD" class="block mb-2 text-sm text-slate-600">
                        Is QAD?<span class="text-red-600">*</span>
                    </label>
                    <select name="IS_QAD"
                            id="IS_QAD"
                            class="w-full bg-transparent placeholder:text-slate-400 text-slate-700 text-sm border border-slate-200 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none focus:border-slate-400 hover:border-slate-300 shadow-sm focus:shadow"
                            required>
                        <option value="Y" {{ $product->IS_QAD == "Y" ? 'selected' : '' }}>Ya</option>
                        <option value="N" {{ $product->IS_QAD == "N" ? 'selected' : '' }}>Tidak</option>
                    </select>
                </div>
                <div class="w-full max-w-sm min-w-[200px]">
                    <label for="WAREHOUSE"
                           class="block mb-2 text-sm text-slate-600">
                        Warehouse
                    </label>
                    <input name="WAREHOUSE"
                           id="WAREHOUSE"
                           type="text"
                           class="w-full bg-transparent placeholder:text-slate-400 text-slate-700 text-sm border border-slate-200 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none focus:border-slate-400 hover:border-slate-300 shadow-sm focus:shadow"
                           value="{{ old('WAREHOUSE', $product->WAREHOUSE) }}"
                           placeholder="Masukkan Warehouse"/>
                </div>
                <div class="w-full max-w-sm min-w-[200px]">
                    <label for="LOCATOR"
                           class="block mb-2 text-sm text-slate-600">
                        Locator
                    </label>
                    <input name="LOCATOR"
                           id="LOCATOR"
                           type="text"
                           class="w-full bg-transparent placeholder:text-slate-400 text-slate-700 text-sm border border-slate-200 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none focus:border-slate-400 hover:border-slate-300 shadow-sm focus:shadow"
                           value="{{ old('LOCATOR', $product->LOCATOR) }}"
                           placeholder="Masukkan Locator"/>
                </div>
                <div class="w-full max-w-sm min-w-[200px]">
                    <label for="EXPIRE_DATE"
                           class="block mb-2 text-sm text-slate-600">
                        Expire Date
                    </label>
                    <input name="EXPIRE_DATE"
                           id="EXPIRE_DATE"
                           type="datetime-local"
                           class="w-full bg-transparent placeholder:text-slate-400 text-slate-700 text-sm border border-slate-200 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none focus:border-slate-400 hover:border-slate-300 shadow-sm focus:shadow"
                           value="{{ old('EXPIRE_DATE', $product->EXPIRE_DATE) }}"
                           placeholder="Pilih Expire Date"/>
                </div>
            </div>
            <div class="w-full max-w-sm min-w-[200px]">
                <label for="STOCK"
                       class="block mb-2 text-sm text-slate-600">
                    Stock
                </label>
                <input name="STOCK"
                       id="STOCK"
                       type="number"
                       class="w-full bg-transparent placeholder:text-slate-400 text-slate-700 text-sm border border-slate-200 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none focus:border-slate-400 hover:border-slate-300 shadow-sm focus:shadow"
                       value="{{ old('STOCK', $product->STOCK) }}"
                       placeholder="Masukkan Stock"/>
            </div>
            <div class="w-full max-w-sm min-w-[200px]">
                <label for="PRICELIST_VERSION_ID"
                       class="block mb-2 text-sm text-slate-600">
                    Pricelist Version
                </label>
                <input name="PRICELIST_VERSION_ID"
                       id="PRICELIST_VERSION_ID"
                       type="number"
                       class="w-full bg-transparent placeholder:text-slate-400 text-slate-700 text-sm border border-slate-200 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none focus:border-slate-400 hover:border-slate-300 shadow-sm focus:shadow"
                       value="{{ old('PRICELIST_VERSION_ID', $product->PRICELIST_VERSION_ID) }}"
                       placeholder="Masukkan Pricelist Version"/>
            </div>
            <div class="w-full max-w-sm min-w-[200px]">
                <label for="PRICELIST"
                       class="block mb-2 text-sm text-slate-600">
                    Pricelist
                </label>
                <input name="PRICELIST"
                       id="PRICELIST"
                       type="number"
                       class="w-full bg-transparent placeholder:text-slate-400 text-slate-700 text-sm border border-slate-200 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none focus:border-slate-400 hover:border-slate-300 shadow-sm focus:shadow"
                       value="{{ old('PRICELIST', $product->PRICELIST) }}"
                       placeholder="Masukkan Pricelist"/>
            </div>
            <div class="w-full max-w-sm min-w-[200px]">
                <label for="PRICESTD"
                       class="block mb-2 text-sm text-slate-600">
                    Price STD
                </label>
                <input name="PRICESTD"
                       id="PRICESTD"
                       type="number"
                       class="w-full bg-transparent placeholder:text-slate-400 text-slate-700 text-sm border border-slate-200 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none focus:border-slate-400 hover:border-slate-300 shadow-sm focus:shadow"
                       value="{{ old('PRICESTD', $product->PRICESTD) }}"
                       placeholder="Masukkan Price STD"/>
            </div>
            <div class="w-full max-w-sm min-w-[200px]">
                <label for="PRICELIMIT"
                       class="block mb-2 text-sm text-slate-600">
                    Price Limit
                </label>
                <input name="PRICELIMIT"
                       id="PRICELIMIT"
                       type="number"
                       class="w-full bg-transparent placeholder:text-slate-400 text-slate-700 text-sm border border-slate-200 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none focus:border-slate-400 hover:border-slate-300 shadow-sm focus:shadow"
                       value="{{ old('PRICELIMIT', $product->PRICELIMIT) }}"
                       placeholder="Masukkan Price Limit"/>
            </div>
            <div class="w-full max-w-sm min-w-[200px]">
                <label for="REGISTRATIONNO"
                       class="block mb-2 text-sm text-slate-600">
                    Registration No.
                </label>
                <input name="REGISTRATIONNO"
                       id="REGISTRATIONNO"
                       type="text"
                       class="w-full bg-transparent placeholder:text-slate-400 text-slate-700 text-sm border border-slate-200 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none focus:border-slate-400 hover:border-slate-300 shadow-sm focus:shadow"
                       value="{{ old('REGISTRATIONNO', $product->REGISTRATIONNO) }}"
                       placeholder="Masukkan Registration No."/>
            </div>
            <div class="w-full max-w-sm min-w-[200px]">
                <label for="LARTAS"
                       class="block mb-2 text-sm text-slate-600">
                    LARTAS
                </label>
                <input name="LARTAS"
                       id="LARTAS"
                       type="text"
                       class="w-full bg-transparent placeholder:text-slate-400 text-slate-700 text-sm border border-slate-200 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none focus:border-slate-400 hover:border-slate-300 shadow-sm focus:shadow"
                       value="{{ old('LARTAS', $product->LARTAS) }}"
                       placeholder="Masukkan LARTAS"/>
            </div>
            <div class="w-full max-w-sm min-w-[200px]">
                <label for="LINK"
                       class="block mb-2 text-sm text-slate-600">
                    Link
                </label>
                <input name="LINK"
                       id="LINK"
                       type="text"
                       class="w-full bg-transparent placeholder:text-slate-400 text-slate-700 text-sm border border-slate-200 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none focus:border-slate-400 hover:border-slate-300 shadow-sm focus:shadow"
                       value="{{ old('LINK', $product->LINK) }}"
                       placeholder="Masukkan Link"/>
            </div>
            <div class="w-full max-w-sm min-w-[200px]">
                <label for="LAST_UPDATE"
                       class="block mb-2 text-sm text-slate-600">
                    Last Update
                </label>
                <input name="LAST_UPDATE"
                       id="LAST_UPDATE"
                       type="datetime-local"
                       class="w-full bg-transparent placeholder:text-slate-400 text-slate-700 text-sm border border-slate-200 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none focus:border-slate-400 hover:border-slate-300 shadow-sm focus:shadow"
                       value="{{ old('LAST_UPDATE', $product->LAST_UPDATE) }}"
                       placeholder="Masukkan Last Update"/>
            </div>
            <button
                class="mt-4 w-full rounded-md bg-slate-800 py-2 px-4 border border-transparent text-center text-sm text-white transition-all shadow-md hover:shadow-lg focus:bg-slate-700 focus:shadow-none active:bg-slate-700 hover:bg-slate-700 active:shadow-none disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none"
                type="submit">
                Submit
            </button>
        </form>
    </div>
@endsection