@extends('dashboard.admin.layout')

@section('title', 'Manage Stock Orders')
@section('page_subtitle', 'Order table first, with manual order creation moved into a modal trigger.')

@section('content')
<div class="admin-inner">
  <div class="card">
    <div class="card-header">
      <div class="management-toolbar">
        <div class="management-copy">
          <h5>Stock Orders</h5>
          <p>Update order state or soft-delete and restore orders without leading with the creation form.</p>
        </div>
        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#createStockOrderModal">
          <i class="icon ion-md-add"></i> Create Order
        </button>
      </div>
    </div>
    <div class="card-body pt-0">
      <div class="table-responsive">
        <table class="table">
          <thead>
            <tr>
              <th>ID</th>
              <th>User</th>
              <th>Symbol</th>
              <th>Quantity</th>
              <th>Value</th>
              <th>Payment</th>
              <th>Order</th>
              <th>Status</th>
              <th>Actions</th>
            </tr>
          </thead>
          <tbody>
            @forelse($orders as $order)
              <tr>
                <td>{{ $order->id }}</td>
                <td>{{ $order->user->email ?? 'Deleted User' }}</td>
                <td><strong>{{ $order->symbol }}</strong></td>
                <td>{{ number_format($order->quantity, 6) }}</td>
                <td>{{ number_format($order->order_value, 6) }}</td>
                <td>{{ ucfirst($order->payment_status) }}</td>
                <td>{{ ucfirst(str_replace('_', ' ', $order->order_status)) }}</td>
                <td>
                  @if($order->trashed())
                    <span class="badge badge-warning">Deleted</span>
                  @else
                    <span class="badge badge-success">Active</span>
                  @endif
                </td>
                <td>
                  @if(!$order->trashed())
                    <form method="POST" action="{{ route('admin.orders.update', $order) }}" style="display:inline-block;">
                      @csrf
                      <select name="payment_status" class="form-control form-control-sm d-inline-block" style="width:130px;">
                        <option value="pending" @selected($order->payment_status === 'pending')>Pending</option>
                        <option value="paid" @selected($order->payment_status === 'paid')>Paid</option>
                        <option value="failed" @selected($order->payment_status === 'failed')>Failed</option>
                      </select>
                      <select name="order_status" class="form-control form-control-sm d-inline-block" style="width:150px;">
                        <option value="pending_payment" @selected($order->order_status === 'pending_payment')>Pending Payment</option>
                        <option value="queued" @selected($order->order_status === 'queued')>Queued</option>
                        <option value="executed" @selected($order->order_status === 'executed')>Executed</option>
                        <option value="cancelled" @selected($order->order_status === 'cancelled')>Cancelled</option>
                      </select>
                      <button type="submit" class="btn btn-sm btn-primary">Save</button>
                    </form>
                    <form method="POST" action="{{ route('admin.orders.delete', $order) }}" style="display:inline;">
                      @csrf
                      <button type="submit" class="btn btn-sm btn-outline-danger" onclick="return confirm('Soft-delete this order?')">Delete</button>
                    </form>
                  @else
                    <form method="POST" action="{{ route('admin.orders.restore', $order->id) }}" style="display:inline;">
                      @csrf
                      <button type="submit" class="btn btn-sm btn-success">Restore</button>
                    </form>
                  @endif
                </td>
              </tr>
            @empty
              <tr>
                <td colspan="9" class="text-center text-muted">No orders found.</td>
              </tr>
            @endforelse
          </tbody>
        </table>
      </div>
      {{ $orders->links() }}
    </div>
  </div>
</div>

<div class="modal fade" id="createStockOrderModal" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header"><h5 class="modal-title">Create Stock Order Manually</h5><button type="button" class="close" data-dismiss="modal">&times;</button></div>
      <form method="POST" action="{{ route('admin.orders.create') }}">
        @csrf
        <div class="modal-body">
          <div class="row">
            <div class="col-md-4 form-group">
              <label>User</label>
              <select name="user_id" class="form-control" required>
                <option value="">Select user</option>
                @foreach($users as $user)
                  <option value="{{ $user->id }}">{{ $user->name }} ({{ $user->email }})</option>
                @endforeach
              </select>
            </div>
            <div class="col-md-2 form-group">
              <label>Symbol</label>
              <input type="text" name="symbol" class="form-control" placeholder="AAPL" required>
            </div>
            <div class="col-md-2 form-group">
              <label>Quantity</label>
              <input type="number" step="0.000001" name="quantity" class="form-control" required>
            </div>
            <div class="col-md-2 form-group">
              <label>Price</label>
              <input type="number" step="0.000001" name="price_snapshot" class="form-control" required>
            </div>
            <div class="col-md-2 form-group">
              <label>Payment</label>
              <select name="payment_status" class="form-control">
                <option value="pending">Pending</option>
                <option value="paid">Paid</option>
                <option value="failed">Failed</option>
              </select>
            </div>
            <div class="col-md-3 form-group">
              <label>Order Status</label>
              <select name="order_status" class="form-control">
                <option value="pending_payment">Pending Payment</option>
                <option value="queued">Queued</option>
                <option value="executed">Executed</option>
                <option value="cancelled">Cancelled</option>
              </select>
            </div>
          </div>
        </div>
        <div class="modal-footer"><button type="button" class="btn btn-outline-primary" data-dismiss="modal">Cancel</button><button type="submit" class="btn btn-primary">Create Order</button></div>
      </form>
    </div>
  </div>
</div>
@endsection