@extends('layouts.admin_dynamic')

@section('content')
<div class="content-wrapper">
    <section class="content-header m-3">
        <h1><i class="fa fa-shopping-cart"></i> {{ ($myOrders ?? false) ? 'My Orders' : 'All Sales Orders' }}
            <a class="btn btn-small btn-success pull-right ml-2" href="{{ route('sales.agent-shop') }}">
                <i class="fa fa-plus"></i>&nbsp; {{ __('Agent Shop') }}
            </a>
            <a class="btn btn-small btn-primary pull-right" href="{{ route('agents.new.request') }}" style="margin-right: 5px;">
                <i class="fa fa-plus"></i>&nbsp; {{ __('Normal Shop') }}
            </a>
        </h1>
    </section>

    <section class="content">
        <div class="row">
            <div class="col-xs-12">
                <div class="box box-success">
                    <div class="box-header with-border">
                        <form method="GET" action="{{ route('orders.index') }}">
                            @if($myOrders ?? false)
                                <input type="hidden" name="mine" value="1">
                            @endif
                            <div class="row">
                                <div class="col-md-3">
                                    <select name="type" class="form-control" onchange="this.form.submit()">
                                        <option value="">All Types</option>
                                        <option value="shop" {{ ($filterType ?? '') == 'shop' ? 'selected' : '' }}>Shop</option>
                                        <option value="agent" {{ ($filterType ?? '') == 'agent' ? 'selected' : '' }}>Agent</option>
                                    </select>
                                </div>
                                <div class="col-md-3">
                                    <select name="status" class="form-control" onchange="this.form.submit()">
                                        <option value="">All Statuses</option>
                                        <option value="completed" {{ ($filterStatus ?? '') == 'completed' ? 'selected' : '' }}>Completed</option>
                                        <option value="cancelled" {{ ($filterStatus ?? '') == 'cancelled' ? 'selected' : '' }}>Cancelled</option>
                                    </select>
                                </div>
                                <div class="col-md-4">
                                    <div class="input-group">
                                        <input type="text" name="search" class="form-control" placeholder="Search order #, customer..." value="{{ $searchQuery ?? '' }}">
                                        <span class="input-group-btn">
                                            <button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
                                        </span>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    @if($myOrders ?? false)
                                        <a href="{{ route('orders.index') }}" class="btn btn-default btn-block">
                                            <i class="fa fa-eye"></i> All Orders
                                        </a>
                                    @else
                                        <a href="{{ route('orders.index', ['mine' => 1]) }}" class="btn btn-info btn-block">
                                            <i class="fa fa-user"></i> My Orders
                                        </a>
                                    @endif
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="box-body table-responsive">
                        <table class="table table-bordered table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>Order #</th>
                                    <th>Type</th>
                                    <th>Sold By</th>
                                    <th>Customer</th>
                                    <th>Phone</th>
                                    <th>Items</th>
                                    <th>Amount (KES)</th>
                                    <th>Status</th>
                                    <th>Date</th>
                                    <th class="text-center">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($orders as $order)
                                    <tr>
                                        <td><strong>{{ $order->order_number }}</strong></td>
                                        <td>
                                            @if($order->type === 'agent')
                                                <span class="label label-primary"><i class="fa fa-user-secret"></i> Agent</span>
                                            @else
                                                <span class="label label-info"><i class="fa fa-shopping-bag"></i> Shop</span>
                                            @endif
                                        </td>
                                        <td>{{ $order->user->name ?? 'Unknown' }}</td>
                                        <td>{{ $order->customer->name ?? 'Walk-in' }}</td>
                                        <td>{{ $order->customer->phone ?? '-' }}</td>
                                        <td>{{ $order->total_product }}</td>
                                        <td><strong>{{ number_format($order->total_amount, 2) }}</strong></td>
                                        <td>
                                            @if($order->status === 'completed')
                                                <span class="label label-success">Completed</span>
                                            @elseif($order->status === 'cancelled')
                                                <span class="label label-danger">Cancelled</span>
                                            @else
                                                <span class="label label-default">{{ ucfirst($order->status) }}</span>
                                            @endif
                                        </td>
                                        <td>{{ $order->order_date->format('d M Y') }}</td>
                                        <td class="text-center">
                                            @php
                                                $actions = [
                                                    [
                                                        'data-replace' => null,
                                                        'url' => url('Backoffice/requests/view/' . $order->id),
                                                        'ajax-url' => null,
                                                        'name' => 'View',
                                                        'icon' => 'eye',
                                                        'class' => 'btn btn-success',
                                                    ],
                                                    [
                                                        'data-replace' => null,
                                                        'url' => route('download.receipt', $order->id),
                                                        'ajax-url' => null,
                                                        'name' => 'Receipt',
                                                        'icon' => 'download',
                                                        'class' => 'btn btn-default',
                                                    ],
                                                ];
                                            @endphp
                                            @include('partials.actions', ['actions' => $actions])
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="10" class="text-center text-muted" style="padding: 40px;">
                                            <i class="fa fa-inbox fa-3x" style="color: #ccc;"></i>
                                            <p style="margin-top: 10px;">No orders found.</p>
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    <div class="box-footer text-center">
                        {{ $orders->appends(request()->query())->links() }}
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
@endsection