@php
    $existingItems = $productInventory->productInventoryItems->map(function($item) {
        return [
            'product_id' => $item->product_id,
            'product_name' => $item->product->name,
            'quantity' => $item->quantity,
            'amount' => $item->amount,
            'buy_price' => $item->buy_price,
            'tax' => $item->tax,
        ];
    })->toArray();
@endphp
@extends('admin.layouts.layouts')

@section('title', 'Edit | Product Inventory')

@section('page-css')
    <style>
        .product_inventory_items {
            border: 2px solid #ccc;
            border-radius: 10px;
            padding: 15px;
            margin-bottom: 15px;
        }

        #product_items_table {
            margin-bottom: 0;
        }

        #product_items_table thead th {
            padding: 8px 10px;
            white-space: nowrap;
        }

        #product_items_table tbody td {
            vertical-align: middle;
        }

        #product_items_table .form-control-sm {
            height: calc(1.5em + 0.5rem + 2px);
            padding: 0.25rem 0.5rem;
            font-size: 1rem;
        }

        #product_items_table .btn-sm {
            padding: 0.25rem 0.5rem;
            font-size: 1rem;
            line-height: 1.5;
        }

        .owner_details {
            border: 2px solid #ccc;
            border-radius: 10px;
            padding: 15px;
            margin-bottom: 15px;
        }
    </style>
@endsection

