@php
    $mpCategory = \App\Models\ProductCategory::pluck('category_name', 'id')->toArray();
    $mpBrands   = \App\Models\Brand::where('status', 1)->pluck('brand_name', 'id')->toArray();
    $mpUnits    = \App\Models\Unit::where('status', 1)->get()->mapWithKeys(function ($item) {
        return [strtolower($item->name) => $item->name];
    })->toArray();
    $mpTaxGroup = \App\Models\TaxGroup::pluck('tax_slab', 'id')
        ->map(function ($taxSlab) {
            if ($taxSlab === 'None' || $taxSlab === 'Exempt') {
                return $taxSlab;
            }
            return 'GST@' . $taxSlab . '%';
        })
        ->toArray();
@endphp

<div class="modal fade" id="productModal" tabindex="-1" aria-labelledby="productModalLabel" aria-hidden="true"
    data-bs-keyboard="false" data-bs-backdrop="static">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="productModalLabel">Create Product</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form id="productModalForm" method="POST" class="row g-3">
                    @csrf
                    <input type="hidden" name="request_from" id="mp_request_from" value="model">


                    {{-- Product Name --}}
                    <div class="col-md-4 position-relative">
                        <label for="mp_product_name" class="form-label">
                            Product Name<span class="text-danger">*</span>
                        </label>
                        <input type="text" class="form-control" id="mp_product_name" name="product_name" required>
                        <span class="text-danger mp-error" data-field="product_name"></span>
                    </div>
                    {{-- Category --}}
                    <div class="col-md-4 position-relative">
                        <label for="mp_product_category_id" class="form-label">
                            Category<span class="text-danger">*</span>
                            <button type="button" class="btn btn-sm btn-primary py-0 px-1 btnQuickAddCategory" style="margin-left: 5px;">
                                <i class="ri-add-circle-line"></i>
                            </button>
                        </label>
                        <select name="product_category_id" id="mp_product_category_id" class="form-control" required>
                            <option value="">--Select--</option>
                            @foreach ($mpCategory as $id => $name)
                                <option value="{{ $id }}">{{ $name }}</option>
                            @endforeach
                        </select>
                        <span class="text-danger mp-error" data-field="product_category_id"></span>
                    </div>

                    {{-- Brand --}}
                    <div class="col-md-4 position-relative">
                        <label for="mp_brand_id" class="form-label">
                            Brand
                            <button type="button" class="btn btn-sm btn-primary py-0 px-1 btnQuickAddBrand" style="margin-left: 5px;">
                                <i class="ri-add-circle-line"></i>
                            </button>
                        </label>
                        <select name="brand_id" id="mp_brand_id" class="form-control">
                            <option value="">--Select--</option>
                            @foreach ($mpBrands as $id => $name)
                                <option value="{{ $id }}">{{ $name }}</option>
                            @endforeach
                        </select>
                        <span class="text-danger mp-error" data-field="brand_id"></span>
                    </div>

                    {{-- Units --}}
                    <div class="col-md-4 position-relative">
                        <label for="mp_units" class="form-label">
                            Units<span class="text-danger">*</span>
                            <button type="button" class="btn btn-sm btn-primary py-0 px-1 btnQuickAddUnit" style="margin-left: 5px;">
                                <i class="ri-add-circle-line"></i>
                            </button>
                        </label>
                        <select name="units" id="mp_units" class="form-control" required>
                            <option value="">--Select--</option>
                            @foreach ($mpUnits as $val => $name)
                                <option value="{{ $val }}">{{ $name }}</option>
                            @endforeach
                        </select>
                        <span class="text-danger mp-error" data-field="units"></span>
                    </div>

                    {{-- GST Applicable --}}
                    <div class="col-md-4 position-relative">
                        <label for="mp_gst_applicable" class="form-label">
                            GST Applicable<span class="text-danger">*</span>
                        </label>
                        <select name="gst_applicable" id="mp_gst_applicable" class="form-control" required>
                            <option value="">--Select--</option>
                            <option value="yes">Applicable</option>
                            <option value="no">Not-Applicable</option>
                        </select>
                        <span class="text-danger mp-error" data-field="gst_applicable"></span>
                    </div>

                    {{-- Tax Slab - hidden by default --}}
                    <div class="col-md-4 position-relative mp_ApplicableYes" style="display:none;">
                        <label for="mp_tax_group_id" class="form-label">
                            Tax Slab<span class="text-danger">*</span>
                        </label>
                        <select name="tax_group_id" id="mp_tax_group_id" class="form-control">
                            <option value="">--Select--</option>
                            @foreach ($mpTaxGroup as $id => $slab)
                                <option value="{{ $id }}">{{ $slab }}</option>
                            @endforeach
                        </select>
                        <span class="text-danger mp-error" data-field="tax_group_id"></span>
                    </div>

                    {{-- HSN Code - hidden by default --}}
                    <div class="col-md-4 position-relative mp_ApplicableYes" style="display:none;">
                        <label for="mp_hsn_code" class="form-label">
                            HSN Code<span class="text-danger">*</span>
                        </label>
                        <input type="text" class="form-control" id="mp_hsn_code" name="hsn_code" oninput="this.value = this.value.replace(/[^0-9]/g, '')">
                        <span class="text-danger mp-error" data-field="hsn_code"></span>
                    </div>

                    {{-- Opening Stock --}}
                    <div class="col-md-4 position-relative">
                        <label for="mp_opening_stock" class="form-label">
                            Opening Stock
                        </label>
                        <input type="text" class="form-control" id="mp_opening_stock" name="opening_stock"
                            value="0" onfocus="if(this.value=='0') this.value='';" onblur="if(this.value=='') this.value='0';">
                        <span class="text-danger mp-error" data-field="opening_stock"></span>
                    </div>

                    {{-- Stock Alert --}}
                    <div class="col-md-4 position-relative">
                        <label for="mp_stock_alert" class="form-label">
                            Stock Alert
                        </label>
                        <input type="text" class="form-control" id="mp_stock_alert" name="stock_alert"
                            value="0" onfocus="if(this.value=='0') this.value='';" onblur="if(this.value=='') this.value='0';">
                        <span class="text-danger mp-error" data-field="stock_alert"></span>
                    </div>

                    {{-- Rate Per --}}
                    <div class="col-md-4 position-relative">
                        <label for="mp_rate_per" class="form-label">
                            Rate Per
                        </label>
                        <input type="text" class="form-control" id="mp_rate_per" name="rate_per"
                            value="0.00" onfocus="if(this.value=='0') this.value='';" onblur="if(this.value=='') this.value='0';">
                        <span class="text-danger mp-error" data-field="rate_per"></span>
                    </div>

                    {{-- Value --}}
                    <div class="col-md-4 position-relative">
                        <label for="mp_value" class="form-label">
                            Value
                        </label>
                        <input type="text" class="form-control" id="mp_value" name="value" readonly
                            value="0.00">
                        <span class="text-danger mp-error" data-field="value"></span>
                    </div>

                    {{-- Reverse Charge --}}
                    <div class="col-md-4 position-relative">
                        <br><br>
                        <input type="checkbox" id="mp_application_reverse_charge" name="application_reverse_charge"
                            value="yes">
                        <label class="form-label" for="mp_application_reverse_charge">
                            Applicable for Reverse Charge
                        </label>
                    </div>

                    {{-- Remark --}}
                    <div class="col-md-12 position-relative">
                        <label for="mp_remark" class="form-label">Remark</label>
                        <textarea name="remark" id="mp_remark" class="form-control" rows="2"></textarea>
                        <span class="text-danger mp-error" data-field="remark"></span>
                    </div>

                    {{-- Submit --}}
                    <div class="col-12">
                        <button class="btn btn-primary" id="mpBtnSubmit" type="button">Submit</button>
                    </div>

                </form>
            </div>
        </div>
    </div>
</div>

@include('common.modal.category')
@include('common.modal.brand')
@include('common.modal.unit')