@extends('admin.layouts.main')
@section('title', 'Edit Order ' . $order->order_number)
@section('menu', 'Orders')

@section('content')
<form action="{{ route('admin.orders.update', $order) }}" method="POST">
    @csrf
    @method('PUT')
    <div class="row">
        <div class="col-md-4">
            <div class="portlet light">
                <div class="portlet-title">
                    <div class="caption"><span class="caption-subject theme-font bold uppercase">Order Info</span></div>
                </div>
                <div class="portlet-body">
                    <div class="form-group">
                        <label>Order Number</label>
                        <input type="text" class="form-control" value="{{ $order->order_number }}" disabled>
                    </div>
                    <div class="form-group">
                        <label>Status <span class="text-danger">*</span></label>
                        <select name="status" class="form-control" required>
                            @foreach(['pending', 'completed', 'cancelled', 'fraud'] as $s)
                                <option value="{{ $s }}" {{ $order->status === $s ? 'selected' : '' }}>{{ ucfirst($s) }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Notes</label>
                        <textarea name="notes" class="form-control" rows="3">{{ old('notes', $order->notes) }}</textarea>
                    </div>
                </div>
                <div class="panel-footer">
                    <button type="submit" class="btn btn-success"><i class="fa fa-save"></i> Save Changes</button>
                    <a href="{{ route('admin.orders.show', $order) }}" class="btn btn-default">Cancel</a>
                </div>
            </div>
        </div>

        <div class="col-md-8">
            <div class="portlet light">
                <div class="portlet-title">
                    <div class="caption"><span class="caption-subject theme-font bold uppercase">Order Items</span></div>
                </div>
                <div class="portlet-body">
                    @foreach($order->items as $index => $item)
                    <div class="panel panel-default" style="margin-bottom:10px;">
                        <div class="panel-heading" style="padding:6px 15px;">
                            <strong>#{{ $index + 1 }}</strong> — {{ ucwords(str_replace('_', ' ', $item->item_type)) }}
                            @if($item->status === 'active')
                                <span class="label label-sm label-success pull-right">Active (locked)</span>
                            @endif
                        </div>
                        <div class="panel-body" style="padding:10px 15px;">
                            <input type="hidden" name="items[{{ $item->id }}][id]" value="{{ $item->id }}">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Description</label>
                                        <input type="text" name="items[{{ $item->id }}][description]" class="form-control input-sm" value="{{ $item->description }}" {{ $item->status === 'active' ? 'disabled' : '' }}>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Domain</label>
                                        <input type="text" name="items[{{ $item->id }}][domain]" class="form-control input-sm" value="{{ $item->domain }}" {{ $item->status === 'active' ? 'disabled' : '' }}>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>Unit Price</label>
                                        <input type="number" step="0.01" name="items[{{ $item->id }}][unit_price]" class="form-control input-sm" value="{{ $item->unit_price }}" {{ $item->status === 'active' ? 'disabled' : '' }}>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label>Qty</label>
                                        <input type="number" name="items[{{ $item->id }}][quantity]" class="form-control input-sm" value="{{ $item->quantity }}" min="1" {{ $item->status === 'active' ? 'disabled' : '' }}>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>Setup Fee</label>
                                        <input type="number" step="0.01" name="items[{{ $item->id }}][setup_fee]" class="form-control input-sm" value="{{ $item->setup_fee }}" {{ $item->status === 'active' ? 'disabled' : '' }}>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label>Status</label>
                                        <select name="items[{{ $item->id }}][status]" class="form-control input-sm" {{ $item->status === 'active' ? 'disabled' : '' }}>
                                            @foreach(['pending', 'active', 'provisioning', 'failed', 'cancelled'] as $s)
                                                <option value="{{ $s }}" {{ $item->status === $s ? 'selected' : '' }}>{{ ucfirst($s) }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label>Renewal</label>
                                        <input type="number" step="0.01" name="items[{{ $item->id }}][renewal_price]" class="form-control input-sm" value="{{ $item->renewal_price }}" {{ $item->status === 'active' ? 'disabled' : '' }}>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</form>
@endsection