@extends('layouts.app')
@section('title', $order->order_number)
@section('page-title', 'অর্ডার বিস্তারিত')

@section('content')

{{-- Top Status Bar --}}
<div class="card stat-card mb-4">
    <div class="card-body py-3">
        <div class="d-flex flex-wrap justify-content-between align-items-center gap-3">
            <div>
                <h5 class="fw-bold mb-1">{{ $order->order_number }}</h5>
                <small class="text-muted">তৈরি: {{ $order->created_at->format('d M Y, h:i A') }} — {{ $order->createdBy->name }}</small>
            </div>
            <div class="d-flex gap-2 flex-wrap">
                <span class="badge bg-{{ $order->status_color }} fs-6 px-3 py-2">{{ $order->status_label }}</span>
                <span class="badge bg-{{ $order->payment_status_color }} fs-6 px-3 py-2">{{ $order->payment_status_label }}</span>

                {{-- Quick Actions --}}
                @if($order->status === 'pending')
                    <form method="POST" action="{{ route('admin.orders.confirm', $order) }}">
                        @csrf @method('PATCH')
                        <button class="btn btn-sm btn-info text-white">
                            <i class="bi bi-check2 me-1"></i>নিশ্চিত করুন
                        </button>
                    </form>
                @endif
                @if(!in_array($order->status, ['delivered','cancelled']))
                    <form method="POST" action="{{ route('admin.orders.cancel', $order) }}"
                          onsubmit="return confirm('এই অর্ডার বাতিল করবেন?')">
                        @csrf @method('PATCH')
                        <button class="btn btn-sm btn-outline-danger">
                            <i class="bi bi-x-circle me-1"></i>বাতিল
                        </button>
                    </form>
                @endif
                <a href="{{ route('admin.orders.index') }}" class="btn btn-sm btn-outline-secondary">
                    <i class="bi bi-arrow-left me-1"></i>ফিরুন
                </a>
            </div>
        </div>
    </div>
</div>

