@extends('admin.layout.app')

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                @if (session()->has('success'))
                    <div class="alert alert-success">{{ session()->get('success') }}</div>
                @endif

                {{-- Global validation errors (keep this) --}}
                @if ($errors->any())
                    <div class="alert alert-danger">
                        <strong>Please fix the following errors:</strong>
                        <ul class="mb-0">
                            @foreach ($errors->all() as $err)
                                <li>{{ $err }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                @if (session()->has('error'))
                    <div class="alert alert-danger" role="alert">
                        {{ session()->get('error') }}
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                @endif
            </div>

            <div class="col-md-12">
                <div class="card">
                    <div class="card-header card-header-primary">
                        <h4 class="card-title">Create Shipping Order - iThinkLogistics</h4>
                        @if ($order->shipment?->status == 'success')
                            <div class="alert alert-info">Shipment created for this order. Waybill:
                                {{ $order->shipment->waybill ?? 'N/A' }}</div>
                        @endif
                    </div>


                    <div class="card-body">
                        <form class="forms-sample"
                            action="{{ route('ithinklogistics.create', ['order' => $order->order_id]) }}" method="POST">
                            @csrf

                            {{-- Basic order info --}}
                            <div class="row">
                                <div class="col-md-5 form-group">
                                    <label>Order No</label>
                                    <input type="text" name="order"
                                        class="form-control @error('order') is-invalid @enderror"
                                        value="{{ old('order', $order->cart_id ?? ($order->order_id ?? '')) }}" required>
                                    @error('order')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-5 form-group">
                                    <label>Order Date</label>
                                    <input type="text" name="order_date"
                                        class="form-control @error('order_date') is-invalid @enderror"
                                        value="{{ old('order_date', optional($order->order_date)->format('d-m-Y') ?? now()->format('d-m-Y')) }}"
                                        placeholder="DD-MM-YYYY" required>
                                    @error('order_date')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            {{-- Shipping / Billing Details --}}
                            <h5>Shipping / Billing Details</h5>
                            <div class="row">
                                <div class="col-md-4 form-group">
                                    <label>Name</label>
                                    <input type="text" name="name"
                                        class="form-control @error('name') is-invalid @enderror"
                                        value="{{ old('name', $shipping_address['name'] ?? '') }}" required>
                                    @error('name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-4 form-group">
                                    <label>Phone</label>
                                    <input type="text" name="phone"
                                        class="form-control @error('phone') is-invalid @enderror"
                                        value="{{ old('phone', $shipping_address['phone'] ?? '') }}" required>
                                    @error('phone')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            {{-- Address fields (example: add) --}}
                            <div class="row">
                                <div class="col-md-6 form-group">
                                    <label>Address</label>
                                    <input type="text" name="add"
                                        class="form-control @error('add') is-invalid @enderror"
                                        value="{{ old('add', trim($shipping_address['house_no'] ?? '')) }}">
                                    @error('add')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-6 form-group">
                                    <label>Address 2</label>
                                    <input type="text" name="add2"
                                        class="form-control @error('add2') is-invalid @enderror"
                                        value="{{ old('add2', trim($shipping_address['society'] ?? '')) }}">
                                    @error('add2')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            {{-- ... other fields remain same but use @error similarly ... --}}

                            <div class="row">
                                <div class="col-md-3 form-group">
                                    <label>City</label>
                                    <input type="text" name="city" class="form-control"
                                        value="{{ old('city', $shipping_address['city'] ?? '') }}">
                                </div>
                                <div class="col-md-3 form-group">
                                    <label>State</label>
                                    <input type="text" name="state" class="form-control"
                                        value="{{ old('state', $shipping_address['state'] ?? '') }}">
                                </div>
                                <div class="col-md-3 form-group">
                                    <label>Pin</label>
                                    <input type="text" name="pin" class="form-control"
                                        value="{{ old('pin', $shipping_address['pincode'] ?? '') }}">
                                </div>
                                <div class="col-md-3 form-group">
                                    <label>Country</label>
                                    <input type="text" name="country" class="form-control"
                                        value="{{ old('country', $shipping_address['country'] ?? 'India') }}">
                                </div>
                            </div>

                            {{-- Products: dynamic rows --}}
                            <h5>Products</h5>
                            <table class="table" id="products-table">
                                <thead>
                                    <tr>
                                        <th>Product Name</th>
                                        <th>SKU</th>
                                        <th>Qty</th>
                                        <th>Price</th>
                                        <th>Tax Rate</th>
                                        <th>HSN</th>
                                        <th>Discount</th>
                                        <th>
                                            <button type="button" class="btn btn-sm btn-success"
                                                id="add-product">Add</button>
                                        </th>
                                    </tr>
                                </thead>

                                <tbody>
                                    @php
                                        // $rows is prepared in controller (existing items or old input)
                                        $rows = old('products', $products ?? []);
                                    @endphp

                                    @if (count($rows) == 0)
                                        {{-- If no rows, render one empty row so user can fill --}}
                                        @php $rows = [['product_name'=>'','product_sku'=>'','product_quantity'=>1,'product_price'=>'','product_tax_rate'=>0,'product_hsn_code'=>'','product_discount'=>0]]; @endphp
                                    @endif

                                    @foreach ($rows as $i => $p)
                                        <tr class="product-row">
                                            <td>
                                                <input type="text" name="products[{{ $i }}][product_name]"
                                                    class="form-control @error("products.$i.product_name") is-invalid @enderror"
                                                    value="{{ old("products.$i.product_name", $p['product_name'] ?? '') }}">
                                                @error("products.$i.product_name")
                                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                                @enderror
                                            </td>

                                            <td>
                                                <input type="text" name="products[{{ $i }}][product_sku]"
                                                    class="form-control @error("products.$i.product_sku") is-invalid @enderror"
                                                    value="{{ old("products.$i.product_sku", $p['product_sku'] ?? '') }}">
                                                @error("products.$i.product_sku")
                                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                                @enderror
                                            </td>

                                            <td>
                                                <input type="number" min="1"
                                                    name="products[{{ $i }}][product_quantity]"
                                                    class="form-control @error("products.$i.product_quantity") is-invalid @enderror"
                                                    value="{{ old("products.$i.product_quantity", $p['product_quantity'] ?? 1) }}">
                                                @error("products.$i.product_quantity")
                                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                                @enderror
                                            </td>

                                            <td>
                                                <input type="text" name="products[{{ $i }}][product_price]"
                                                    class="form-control @error("products.$i.product_price") is-invalid @enderror"
                                                    value="{{ old("products.$i.product_price", $p['product_price'] ?? '') }}">
                                                @error("products.$i.product_price")
                                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                                @enderror
                                            </td>

                                            <td>
                                                <input type="text"
                                                    name="products[{{ $i }}][product_tax_rate]"
                                                    class="form-control @error("products.$i.product_tax_rate") is-invalid @enderror"
                                                    value="{{ old("products.$i.product_tax_rate", $p['product_tax_rate'] ?? 0) }}">
                                                @error("products.$i.product_tax_rate")
                                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                                @enderror
                                            </td>

                                            <td>
                                                <input type="text"
                                                    name="products[{{ $i }}][product_hsn_code]"
                                                    class="form-control @error("products.$i.product_hsn_code") is-invalid @enderror"
                                                    value="{{ old("products.$i.product_hsn_code", $p['product_hsn_code'] ?? '') }}">
                                                @error("products.$i.product_hsn_code")
                                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                                @enderror
                                            </td>

                                            <td>
                                                <input type="text"
                                                    name="products[{{ $i }}][product_discount]"
                                                    class="form-control @error("products.$i.product_discount") is-invalid @enderror"
                                                    value="{{ old("products.$i.product_discount", $p['product_discount'] ?? 0) }}">
                                                @error("products.$i.product_discount")
                                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                                @enderror
                                            </td>

                                            <td>
                                                {{-- Optional remove button for dynamic rows (if you want) --}}
                                                <button type="button"
                                                    class="btn btn-danger btn-sm remove-product">Remove</button>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>

                            {{-- Generic product-array level errors (if any) --}}
                            @if ($errors->has('products'))
                                <div class="text-danger mb-3">
                                    @foreach ($errors->get('products') as $err)
                                        <div>{{ $err }}</div>
                                    @endforeach
                                </div>
                            @endif

                            {{-- Shipment Dimensions & Weight --}}
                            <h5>Shipment Dimensions & Weight</h5>
                            <div class="row">
                                <div class="col-md-3 form-group">
                                    <label>Length (cm)</label>
                                    <input type="text" name="shipment_length"
                                        class="form-control @error('shipment_length') is-invalid @enderror"
                                        value="{{ $order->shipment->shipment_length ?? old('shipment_length', $dimensions['length'] ?? '') }}">
                                    @error('shipment_length')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-3 form-group">
                                    <label>Width (cm)</label>
                                    <input type="text" name="shipment_width"
                                        class="form-control @error('shipment_width') is-invalid @enderror"
                                        value="{{ $order->shipment->shipment_width ?? old('shipment_width', $dimensions['width'] ?? '') }}">
                                    @error('shipment_width')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-3 form-group">
                                    <label>Height (cm)</label>
                                    <input type="text" name="shipment_height"
                                        class="form-control @error('shipment_height') is-invalid @enderror"
                                        value="{{ $order->shipment->shipment_height ?? old('shipment_height', $dimensions['height'] ?? '') }}">
                                    @error('shipment_height')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-3 form-group">
                                    <label>Weight (kg)</label>
                                    <input type="text" name="weight"
                                        class="form-control @error('weight') is-invalid @enderror"
                                        value="{{ $order->shipment->weight ?? old('weight', $dimensions['weight'] ?? '') }}">
                                    @error('weight')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            {{-- Payment / misc fields (use @error same way) --}}

                            {{-- Payment / misc fields --}}
                            <div class="row">
                                <div class="col-md-3 form-group">
                                    <label>Total Amount</label>
                                    <input type="text" name="total_amount" class="form-control"
                                        value="{{ old('total_amount', $totals['grand_total'] ?? '') }}">
                                </div>
                                {{-- @dd($totals['payment_method']) --}}
                                <div class="col-md-3 form-group">
                                    <label>Payment Mode</label>
                                    <select name="payment_mode" class="form-control">
                                        <option value="COD" {{ $totals['payment_method'] == 'COD' ? 'selected' : '' }}>
                                            COD</option>
                                        <option value="Prepaid"
                                            {{ $totals['payment_method'] == 'Online' ? 'selected' : '' }}>
                                            Prepaid</option>
                                    </select>
                                </div>

                                <div class="col-md-3 form-group">
                                    <label>Logistics Name</label>
                                    @php
                                        $logisticName = $totals['shipment']['logistic_name'] ?? null;
                                    @endphp
                                    <select name="logistics" class="form-control">
                                        <option value="Amazon" {{ $logisticName == 'Amazon' ? 'selected' : '' }}>Amazon
                                        </option>
                                        <option value="Delhivery" {{ $logisticName == 'Delhivery' ? 'selected' : '' }}>
                                            Delhivery</option>
                                        <option value="Xpressbees" {{ $logisticName == 'Xpressbees' ? 'selected' : '' }}>
                                            Xpressbees</option>
                                        <option value="Ecom Express"
                                            {{ $logisticName == 'Ecom Express' ? 'selected' : '' }}>Ecom Express</option>
                                        <option value="Ekart" {{ $logisticName == 'Ekart' ? 'selected' : '' }}>Ekart
                                        </option>
                                        <option value="Shadowfax" {{ $logisticName == 'Shadowfax' ? 'selected' : '' }}>
                                            Shadowfax</option>
                                        <option value="DTDC" {{ $logisticName == 'DTDC' ? 'selected' : '' }}>DTDC
                                        </option>
                                    </select>
                                </div>

                                <div class="col-md-3 form-group">
                                    @if ($totals['payment_method'] == 'COD')
                                        <label>COD Amount (if COD)</label>
                                        <input type="text" name="cod_amount" class="form-control"
                                            value="{{ old('cod_amount', $totals['cod_amount'] ?? 0) }}">
                                    @else
                                        <label>Prepaid Amount (if Prepaid)</label>
                                        <input type="text" name="advance_amount" class="form-control"
                                            value="{{ old('advance_amount', $totals['advance_amount'] ?? 0) }}">
                                    @endif
                                </div>
                            </div>

                            {{-- Hidden config fields --}}
                            <input type="hidden" name="pickup_address_id"
                                value="{{ config('services.ithinklogistics.default_pickup_address_id') ?? '' }}">
                            <input type="hidden" name="access_token"
                                value="{{ config('services.ithinklogistics.access_token') ?? '' }}">
                            <input type="hidden" name="secret_key"
                                value="{{ config('services.ithinklogistics.secret_key') ?? '' }}">
                            {{-- <input type="hidden" name="logistics"
                                value="{{ config('services.ithinklogistics.logistics_name') ?? 'Delhivery' }}"> --}}

                            <div class="mt-3">
                                @if ($order->shipment?->status == 'success')
                                    <div class="alert alert-info">Shipment created for this order. Waybill:
                                        {{ $order->shipment->waybill ?? 'N/A' }}</div>
                                @else
                                    <button type="submit" class="btn btn-primary">Confirm & Create Shipping
                                        Order</button>
                                @endif
                                <a href="{{ route('admin_all_orders') }}" class="btn btn-secondary">Back</a>
                            </div>

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

    {{-- Keep your JS for add/remove rows (no changes required) --}}
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const addBtn = document.getElementById('add-product');
            const tbody = document.querySelector('#products-table tbody');

            addBtn && addBtn.addEventListener('click', function() {
                const rowCount = tbody.querySelectorAll('tr').length;
                const idx = rowCount;
                const tr = document.createElement('tr');
                tr.classList.add('product-row');
                tr.innerHTML = `
      <td><input type="text" name="products[${idx}][product_name]" class="form-control"></td>
      <td><input type="text" name="products[${idx}][product_sku]" class="form-control"></td>
      <td><input type="number" min="1" name="products[${idx}][product_quantity]" class="form-control" value="1"></td>
      <td><input type="text" name="products[${idx}][product_price]" class="form-control"></td>
      <td><input type="text" name="products[${idx}][product_tax_rate]" class="form-control" value="0"></td>
      <td><input type="text" name="products[${idx}][product_hsn_code]" class="form-control"></td>
      <td><input type="text" name="products[${idx}][product_discount]" class="form-control" value="0"></td>
      <td><button type="button" class="btn btn-danger btn-sm remove-product">Remove</button></td>
    `;
                tbody.appendChild(tr);
            });

            document.body.addEventListener('click', function(e) {
                if (e.target && e.target.matches('.remove-product')) {
                    const row = e.target.closest('tr');
                    row && row.remove();

                    // Re-index names
                    const rows = tbody.querySelectorAll('tr.product-row');
                    rows.forEach((r, i) => {
                        r.querySelectorAll('input').forEach(input => {
                            const name = input.getAttribute('name');
                            if (name) {
                                const newName = name.replace(/products\[\d+\]/,
                                    `products[${i}]`);
                                input.setAttribute('name', newName);
                            }
                        });
                    });
                }
            });
        });
    </script>
@endsection