@extends('backend.layouts.app')

@section('title', __('Edit Sale Order'))

@section('admin-content')
<div class="p-6 mx-auto max-w-5xl">
    @include('backend.layouts.partials.messages')

    <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
        <form action="{{ route('admin.sale-orders.update', $order->id) }}" method="POST">
            @csrf
            @method('PUT')

            <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
                <div>
                    <label class="block mb-1 font-medium">Customer Code</label>
                    <input type="text" name="card_code" value="{{ $order->card_code }}"
                           class="form-input w-full" readonly>
                </div>
                <div>
                    <label class="block mb-1 font-medium">Customer Name</label>
                    <input type="text" name="card_name" value="{{ $order->card_name }}"
                           class="form-input w-full" readonly>
                </div>
                <div>
                    <label class="block mb-1 font-medium">Due Date</label>
                    <input type="date" name="doc_due_date" value="{{ $order->doc_due_date }}" class="form-input w-full">
                </div>
            </div>

            <h3 class="font-semibold mt-6 mb-2">Order Lines</h3>
            <table class="w-full text-sm border border-gray-300 rounded mb-4">
                <thead class="bg-gray-100">
                    <tr>
                        <th class="p-2">Item Code</th>
                        <th class="p-2">Item Name</th>
                        <th class="p-2">Qty</th>
                        <th class="p-2">Price</th>
                        <th class="p-2">Tax</th>
                        <th class="p-2">Total</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($order->lines as $line)
                        <tr>
                            <td class="p-2">{{ $line->item_code }}</td>
                            <td class="p-2">{{ $line->item_name }}</td>
                            <td class="p-2">{{ $line->quantity }}</td>
                            <td class="p-2">{{ number_format($line->unit_price, 2) }}</td>
                            <td class="p-2">{{ $line->tax_rate }}%</td>
                            <td class="p-2">{{ number_format($line->line_total, 2) }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>

            <div class="mb-4">
                <label class="block mb-1 font-medium">Comments</label>
                <textarea name="comments" class="form-textarea w-full">{{ $order->comments }}</textarea>
            </div>

            <div class="flex justify-end">
                <button type="submit" class="bg-primary text-white px-6 py-2 rounded hover:opacity-90">
                    {{ __('Update Order') }}
                </button>
            </div>
        </form>
    </div>
</div>
@endsection