@extends('layouts.inspinia')

@section('title', 'Convert Call-Off Order')

@section('content_header', 'Convert Call-Off Order to Sales Order')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('call-off-orders.index') }}">Call-Off Orders</a></li>
    <li class="breadcrumb-item"><a href="{{ route('call-off-orders.show', $callOffOrder) }}">{{ $callOffOrder->call_off_number }}</a></li>
    <li class="breadcrumb-item active"><strong>Convert</strong></li>
@endsection

@section('content')

    @if(session('error'))
        <div class="alert alert-danger">{{ session('error') }}</div>
    @endif

    @if($errors->any())
        <div class="alert alert-danger">
            <ul class="mb-0">
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="alert alert-warning">
        <i class="fas fa-exclamation-triangle"></i>
        <strong>Important:</strong> This creates an official Sales Order in <strong>Draft</strong> status only.
        It does <strong>not</strong> move stock again, does <strong>not</strong> post customer balance,
        and does <strong>not</strong> post GL entries. All existing Gate Pass and Delivery Note
        stock movements remain unchanged.
    </div>

    <div class="ibox">
        <div class="ibox-title">
            <h5><i class="fas fa-exchange-alt mr-1"></i> Convert to Sales Order: {{ $callOffOrder->call_off_number }}</h5>
            <div class="ibox-tools">
                <a href="{{ route('call-off-orders.show', $callOffOrder) }}" class="btn btn-secondary btn-sm">
                    <i class="fas fa-arrow-left"></i> Back
                </a>
            </div>
        </div>
        <div class="ibox-content">

            <div class="row">

                {{-- Left: COO Summary --}}
                <div class="col-md-7">

                    <div class="card card-outline card-info">
                        <div class="card-header">
                            <strong>Call-Off Order Summary</strong>
                            <span class="badge badge-secondary ml-2">{{ $callOffOrder->call_off_number }}</span>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <p><strong>Customer:</strong> {{ $callOffOrder->customer->name ?? '—' }}</p>
                                    <p><strong>Salesman:</strong> {{ $callOffOrder->salesman->name ?? '—' }}</p>
                                </div>
                                <div class="col-md-6 text-right">
                                    <p><strong>Order Date:</strong> {{ $callOffOrder->order_date?->format('d-m-Y') }}</p>
                                    <p><strong>Status:</strong>
                                        <span class="badge {{ $callOffOrder->statusBadgeClass() }}">
                                            {{ \App\Models\CallOffOrder::STATUSES[$callOffOrder->status] ?? $callOffOrder->status }}
                                        </span>
                                    </p>
                                </div>
                            </div>

                            @if($callOffOrder->approvedBy)
                                <p><strong>Approved By:</strong> {{ $callOffOrder->approvedBy->name }}</p>
                            @endif

                            @if($callOffOrder->reason)
                                <div class="alert alert-light border py-2 mb-2">
                                    <strong>Reason / Justification:</strong><br>{{ $callOffOrder->reason }}
                                </div>
                            @endif
                        </div>
                    </div>

                    {{-- Items --}}
                    <div class="card card-outline card-secondary">
                        <div class="card-header"><strong>Items (carried over to Sales Order)</strong></div>
                        <div class="card-body p-0">
                            <table class="table table-bordered table-hover mb-0">
                                <thead class="thead-light">
                                <tr>
                                    <th>Item</th>
                                    <th class="text-right">Qty</th>
                                    <th class="text-right">Unit Price</th>
                                    <th class="text-right">VAT %</th>
                                    <th class="text-right">Line Total</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($callOffOrder->items as $line)
                                    <tr>
                                        <td>
                                            {{ $line->item->name ?? '' }}
                                            @if($line->itemAlias) — {{ $line->itemAlias->alias_name }} @endif
                                            @if($line->description)
                                                <br><small class="text-muted">{{ $line->description }}</small>
                                            @endif
                                        </td>
                                        <td class="text-right">{{ number_format($line->quantity, 2) }}</td>
                                        <td class="text-right">{{ number_format($line->unit_price, 2) }}</td>
                                        <td class="text-right">{{ number_format($line->tax_rate, 2) }}%</td>
                                        <td class="text-right font-weight-bold">{{ number_format($line->line_total, 2) }}</td>
                                    </tr>
                                @endforeach
                                </tbody>
                                <tfoot>
                                <tr>
                                    <th colspan="4" class="text-right">Grand Total</th>
                                    <th class="text-right">
                                        {{ number_format($callOffOrder->items->sum('line_total'), 2) }}
                                    </th>
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>

                    {{-- Linked Gate Pass / Delivery Note --}}
                    @if($gatePass || $deliveryNote)
                    <div class="card card-outline card-secondary">
                        <div class="card-header"><strong>Linked Documents (reference only)</strong></div>
                        <div class="card-body py-2">
                            @if($gatePass)
                                <p class="mb-1">
                                    <strong>Gate Pass:</strong>
                                    <a href="{{ route('gate-passes.show', $gatePass) }}" target="_blank">
                                        {{ $gatePass->gate_pass_number }}
                                    </a>
                                    <small class="text-muted">— Stock already released via this gate pass</small>
                                </p>
                            @endif
                            @if($deliveryNote)
                                <p class="mb-1">
                                    <strong>Delivery Note:</strong>
                                    <a href="{{ route('delivery-notes.show', $deliveryNote) }}" target="_blank">
                                        {{ $deliveryNote->delivery_note_number }}
                                    </a>
                                    <small class="text-muted">— Will be added as a reference on the new Sales Order</small>
                                </p>
                            @endif
                        </div>
                    </div>
                    @endif

                </div>

                {{-- Right: Conversion Form --}}
                <div class="col-md-5">
                    <div class="card card-outline card-primary">
                        <div class="card-header"><strong>Customer PO / LPO Details</strong></div>
                        <div class="card-body">
                            <form method="POST"
                                  action="{{ route('call-off-orders.convert', $callOffOrder) }}">
                                @csrf

                                <div class="form-group">
                                    <label>Customer PO / LPO Number <span class="text-danger">*</span></label>
                                    <input type="text" name="customer_po_number" class="form-control @error('customer_po_number') is-invalid @enderror"
                                           value="{{ old('customer_po_number', $callOffOrder->customer_po_number ?? '') }}"
                                           required maxlength="100" placeholder="e.g. PO-2026-1234">
                                    @error('customer_po_number')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                    <small class="text-muted">The PO/LPO number received from the customer for this order.</small>
                                </div>

                                <div class="form-group">
                                    <label>Customer PO Date</label>
                                    <input type="date" name="customer_po_date" class="form-control @error('customer_po_date') is-invalid @enderror"
                                           value="{{ old('customer_po_date', $callOffOrder->customer_po_date?->format('Y-m-d') ?? '') }}">
                                    @error('customer_po_date')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label>Internal Notes <small class="text-muted">(optional — for the new Sales Order)</small></label>
                                    <textarea name="notes" class="form-control" rows="3" maxlength="2000"
                                              placeholder="Any notes to add to the Sales Order...">{{ old('notes') }}</textarea>
                                </div>

                                <div class="alert alert-info py-2 small">
                                    <strong>What will be created:</strong>
                                    <ul class="mb-0 mt-1">
                                        <li>New Sales Order in <strong>Draft</strong> status</li>
                                        <li>All {{ $callOffOrder->items->count() }} item(s) copied across</li>
                                        <li>References: COO number{{ $deliveryNote ? ', Delivery Note' : '' }}, Customer PO/LPO</li>
                                        <li>COO marked as <strong>Converted</strong></li>
                                    </ul>
                                </div>

                                <div class="d-flex justify-content-between mt-3">
                                    <a href="{{ route('call-off-orders.show', $callOffOrder) }}"
                                       class="btn btn-secondary">
                                        <i class="fas fa-times"></i> Cancel
                                    </a>
                                    <button type="submit" class="btn btn-primary"
                                            onclick="return confirm('Confirm conversion to official Sales Order?\n\nThis will:\n• Create a Draft Sales Order\n• Mark this COO as Converted\n\nNo stock movement or customer balance changes will be made.')">
                                        <i class="fas fa-exchange-alt"></i> Confirm Conversion
                                    </button>
                                </div>

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

            </div>

        </div>
    </div>

@endsection