@extends('admin.layout')
@section('title', 'অর্ডার বিস্তারিত')
@section('content')

<div class="topbar">
    <h1>অর্ডার #{{ $order->id }}</h1>
    <a href="{{ route('admin.orders.index') }}" class="btn btn-gray">← লিস্টে ফিরুন</a>
</div>

<div style="display:grid; grid-template-columns:1fr 1fr; gap:20px;">

    <div class="card">
        <h3 style="margin-top:0;">দ্রুত স্ট্যাটাস আপডেট</h3>
        <form method="POST" action="{{ route('admin.orders.status', $order->id) }}" style="display:flex; gap:10px;">
            @csrf
            <select name="status" style="flex:1;">
                @foreach(['pending','confirmed','shipped','delivered','cancelled'] as $s)
                    <option value="{{ $s }}" {{ $order->status === $s ? 'selected' : '' }}>{{ $s }}</option>
                @endforeach
            </select>
            <button type="submit" class="btn btn-pink">আপডেট</button>
        </form>

        <hr style="margin:20px 0; border:none; border-top:1px solid #eee;">

        <form method="POST" action="{{ route('admin.orders.destroy', $order->id) }}" onsubmit="return confirm('এই অর্ডারটি স্থায়ীভাবে ডিলিট হবে। নিশ্চিত?');">
            @csrf @method('DELETE')
            <button type="submit" class="btn btn-red">🗑️ অর্ডার ডিলিট করুন</button>
        </form>
    </div>

    <div class="card">
        <h3 style="margin-top:0;">প্রোডাক্ট তথ্য</h3>
        <p><strong>প্রোডাক্ট:</strong> {{ $order->product->title ?? '—' }}</p>
        <p><strong>একক মূল্য:</strong> {{ $order->unit_price }}/=</p>
        <p><strong>পরিমাণ:</strong> {{ $order->quantity }}</p>
        <p><strong>মোট মূল্য:</strong> {{ $order->total_price }}/=</p>
        <p><strong>অর্ডারের সময়:</strong> {{ $order->created_at->format('d M Y, h:i A') }}</p>
    </div>

</div>

<div class="card" style="margin-top:20px;">
    <h3 style="margin-top:0;">অর্ডার তথ্য এডিট করুন</h3>
    <form method="POST" action="{{ route('admin.orders.update', $order->id) }}">
        @csrf @method('PUT')

        <div style="display:grid; grid-template-columns:1fr 1fr; gap:15px;">
            <div>
                <label>কাস্টমারের নাম *</label>
                <input type="text" name="customer_name" value="{{ old('customer_name', $order->customer_name) }}" required>
            </div>
            <div>
                <label>মোবাইল *</label>
                <input type="text" name="phone" value="{{ old('phone', $order->phone) }}" required>
            </div>
        </div>

        <label>ঠিকানা *</label>
        <textarea name="address" rows="2" required>{{ old('address', $order->address) }}</textarea>

        <div style="display:grid; grid-template-columns:1fr 1fr 1fr; gap:15px;">
            <div>
                <label>জেলা</label>
                <input type="text" name="district" value="{{ old('district', $order->district) }}">
            </div>
            <div>
                <label>পরিমাণ *</label>
                <input type="number" name="quantity" value="{{ old('quantity', $order->quantity) }}" min="1" required>
            </div>
            <div>
                <label>পেমেন্ট পদ্ধতি *</label>
                <select name="payment_method" required>
                    @foreach(['cod'=>'COD','bkash'=>'বিকাশ','nagad'=>'নগদ'] as $val => $label)
                        <option value="{{ $val }}" {{ $order->payment_method === $val ? 'selected' : '' }}>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
        </div>

        <label>ট্রানজেকশন আইডি</label>
        <input type="text" name="transaction_id" value="{{ old('transaction_id', $order->transaction_id) }}">

        <label>স্ট্যাটাস *</label>
        <select name="status" required>
            @foreach(['pending','confirmed','shipped','delivered','cancelled'] as $s)
                <option value="{{ $s }}" {{ $order->status === $s ? 'selected' : '' }}>{{ $s }}</option>
            @endforeach
        </select>

        <label>নোট</label>
        <textarea name="note" rows="2">{{ old('note', $order->note) }}</textarea>

        <div style="margin-top:20px;">
            <button type="submit" class="btn btn-pink">সংরক্ষণ করুন</button>
        </div>
    </form>
</div>

@endsection