@extends('admin.layouts.app')

@section('title', 'অর্ডার #' . $order->order_number)
@section('page-title', 'অর্ডার #' . $order->order_number)

@section('content')

    {{-- Flash Message --}}
    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <i class="bi bi-check-circle me-2"></i>{{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    {{-- Back Button --}}
    <div class="mb-3">
        <a href="{{ route('admin.orders.index') }}" class="btn btn-outline-secondary btn-sm">
            <i class="bi bi-arrow-left me-1"></i>অর্ডার লিস্টে ফিরুন
        </a>
    </div>

    <div class="row g-4">

        {{-- Left Column --}}
        <div class="col-lg-8">

            {{-- Order Items --}}
            <div class="card admin-card mb-4">
                <div class="card-header admin-card-header">
                    <h5 class="card-title mb-0">
                        <i class="bi bi-box-seam me-2"></i>অর্ডার আইটেম
                    </h5>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-hover admin-table mb-0">
                            <thead>
                                <tr>
                                    <th>পণ্য</th>
                                    <th class="text-center">পরিমাণ</th>
                                    <th class="text-end">মূল্য</th>
                                    <th class="text-end">মোট</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($order->items as $item)
                                    <tr>
                                        <td>
                                            <div class="d-flex align-items-center">
                                                @if($item->product && $item->product->image)
                                                    <img src="{{ asset('storage/' . $item->product->image) }}" alt="{{ $item->product_name }}" class="rounded me-3" width="50" height="50" style="object-fit: cover;">
                                                @else
                                                    <div class="bg-light rounded me-3 d-flex align-items-center justify-content-center" style="width: 50px; height: 50px;">
                                                        <i class="bi bi-image text-muted"></i>
                                                    </div>
                                                @endif
                                                <div>
                                                    <div class="fw-semibold">{{ $item->product_name }}</div>
                                                    @if($item->variation_info)
                                                        <small class="text-muted">{{ $item->variation_info }}</small>
                                                    @endif
                                                </div>
                                            </div>
                                        </td>
                                        <td class="text-center">{{ $item->quantity }}</td>
                                        <td class="text-end">৳ {{ number_format($item->price, 2) }}</td>
                                        <td class="text-end fw-semibold">৳ {{ number_format($item->price * $item->quantity, 2) }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            {{-- Order Summary --}}
            <div class="card admin-card">
                <div class="card-header admin-card-header">
                    <h5 class="card-title mb-0">
                        <i class="bi bi-calculator me-2"></i>অর্ডার সারসংক্ষেপ
                    </h5>
                </div>
                <div class="card-body">
                    <table class="table table-borderless mb-0">
                        <tbody>
                            <tr>
                                <td class="text-muted">সাবটোটাল</td>
                                <td class="text-end">৳ {{ number_format($order->subtotal, 2) }}</td>
                            </tr>
                            @if($order->discount > 0)
                                <tr>
                                    <td class="text-muted">ডিসকাউন্ট</td>
                                    <td class="text-end text-danger">- ৳ {{ number_format($order->discount, 2) }}</td>
                                </tr>
                            @endif
                            <tr>
                                <td class="text-muted">ডেলিভারি চার্জ</td>
                                <td class="text-end">৳ {{ number_format($order->delivery_charge, 2) }}</td>
                            </tr>
                            <tr class="border-top">
                                <td class="fw-bold fs-5">মোট</td>
                                <td class="text-end fw-bold fs-5">৳ {{ number_format($order->total, 2) }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

        </div>

        {{-- Right Column --}}
        <div class="col-lg-4">

            {{-- Customer Info --}}
            <div class="card admin-card mb-4">
                <div class="card-header admin-card-header">
                    <h5 class="card-title mb-0">
                        <i class="bi bi-person me-2"></i>গ্রাহক তথ্য
                    </h5>
                </div>
                <div class="card-body">
                    <ul class="list-unstyled mb-0">
                        <li class="mb-2">
                            <small class="text-muted d-block">নাম</small>
                            <span class="fw-semibold">{{ $order->customer_name }}</span>
                        </li>
                        <li class="mb-2">
                            <small class="text-muted d-block">ফোন</small>
                            <span>{{ $order->customer_phone }}</span>
                        </li>
                        @if($order->customer_email)
                            <li class="mb-2">
                                <small class="text-muted d-block">ইমেইল</small>
                                <span>{{ $order->customer_email }}</span>
                            </li>
                        @endif
                        <li class="mb-2">
                            <small class="text-muted d-block">ঠিকানা</small>
                            <span>{{ $order->shipping_address }}</span>
                        </li>
                        @if($order->district)
                            <li class="mb-2">
                                <small class="text-muted d-block">জেলা</small>
                                <span>{{ $order->district }}</span>
                            </li>
                        @endif
                        @if($order->area)
                            <li>
                                <small class="text-muted d-block">এলাকা</small>
                                <span>{{ $order->area }}</span>
                            </li>
                        @endif
                    </ul>
                </div>
            </div>

            {{-- Order Status Change --}}
            <div class="card admin-card mb-4">
                <div class="card-header admin-card-header">
                    <h5 class="card-title mb-0">
                        <i class="bi bi-arrow-repeat me-2"></i>স্ট্যাটাস পরিবর্তন
                    </h5>
                </div>
                <div class="card-body">
                    <form action="{{ route('admin.orders.status', $order->id) }}" method="POST">
                        @csrf
                        @method('PUT')
                        <div class="mb-3">
                            <select name="status" class="form-select">
                                <option value="pending" {{ $order->status == 'pending' ? 'selected' : '' }}>পেন্ডিং</option>
                                <option value="confirmed" {{ $order->status == 'confirmed' ? 'selected' : '' }}>কনফার্মড</option>
                                <option value="processing" {{ $order->status == 'processing' ? 'selected' : '' }}>প্রসেসিং</option>
                                <option value="shipped" {{ $order->status == 'shipped' ? 'selected' : '' }}>শিপড</option>
                                <option value="delivered" {{ $order->status == 'delivered' ? 'selected' : '' }}>ডেলিভারড</option>
                                <option value="cancelled" {{ $order->status == 'cancelled' ? 'selected' : '' }}>বাতিল</option>
                                <option value="returned" {{ $order->status == 'returned' ? 'selected' : '' }}>রিটার্নড</option>
                            </select>
                        </div>
                        <button type="submit" class="btn btn-primary w-100">
                            <i class="bi bi-check-lg me-1"></i>আপডেট করুন
                        </button>
                    </form>
                </div>
            </div>

            {{-- Admin Note --}}
            <div class="card admin-card mb-4">
                <div class="card-header admin-card-header">
                    <h5 class="card-title mb-0">
                        <i class="bi bi-sticky me-2"></i>অ্যাডমিন নোট
                    </h5>
                </div>
                <div class="card-body">
                    <form action="{{ route('admin.orders.status', $order->id) }}" method="POST">
                        @csrf
                        @method('PUT')
                        <input type="hidden" name="status" value="{{ $order->status }}">
                        <div class="mb-3">
                            <textarea name="admin_note" class="form-control" rows="3" placeholder="নোট লিখুন...">{{ $order->admin_note }}</textarea>
                        </div>
                        <button type="submit" class="btn btn-outline-primary w-100">
                            <i class="bi bi-save me-1"></i>নোট সেভ করুন
                        </button>
                    </form>
                </div>
            </div>

            {{-- Order Details --}}
            <div class="card admin-card mb-4">
                <div class="card-header admin-card-header">
                    <h5 class="card-title mb-0">
                        <i class="bi bi-info-circle me-2"></i>অর্ডার তথ্য
                    </h5>
                </div>
                <div class="card-body">
                    <ul class="list-unstyled mb-0">
                        <li class="mb-2">
                            <small class="text-muted d-block">অর্ডার টাইপ</small>
                            @if($order->order_type === 'quick')
                                <span class="badge text-white" style="background-color: #fd7e14;">কুইক অর্ডার</span>
                            @else
                                <span class="badge bg-primary">সাধারণ অর্ডার</span>
                            @endif
                        </li>
                        <li class="mb-2">
                            <small class="text-muted d-block">পেমেন্ট মেথড</small>
                            <span class="fw-semibold">{{ $order->payment_method ?? 'ক্যাশ অন ডেলিভারি' }}</span>
                        </li>
                        <li class="mb-2">
                            <small class="text-muted d-block">পেমেন্ট স্ট্যাটাস</small>
                            @if($order->payment_status === 'paid')
                                <span class="badge bg-success">পেইড</span>
                            @else
                                <span class="badge bg-warning text-dark">আনপেইড</span>
                            @endif
                        </li>
                        <li>
                            <small class="text-muted d-block">অর্ডারের তারিখ</small>
                            <span>{{ $order->created_at->format('d M, Y h:i A') }}</span>
                        </li>
                    </ul>
                </div>
            </div>

            {{-- Print Invoice --}}
            <a href="{{ route('admin.orders.show', ['order' => $order->id, 'print' => 1]) }}" target="_blank" class="btn btn-outline-dark w-100">
                <i class="bi bi-printer me-1"></i>ইনভয়েস প্রিন্ট করুন
            </a>

        </div>

    </div>

@endsection