@section('content')
    <div class="page-header">
        <h3 class="page-title">Edit Product Inventory</h3>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="{{ route('product-inventory.index') }}">Product Inventory</a></li>
                <li class="breadcrumb-item active" aria-current="page">Edit</li>
            </ol>
        </nav>
    </div>

    <div class="card">
        {!! Form::open([
            'route' => ['product-inventory.update', $productInventory->id],
            'method' => 'PUT',
            'id' => 'productInventoryForm',
            'enctype' => 'multipart/form-data',
        ]) !!}
        @csrf
        <input type="hidden" id="id" name="id" value="{{ $productInventory->id }}">

        <div class="card-body">
            {{-- Basic Details --}}
            <div class="row">
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('date', 'Date', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('date', old('date', $productInventory->date), [
                                    'id' => 'date',
                                    'class' => 'form-control date',
                                    'placeholder' => 'Select Date',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please select date.',
                                    'data-parsley-errors-container' => '#date_error',
                                ]) !!}
                                <span class="text-danger" id="date_error">{{ $errors->first('date') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('vendor_id', 'Vendor', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::select('vendor_id', $vendors, old('vendor_id', $productInventory->vendor_id), [
                                    'id' => 'vendor_id',
                                    'class' => 'form-control vendorSelect',
                                    'placeholder' => 'Select Vendor',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please select vendor.',
                                    'data-parsley-errors-container' => '#vendor_id_error',
                                ]) !!}
                                <span class="text-danger" id="vendor_id_error">{{ $errors->first('vendor_id') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('vehicle_number', 'Vehicle Number', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('vehicle_number', old('vehicle_number', $productInventory->vehicle_number), [
                                    'id' => 'vehicle_number',
                                    'class' => 'form-control',
                                    'placeholder' => 'Enter Vehicle Number',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-maxlength' => '100',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please enter vehicle number.',
                                    'data-parsley-maxlength-message' => 'Vehicle number may not be greater than 100 characters.',
                                    'data-parsley-errors-container' => '#vehicle_number_error',
                                ]) !!}
                                <span class="text-danger" id="vehicle_number_error">{{ $errors->first('vehicle_number') }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('invoice_number', 'Invoice Number', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('invoice_number', old('invoice_number', $productInventory->invoice_number), [
                                    'id' => 'invoice_number',
                                    'class' => 'form-control',
                                    'placeholder' => 'Enter Invoice Number',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please enter invoice number.',
                                    'data-parsley-errors-container' => '#invoice_number_error',
                                ]) !!}
                                <span class="text-danger" id="invoice_number_error">{{ $errors->first('invoice_number') }}</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('gst_percentage', 'GST Percentage', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('gst_percentage', old('gst_percentage', $productInventory->gst_percentage), [
                                    'id' => 'gst_percentage',
                                    'class' => 'form-control',
                                    'placeholder' => 'Enter GST Percentage',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please enter GST percentage.',
                                    'data-parsley-errors-container' => '#gst_percentage_error',
                                ]) !!}
                                <span class="text-danger" id="gst_percentage_error">{{ $errors->first('gst_percentage') }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Product Inventory Items Details --}}
            <hr class="product_inventory_items_hr">
            <div class="row mt-4 product_inventory_items_title">
                <div class="col-md-12">
                    <h4 class="card-title mb-0"><strong id="product_inventory_items_title">Product Inventory Items</strong></h4>
                </div>
            </div>

            <!-- Form Fields (hidden after first item is added) -->
            <div class="row mt-3" id="product_inventory_items_container">
                <div class="col-md-12 product-item" data-index="0">
                    <div class="product_inventory_items">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    {!! Form::label('product_id', 'Product', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                    {!! Form::select('product_id', [], old('product_id'), [
                                        'id' => 'product_id',
                                        'class' => 'form-control productSelect',
                                        'placeholder' => 'Select Product',
                                    ]) !!}
                                    <span class="text-danger" id="product_id_error">{{ $errors->first('product_id') }}</span>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    {!! Form::label('quantity', 'Quantity', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                    {!! Form::text('quantity', old('quantity'), [
                                        'id' => 'quantity',
                                        'class' => 'form-control number quantity-input',
                                        'placeholder' => 'Enter Quantity',
                                    ]) !!}
                                    <span class="text-danger" id="quantity_error">{{ $errors->first('quantity') }}</span>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    {!! Form::label('amount', 'Amount', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                    {!! Form::text('amount', old('amount'), [
                                        'id' => 'amount',
                                        'class' => 'form-control amount amount-input',
                                        'placeholder' => 'Amount',
                                    ]) !!}
                                    <span class="text-danger" id="amount_error">{{ $errors->first('amount') }}</span>
                                </div>
                            </div>
                            <div class="col-md-2">
                                {!! Form::label('', '', ['class' => 'form-label']) !!}
                                <div class="row product_inventory_items_add_btn" style="margin: 5px;">
                                    <div class="text-right">
                                        <button type="button" class="btn btn-sm btn-primary" id="addProductInventoryItems"><i class="fa fa-plus"></i> Add Item</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <!-- Table to display added items -->
            <div class="row mt-3" id="product_items_table_container" style="display: none;">
                <div class="col-md-12">
                    <div class="table-responsive">
                        <table class="table table-md table-bordered table-hover" id="product_items_table" style="font-size: 1rem;">
                            <thead class="bg-light">
                                <tr>
                                    <th width="20%">Product</th>
                                    <th width="12%">Qty</th>
                                    <th width="20%">Amount</th>
                                    <th width="20%">Tax</th>
                                    <th width="20%">Buy Price</th>
                                    <th width="10%" class="text-center">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                <!-- Items will be added here dynamically -->
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- Hidden fields to store all items data -->
            <input type="hidden" name="product_items_data" id="product_items_data">

            <hr>
            <div class="row mt-4">
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('gross_total', 'Gross Total Amount', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('gross_total', old('gross_total', $productInventory->gross_amount), [
                                    'id' => 'gross_total',
                                    'class' => 'form-control amount',
                                    'placeholder' => 'Enter Gross Total Amount',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please enter gross total amount.',
                                    'data-parsley-errors-container' => '#gross_total_error',
                                ]) !!}
                                <span class="text-danger" id="gross_total_error">{{ $errors->first('gross_total') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('extra_benifit', 'Extra Benifit', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('extra_benifit', old('extra_benifit', $productInventory->extra_benifit), [
                                    'id' => 'extra_benifit',
                                    'class' => 'form-control amount',
                                    'placeholder' => 'Enter Extra Benifit',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please enter extra benifit.',
                                    'data-parsley-errors-container' => '#extra_benifit_error',
                                ]) !!}
                                <span class="text-danger" id="extra_benifit_error">{{ $errors->first('extra_benifit') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('extra_charge', 'Extra Charge', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('extra_charge', old('extra_charge', $productInventory->extra_charge), [
                                    'id' => 'extra_charge',
                                    'class' => 'form-control amount',
                                    'placeholder' => 'Enter Extra Charge',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please enter extra charge.',
                                    'data-parsley-errors-container' => '#extra_charge_error',
                                ]) !!}
                                <span class="text-danger" id="extra_charge_error">{{ $errors->first('extra_charge') }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('grand_total', 'Grand Total', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('grand_total', old('grand_total', $productInventory->grand_total), [
                                    'id' => 'grand_total',
                                    'class' => 'form-control amount',
                                    'placeholder' => 'Enter Grand Total',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please enter grand total.',
                                    'data-parsley-errors-container' => '#grand_total_error',
                                ]) !!}
                                <span class="text-danger" id="grand_total_error">{{ $errors->first('grand_total') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('cgst_amount', 'CGST Amount', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('cgst_amount', old('cgst_amount', $productInventory->cgst_amount), [
                                    'id' => 'cgst_amount',
                                    'class' => 'form-control amount',
                                    'placeholder' => 'Enter CGST Amount',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please enter CGST amount.',
                                    'data-parsley-errors-container' => '#cgst_amount_error',
                                ]) !!}
                                <span class="text-danger" id="cgst_amount_error">{{ $errors->first('cgst_amount') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('sgst_amount', 'SGST Amount', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('sgst_amount', old('sgst_amount', $productInventory->sgst_amount), [
                                    'id' => 'sgst_amount',
                                    'class' => 'form-control amount',
                                    'placeholder' => 'Enter SGST Amount',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please enter SGST amount.',
                                    'data-parsley-errors-container' => '#sgst_amount_error',
                                ]) !!}
                                <span class="text-danger" id="sgst_amount_error">{{ $errors->first('sgst_amount') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('net_total', 'Net Total Amount', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('net_total', old('net_total', $productInventory->net_total), [
                                    'id' => 'net_total',
                                    'class' => 'form-control amount',
                                    'placeholder' => 'Enter Net Total Amount',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-required-message' => 'Please enter nett total amount.',
                                    'data-parsley-errors-container' => '#net_total_error',
                                ]) !!}
                                <span class="text-danger" id="net_total_error">{{ $errors->first('net_total') }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-footer">
            <button type="submit" class="btn btn-primary btn-fw" id="addProductInventory">Update</button>
            <a href="{{ route('product-inventory.index') }}" class="btn btn-light btn-fw">Cancel</a>
        </div>

        {{ Form::close() }}
    </div>
@endsection

@section('page-js')
    <script type="text/javascript">
        var productInventoryID = "{{ $productInventory->id }}";
        var productInventoryUpdate = "{{ route('product-inventory.update', ':id') }}";
        var productInventoryIndexURL = "{{ route('product-inventory.index') }}";
        var existingItems = @json($existingItems);
        const productsData = @json($products);
    </script>
    <script src="{{ asset('assets/js/admin/product-inventory-edit.js') }}"></script>
@endsection