<div class="row g-4">

    {{-- LEFT --}}
    <div class="col-lg-7">

        {{-- Order Items --}}
        <div class="card stat-card mb-4">
            <div class="card-header bg-white border-0 pt-3">
                <h6 class="fw-semibold mb-0"><i class="bi bi-fire text-warning me-2"></i>অর্ডার আইটেম</h6>
            </div>
            <div class="card-body p-0">
                <table class="table mb-0">
                    <thead class="table-light">
                        <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 class="fw-semibold">{{ $item->cylinderType->name }}</td>
                            <td class="text-center">{{ $item->quantity }}</td>
                            <td class="text-end">৳{{ number_format($item->unit_price, 2) }}</td>
                            <td class="text-end fw-bold">৳{{ number_format($item->subtotal, 2) }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                    <tfoot class="table-light">
                        <tr>
                            <td colspan="3" class="text-end fw-bold">মোট:</td>
                            <td class="text-end fw-bold fs-5 text-primary">৳{{ number_format($order->total_amount, 2) }}</td>
                        </tr>
                        <tr>
                            <td colspan="3" class="text-end">পরিশোধিত:</td>
                            <td class="text-end text-success fw-semibold">৳{{ number_format($order->paid_amount, 2) }}</td>
                        </tr>
                        <tr>
                            <td colspan="3" class="text-end">বকেয়া:</td>
                            <td class="text-end text-danger fw-bold">৳{{ number_format($order->due_amount, 2) }}</td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>

        {{-- Assigned Cylinders --}}
        @if($order->assignedCylinders->count() > 0)
        <div class="card stat-card mb-4">
            <div class="card-header bg-white border-0 pt-3 d-flex justify-content-between align-items-center">
                <h6 class="fw-semibold mb-0"><i class="bi bi-upc-scan text-primary me-2"></i>অ্যাসাইন করা সিলিন্ডার</h6>
                @if($order->status === 'delivered')
                <button class="btn btn-sm btn-outline-info" data-bs-toggle="collapse" data-bs-target="#returnForm">
                    <i class="bi bi-arrow-return-left me-1"></i>ফেরত নিন
                </button>
                @endif
            </div>
            <div class="card-body p-0">
                <table class="table table-sm mb-0">
                    <thead class="table-light">
                        <tr><th>সিলিন্ডার #</th><th>টাইপ</th><th>সিরিয়াল</th><th>ফেরত</th></tr>
                    </thead>
                    <tbody>
                        @foreach($order->assignedCylinders as $oc)
                        <tr>
                            <td>#{{ $oc->cylinder->id }}</td>
                            <td>{{ $oc->cylinder->cylinderType->name }}</td>
                            <td>{{ $oc->cylinder->serial_number ?? '—' }}</td>
                            <td>
                                @if($oc->is_returned)
                                    <span class="badge bg-success">ফেরত হয়েছে</span>
                                @else
                                    <span class="badge bg-warning text-dark">ফেরত বাকি</span>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            {{-- Return Form --}}
            @if($order->status === 'delivered' && $order->assignedCylinders->where('is_returned', false)->count() > 0)
            <div class="collapse p-3 border-top" id="returnForm">
                <form method="POST" action="{{ route('admin.orders.return-cylinder', $order) }}">
                    @csrf
                    <p class="small fw-semibold text-muted mb-2">ফেরত নেওয়ার সিলিন্ডার বেছে নিন:</p>
                    @foreach($order->assignedCylinders->where('is_returned', false) as $oc)
                    <div class="form-check mb-1">
                        <input class="form-check-input" type="checkbox" name="cylinder_ids[]"
                            value="{{ $oc->cylinder->id }}" id="ret_{{ $oc->cylinder->id }}">
                        <label class="form-check-label small" for="ret_{{ $oc->cylinder->id }}">
                            #{{ $oc->cylinder->id }} — {{ $oc->cylinder->cylinderType->name }}
                            @if($oc->cylinder->serial_number)({{ $oc->cylinder->serial_number }})@endif
                        </label>
                    </div>
                    @endforeach
                    <button type="submit" class="btn btn-sm btn-info text-white mt-2">
                        <i class="bi bi-arrow-return-left me-1"></i>ফেরত রেকর্ড করুন
                    </button>
                </form>
            </div>
            @endif
        </div>
        @endif

        {{-- Add Payment --}}
        @if($order->payment_status !== 'paid' && $order->status !== 'cancelled')
        <div class="card stat-card mb-4 border-warning">
            <div class="card-header bg-white border-0 pt-3">
                <h6 class="fw-semibold mb-0"><i class="bi bi-cash-coin text-warning me-2"></i>পেমেন্ট গ্রহণ</h6>
            </div>
            <div class="card-body">
                <form method="POST" action="{{ route('admin.orders.payment', $order) }}" class="d-flex gap-2 align-items-end">
                    @csrf
                    <div class="flex-grow-1">
                        <label class="form-label small fw-semibold">পরিমাণ (৳) — বকেয়া: ৳{{ number_format($order->due_amount, 2) }}</label>
                        <input type="number" name="amount" class="form-control" min="0.01"
                            step="0.01" max="{{ $order->due_amount }}" placeholder="টাকার পরিমাণ" required>
                    </div>
                    <button type="submit" class="btn btn-warning fw-semibold">
                        <i class="bi bi-check2 me-1"></i>গ্রহণ করুন
                    </button>
                </form>
            </div>
        </div>
        @endif

    </div>

    {{-- RIGHT --}}
    <div class="col-lg-5">

        {{-- Customer Info --}}
        <div class="card stat-card mb-4">
            <div class="card-header bg-white border-0 pt-3">
                <h6 class="fw-semibold mb-0"><i class="bi bi-person text-primary me-2"></i>গ্রাহক</h6>
            </div>
            <div class="card-body">
                <h6 class="fw-bold">{{ $order->customer->name }}</h6>
                <div class="small text-muted mb-3">
                    <div><i class="bi bi-telephone me-2"></i>{{ $order->customer->phone }}</div>
                    @if($order->delivery_address)
                        <div><i class="bi bi-geo-alt me-2"></i>{{ $order->delivery_address }}</div>
                    @endif
                    @if($order->scheduled_date)
                        <div class="mt-1"><i class="bi bi-calendar me-2"></i>নির্ধারিত তারিখ: {{ $order->scheduled_date->format('d M Y') }}</div>
                    @endif
                </div>
                <div class="d-flex justify-content-between small">
                    <span class="text-muted">গ্রাহকের বকেয়া:</span>
                    <span class="fw-bold text-danger">৳{{ number_format($order->customer->due_balance, 2) }}</span>
                </div>
            </div>
        </div>

        {{-- Delivery Assignment --}}
        @if(in_array($order->status, ['confirmed', 'pending', 'assigned']))
        <div class="card stat-card mb-4 border-primary">
            <div class="card-header bg-white border-0 pt-3">
                <h6 class="fw-semibold mb-0"><i class="bi bi-bicycle text-primary me-2"></i>ডেলিভারি অ্যাসাইন</h6>
            </div>
            <div class="card-body">
                @if($order->delivery)
                    <div class="alert alert-primary py-2 mb-3 small">
                        <i class="bi bi-person-check me-2"></i>
                        <strong>{{ $order->delivery->deliveryBoy->name }}</strong> অ্যাসাইন আছেন
                    </div>
                @endif
                <form method="POST" action="{{ route('admin.orders.assign-delivery', $order) }}">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label fw-semibold small">ডেলিভারি বয় বেছে নিন</label>
                        <select name="delivery_boy_id" class="form-select form-select-sm" required>
                            <option value="">-- ডেলিভারি বয় --</option>
                            @foreach($deliveryBoys as $db)
                                <option value="{{ $db->id }}"
                                    {{ $order->delivery?->delivery_boy_id === $db->id ? 'selected' : '' }}>
                                    {{ $db->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    {{-- Cylinder Assignment --}}
                    <div class="mb-3">
                        <label class="form-label fw-semibold small">সিলিন্ডার বেছে নিন</label>
                        @foreach($order->items as $item)
                            <div class="mb-2">
                                <div class="small text-muted mb-1">
                                    {{ $item->cylinderType->name }} — {{ $item->quantity }}টি দরকার
                                    (গুদামে ভর্তি: {{ $availableCylinders[$item->cylinder_type_id]->count() }}টি)
                                </div>
                                @forelse($availableCylinders[$item->cylinder_type_id] as $cyl)
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox"
                                        name="cylinder_ids[]" value="{{ $cyl->id }}"
                                        id="cyl_{{ $cyl->id }}"
                                        {{ $order->assignedCylinders->contains('cylinder_id', $cyl->id) ? 'checked disabled' : '' }}>
                                    <label class="form-check-label small" for="cyl_{{ $cyl->id }}">
                                        #{{ $cyl->id }} {{ $cyl->serial_number ? "({$cyl->serial_number})" : '' }}
                                    </label>
                                </div>
                                @empty
                                <div class="alert alert-warning py-1 small">
                                    <i class="bi bi-exclamation-triangle me-1"></i>গুদামে পর্যাপ্ত ভর্তি সিলিন্ডার নেই!
                                </div>
                                @endforelse
                            </div>
                        @endforeach
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-semibold small">নোট</label>
                        <textarea name="notes" class="form-control form-control-sm" rows="2"></textarea>
                    </div>

                    <button type="submit" class="btn btn-primary btn-sm w-100">
                        <i class="bi bi-bicycle me-1"></i>ডেলিভারি অ্যাসাইন করুন
                    </button>
                </form>
            </div>
        </div>
        @endif

        {{-- Mark Delivered --}}
        @if(in_array($order->status, ['assigned', 'out_for_delivery']))
        <div class="card stat-card mb-4 border-success">
            <div class="card-header bg-white border-0 pt-3">
                <h6 class="fw-semibold mb-0"><i class="bi bi-check2-all text-success me-2"></i>ডেলিভারি সম্পন্ন</h6>
            </div>
            <div class="card-body">
                <form method="POST" action="{{ route('admin.orders.mark-delivered', $order) }}">
                    @csrf @method('PATCH')
                    @if($order->due_amount > 0)
                    <div class="mb-3">
                        <label class="form-label fw-semibold small">
                            ডেলিভারিতে পেমেন্ট (বকেয়া: ৳{{ number_format($order->due_amount, 2) }})
                        </label>
                        <div class="input-group input-group-sm">
                            <span class="input-group-text">৳</span>
                            <input type="number" name="paid_amount" class="form-control"
                                min="0" max="{{ $order->due_amount }}" step="0.01" value="0">
                        </div>
                    </div>
                    @endif
                    <div class="mb-3">
                        <label class="form-label fw-semibold small">ফেরত খালি সিলিন্ডার (সংখ্যা)</label>
                        <input type="number" name="empty_returned" class="form-control form-control-sm"
                            min="0" value="0">
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-semibold small">নোট</label>
                        <textarea name="notes" class="form-control form-control-sm" rows="2"></textarea>
                    </div>
                    <button type="submit" class="btn btn-success btn-sm w-100 fw-semibold">
                        <i class="bi bi-check2-all me-1"></i>ডেলিভারি সম্পন্ন চিহ্নিত করুন
                    </button>
                </form>
            </div>
        </div>
        @endif

        {{-- Delivery Status --}}
        @if($order->delivery)
        <div class="card stat-card">
            <div class="card-header bg-white border-0 pt-3">
                <h6 class="fw-semibold mb-0"><i class="bi bi-info-circle text-muted me-2"></i>ডেলিভারি তথ্য</h6>
            </div>
            <div class="card-body small">
                <table class="table table-borderless table-sm mb-0">
                    <tr><th class="text-muted">ডেলিভারি বয়</th><td class="fw-semibold">{{ $order->delivery->deliveryBoy->name }}</td></tr>
                    <tr><th class="text-muted">স্ট্যাটাস</th>
                        <td><span class="badge bg-{{ $order->delivery->status_color }}">{{ $order->delivery->status_label }}</span></td>
                    </tr>
                    @if($order->delivery->delivered_at)
                    <tr><th class="text-muted">ডেলিভারি সময়</th><td>{{ $order->delivery->delivered_at->format('d M Y H:i') }}</td></tr>
                    @endif
                    @if($order->delivery->empty_returned > 0)
                    <tr><th class="text-muted">ফেরত সিলিন্ডার</th><td>{{ $order->delivery->empty_returned }}টি</td></tr>
                    @endif
                </table>
            </div>
        </div>
        @endif

    </div>
</div>

@if($order->notes)
<div class="card stat-card mt-3">
    <div class="card-body">
        <strong class="small text-muted">নোট:</strong>
        <p class="mb-0 mt-1">{{ $order->notes }}</p>
    </div>
</div>
@endif
@endsection