@extends('admin.layouts.app')



@section('head', 'Kelola Order')



@section('body')

    <div class="main-content">

        <div class="row">

            <div class="col-12">

                <div class="card">

                    <div class="card-header">

                        <h3 class="card-title">Kelola Order</h3>

                    </div>

                    <div class="card-body">

                        <!-- Statistics Cards -->

                        <div class="row mb-4">

                            <div class="col-md-2">

                                <div class="card bg-primary text-white">

                                    <div class="card-body">

                                        <h5>{{ $orders->total() }}</h5>

                                        <small>Total Order</small>

                                    </div>

                                </div>

                            </div>

                            <div class="col-md-2">

                                <div class="card bg-warning text-white">

                                    <div class="card-body">

                                        <h5>{{ App\Models\Order::byStatus('pending')->count() }}</h5>

                                        <small>Pending</small>

                                    </div>

                                </div>

                            </div>

                            <div class="col-md-2">

                                <div class="card bg-info text-white">

                                    <div class="card-body">

                                        <h5>{{ App\Models\Order::byStatus('processing')->count() }}</h5>

                                        <small>Processing</small>

                                    </div>

                                </div>

                            </div>

                            <div class="col-md-2">

                                <div class="card bg-success text-white">

                                    <div class="card-body">

                                        <h5>{{ App\Models\Order::byStatus('delivered')->count() }}</h5>

                                        <small>Delivered</small>

                                    </div>

                                </div>

                            </div>

                            <div class="col-md-2">

                                <div class="card bg-danger text-white">

                                    <div class="card-body">

                                        <h5>{{ App\Models\Order::byStatus('cancelled')->count() }}</h5>

                                        <small>Cancelled</small>

                                    </div>

                                </div>

                            </div>

                        </div>



                        <!-- Filter & Search -->

                        <div class="row mb-3">

                            <div class="col-md-12">

                                <form method="GET" action="{{ route('transaction.index') }}">

                                    <div class="row">

                                        <div class="col-md-4">

                                            <input type="text" class="form-control" name="search"

                                                value="{{ request('search') }}"

                                                placeholder="Cari order number atau nama customer...">

                                        </div>

                                        <div class="col-md-3">

                                            <select class="form-control" name="status">

                                                <option value="">Semua Status</option>

                                                <option value="pending"

                                                    {{ request('status') == 'pending' ? 'selected' : '' }}>

                                                    Menunggu Pembayaran

                                                </option>

                                                <option value="processing"

                                                    {{ request('status') == 'processing' ? 'selected' : '' }}>

                                                    Sedang Diproses

                                                </option>

                                                <option value="shipped"

                                                    {{ request('status') == 'shipped' ? 'selected' : '' }}>

                                                    Dalam Pengiriman

                                                </option>

                                                <option value="delivered"

                                                    {{ request('status') == 'delivered' ? 'selected' : '' }}>

                                                    Telah Diterima

                                                </option>

                                                <option value="cancelled"

                                                    {{ request('status') == 'cancelled' ? 'selected' : '' }}>

                                                    Dibatalkan

                                                </option>

                                            </select>

                                        </div>

                                        <div class="col-md-2">

                                            <button type="submit" class="btn btn-primary">

                                                <i class="fas fa-search"></i> Cari

                                            </button>

                                        </div>

                                        <div class="col-md-2">

                                            <a href="{{ route('transaction.index') }}" class="btn btn-secondary">

                                                <i class="fas fa-refresh"></i> Reset

                                            </a>

                                        </div>

                                    </div>

                                </form>

                            </div>

                        </div>



                        <!-- Orders Table -->

                        <div class="table-responsive">

                            <table class="table table-striped table-hover">

                                <thead>

                                    <tr>

                                        <th>Order Number</th>

                                        <th>Customer</th>

                                        <th>Total</th>

                                        <th>Status</th>

                                        <th>Tanggal</th>

                                        <th>Aksi</th>

                                    </tr>

                                </thead>

                                <tbody>

                                    @forelse($orders as $order)

                                        <tr>

                                            <td>

                                                <strong>{{ $order->order_number }}</strong>

                                            </td>

                                            <td>

                                                <div>

                                                    <strong>{{ $order->user->name }}</strong><br>

                                                    <small class="text-muted">{{ $order->user->email }}</small>

                                                </div>

                                            </td>

                                            <td>

                                                <strong>{{ $order->formatted_total }}</strong><br>

                                                <small class="text-muted">{{ $order->orderItems->count() }} item(s)</small>

                                            </td>

                                            <td>

                                                <span class="badge {{ $order->status_badge_class }}">

                                                    {{ $order->status_text }}

                                                </span>

                                            </td>

                                            <td>

                                                {{ $order->created_at->format('d/m/Y H:i') }}

                                            </td>

                                            <td>

                                                <div class="btn-group" role="group">

                                                    <a href="{{ route('transaction.detail', $order) }}"

                                                        class="btn btn-sm btn-info">

                                                        <i class="fas fa-eye"></i> Detail

                                                    </a>



                                                    <!-- Status Update Dropdown -->

                                                   
                                                        <div class="dropdown-menu">

                                                            @foreach (['pending', 'processing', 'shipped', 'delivered', 'cancelled'] as $status)

                                                                <form method="POST"

                                                                    action="{{ route('orders.update-status', $order) }}">

                                                                    @csrf

                                                                    @method('PUT')

                                                                    <input type="hidden" name="status"

                                                                        value="{{ $status }}">

                                                                    <button type="submit" class="dropdown-item">

                                                                        {{ ucfirst($status) }}

                                                                    </button>

                                                                </form>

                                                            @endforeach

                                                        </div>

                                                    </div>



                                                    <form method="POST"

                                                        action="{{ route('orders.destroy', $order) }}"

                                                        style="display: inline-block;"

                                                        onsubmit="return confirm('Apakah Anda yakin ingin menghapus order ini?')">

                                                        @csrf

                                                        @method('DELETE')

                                                        <button type="submit" class="btn btn-sm btn-danger">

                                                            <i class="fas fa-trash"></i> Hapus

                                                        </button>

                                                    </form>

                                                </div>

                                            </td>

                                        </tr>

                                    @empty

                                        <tr>

                                            <td colspan="6" class="text-center">

                                                <div class="alert alert-info">

                                                    <i class="fas fa-info-circle"></i> Tidak ada order yang ditemukan.

                                                </div>

                                            </td>

                                        </tr>

                                    @endforelse

                                </tbody>

                            </table>

                        </div>



                        <!-- Pagination -->

                        <div class="d-flex justify-content-center">

                            {{ $orders->appends(request()->query())->links() }}

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>



    @push('styles')

        <style>

            .badge-warning {

                background-color: #ffc107;

            }



            .badge-info {

                background-color: #17a2b8;

            }



            .badge-primary {

                background-color: #007bff;

            }



            .badge-success {

                background-color: #28a745;

            }



            .badge-danger {

                background-color: #dc3545;

            }



            .badge-secondary {

                background-color: #6c757d;

            }

        </style>

    @endpush

@endsection