@extends('layouts.admin', ['heading' => 'Franchise Distribution Center'])

@section('content')
    <div class="mb-6 grid grid-cols-1 gap-4 md:grid-cols-4">
        <div class="admin-card p-4">
            <div class="text-xs text-slate-500">Total Franchises</div>
            <div class="mt-2 text-2xl font-semibold">{{ number_format((int) $summary['total_franchises']) }}</div>
        </div>
        <div class="admin-card p-4">
            <div class="text-xs text-slate-500">Active Franchises</div>
            <div class="mt-2 text-2xl font-semibold">{{ number_format((int) $summary['active_franchises']) }}</div>
        </div>
        <div class="admin-card p-4">
            <div class="text-xs text-slate-500">Wallet Liability</div>
            <div class="mt-2 text-2xl font-semibold">₹ {{ number_format((float) $summary['total_wallet_liability'], 2) }}</div>
        </div>
        <div class="admin-card p-4">
            <div class="text-xs text-slate-500">Pending Stock Requests</div>
            <div class="mt-2 text-2xl font-semibold">{{ number_format((int) $summary['pending_stock_requests']) }}</div>
        </div>
    </div>

    <div class="mb-6 admin-card p-4">
        <form method="GET" class="grid grid-cols-1 gap-3 md:grid-cols-4">
            <input name="q" value="{{ $q }}" placeholder="Search code/name/mobile/state" class="rounded border p-2 text-sm">
            <select name="status" class="rounded border p-2 text-sm">
                <option value="">All Status</option>
                <option value="active" @selected($status === 'active')>Active</option>
                <option value="inactive" @selected($status === 'inactive')>Inactive</option>
            </select>
            <button class="rounded bg-slate-900 px-4 py-2 text-sm font-semibold text-white">Filter</button>
        </form>
    </div>

    <div class="mb-6 grid grid-cols-1 gap-4 xl:grid-cols-2">
        <div class="admin-card p-4">
            <div class="mb-3 text-sm font-semibold">Create Franchise</div>
            <form method="POST" action="{{ route('admin.franchises.store') }}" class="grid grid-cols-1 gap-3 md:grid-cols-2">
                @csrf
                <input name="code" placeholder="Code (FRC001)" class="rounded border p-2 text-sm" required>
                <input name="name" placeholder="Center Name" class="rounded border p-2 text-sm" required>
                <input name="owner_name" placeholder="Owner Name" class="rounded border p-2 text-sm">
                <input name="mobile" placeholder="Center Mobile" class="rounded border p-2 text-sm">
                <input name="email" placeholder="Center Email" class="rounded border p-2 text-sm">
                <input name="city" placeholder="City" class="rounded border p-2 text-sm">
                <input name="state" placeholder="State" class="rounded border p-2 text-sm">
                <input name="pincode" placeholder="Pincode" class="rounded border p-2 text-sm">
                <input name="gst_number" placeholder="GST Number" class="rounded border p-2 text-sm">
                <input type="number" step="0.01" min="0" max="100" name="commission_percent" placeholder="Default Margin %" class="rounded border p-2 text-sm">
                <textarea name="address" rows="2" placeholder="Address" class="rounded border p-2 text-sm md:col-span-2"></textarea>
                <select name="owner_user_id" class="rounded border p-2 text-sm md:col-span-2">
                    <option value="">Assign Existing Franchise Login (optional)</option>
                    @foreach($franchiseUsers as $frUser)
                        <option value="{{ $frUser->id }}">{{ $frUser->name }} ({{ $frUser->mobile }})</option>
                    @endforeach
                </select>
                <label class="flex items-center gap-2 text-xs text-slate-600 md:col-span-2">
                    <input type="checkbox" name="create_owner_login" value="1" checked>
                    Create owner login if no existing user selected
                </label>
                <input name="owner_login_name" placeholder="Owner Login Name" class="rounded border p-2 text-sm">
                <input name="owner_login_mobile" placeholder="Owner Login Mobile" class="rounded border p-2 text-sm">
                <input name="owner_login_email" placeholder="Owner Login Email" class="rounded border p-2 text-sm">
                <input type="password" name="owner_login_password" placeholder="Owner Login Password" class="rounded border p-2 text-sm">
                <button class="rounded bg-indigo-600 px-4 py-2 text-sm font-semibold text-white md:col-span-2">Create Franchise</button>
            </form>
        </div>

        <div class="admin-card p-4">
            <div class="mb-3 text-sm font-semibold">Commission Rule Engine</div>
            <form method="POST" action="{{ route('admin.franchises.commission-rules.store') }}" class="grid grid-cols-1 gap-3 md:grid-cols-2">
                @csrf
                <select name="franchise_id" class="rounded border p-2 text-sm md:col-span-2">
                    <option value="">Global (all franchise)</option>
                    @foreach($franchises as $fr)
                        <option value="{{ $fr->id }}">{{ $fr->code }} - {{ $fr->name }}</option>
                    @endforeach
                </select>
                <select name="rule_type" class="rounded border p-2 text-sm" required>
                    <option value="sale_margin">Sale Margin</option>
                    <option value="id_activation">ID Activation</option>
                    <option value="service_charge">Service Charge</option>
                    <option value="pickup_fee">Pickup Fee</option>
                </select>
                <select name="calc_type" class="rounded border p-2 text-sm" required>
                    <option value="percent">Percent</option>
                    <option value="fixed">Fixed</option>
                </select>
                <input type="number" step="0.0001" min="0" name="value" placeholder="Value" class="rounded border p-2 text-sm" required>
                <input type="number" step="0.01" min="0" name="min_base_amount" placeholder="Min Base Amount" class="rounded border p-2 text-sm">
                <input type="number" step="0.01" min="0" name="max_base_amount" placeholder="Max Base Amount" class="rounded border p-2 text-sm">
                <input type="date" name="effective_from" class="rounded border p-2 text-sm">
                <input type="date" name="effective_to" class="rounded border p-2 text-sm">
                <button class="rounded bg-emerald-600 px-4 py-2 text-sm font-semibold text-white md:col-span-2">Add Rule</button>
            </form>
            <div class="mt-4 max-h-56 space-y-2 overflow-auto pr-2">
                @foreach($commissionRules as $rule)
                    <div class="rounded border p-2 text-xs">
                        <div class="font-semibold">
                            {{ strtoupper($rule->rule_type) }} • {{ strtoupper($rule->calc_type) }} {{ $rule->value }}
                        </div>
                        <div class="text-slate-500">
                            {{ $rule->franchise?->code ? $rule->franchise->code.' - '.$rule->franchise->name : 'Global' }}
                        </div>
                        <form method="POST" action="{{ route('admin.franchises.commission-rules.status', $rule) }}" class="mt-2">
                            @csrf
                            <input type="hidden" name="state" value="{{ $rule->is_active ? 'inactive' : 'active' }}">
                            <button class="rounded border px-2 py-1 text-xs">{{ $rule->is_active ? 'Deactivate' : 'Activate' }}</button>
                        </form>
                    </div>
                @endforeach
            </div>
        </div>
    </div>

    <div class="mb-6 admin-card p-4">
        <div class="mb-3 text-sm font-semibold">Franchise List</div>
        <div class="overflow-x-auto">
            <table class="min-w-full text-left text-sm">
                <thead class="text-xs text-slate-500">
                    <tr>
                        <th class="px-2 py-2">Code</th>
                        <th class="px-2 py-2">Name</th>
                        <th class="px-2 py-2">City/State</th>
                        <th class="px-2 py-2">Wallet</th>
                        <th class="px-2 py-2">Commission %</th>
                        <th class="px-2 py-2">Status</th>
                        <th class="px-2 py-2">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($franchises as $franchise)
                        <tr class="border-t">
                            <td class="px-2 py-2">{{ $franchise->code }}</td>
                            <td class="px-2 py-2">{{ $franchise->name }}</td>
                            <td class="px-2 py-2">{{ $franchise->city ?: '-' }}, {{ $franchise->state ?: '-' }}</td>
                            <td class="px-2 py-2">₹ {{ number_format((float) $franchise->wallet_balance, 2) }}</td>
                            <td class="px-2 py-2">{{ number_format((float) $franchise->commission_percent, 2) }}</td>
                            <td class="px-2 py-2">
                                <span class="admin-badge {{ $franchise->is_active ? 'success' : 'warning' }}">
                                    {{ $franchise->is_active ? 'Active' : 'Inactive' }}
                                </span>
                            </td>
                            <td class="px-2 py-2">
                                <form method="POST" action="{{ route('admin.franchises.status', $franchise) }}">
                                    @csrf
                                    <input type="hidden" name="status" value="{{ $franchise->is_active ? 'inactive' : 'active' }}">
                                    <button class="rounded border px-2 py-1 text-xs">
                                        {{ $franchise->is_active ? 'Deactivate' : 'Activate' }}
                                    </button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="7" class="px-2 py-4 text-center text-slate-500">No franchises found.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="mt-4">{{ $franchises->links() }}</div>
    </div>

    <div class="mb-6 grid grid-cols-1 gap-4 xl:grid-cols-2">
        <div class="admin-card p-4">
            <div class="mb-3 text-sm font-semibold">Warehouse Setup</div>
            <form method="POST" action="{{ route('admin.franchises.warehouses.store') }}" class="grid grid-cols-1 gap-3 md:grid-cols-2">
                @csrf
                <input name="code" placeholder="Warehouse Code" class="rounded border p-2 text-sm" required>
                <input name="name" placeholder="Warehouse Name" class="rounded border p-2 text-sm" required>
                <input name="contact_number" placeholder="Contact Number" class="rounded border p-2 text-sm">
                <input name="manager_name" placeholder="Manager Name" class="rounded border p-2 text-sm">
                <input name="city" placeholder="City" class="rounded border p-2 text-sm">
                <input name="state" placeholder="State" class="rounded border p-2 text-sm">
                <input name="pincode" placeholder="Pincode" class="rounded border p-2 text-sm">
                <textarea name="address" rows="2" placeholder="Address" class="rounded border p-2 text-sm md:col-span-2"></textarea>
                <button class="rounded bg-slate-900 px-4 py-2 text-sm font-semibold text-white md:col-span-2">Create Warehouse</button>
            </form>

            <div class="mt-4 border-t pt-4">
                <div class="mb-2 text-sm font-semibold">Warehouse Stock Entry</div>
                <form method="POST" action="{{ route('admin.franchises.warehouses.stock') }}" class="grid grid-cols-1 gap-3 md:grid-cols-2">
                    @csrf
                    <select name="warehouse_id" class="rounded border p-2 text-sm" required>
                        <option value="">Select Warehouse</option>
                        @foreach($warehouses as $warehouse)
                            <option value="{{ $warehouse->id }}">{{ $warehouse->name }} ({{ $warehouse->code }})</option>
                        @endforeach
                    </select>
                    <select name="product_id" class="rounded border p-2 text-sm" required>
                        <option value="">Select Product</option>
                        @foreach(\App\Models\Product::query()->where('is_active', true)->orderBy('name')->limit(300)->get() as $product)
                            <option value="{{ $product->id }}">{{ $product->name }} ({{ $product->sku }})</option>
                        @endforeach
                    </select>
                    <input name="quantity" type="number" step="0.01" min="0.01" placeholder="Quantity" class="rounded border p-2 text-sm" required>
                    <select name="transaction_type" class="rounded border p-2 text-sm" required>
                        <option value="stock_in">Stock In</option>
                        <option value="stock_out">Stock Out</option>
                    </select>
                    <input name="reference" placeholder="Reference (optional)" class="rounded border p-2 text-sm md:col-span-2">
                    <button class="rounded bg-indigo-600 px-4 py-2 text-sm font-semibold text-white md:col-span-2">Save Warehouse Entry</button>
                </form>
            </div>
        </div>

        <div class="admin-card p-4">
            <div class="mb-3 text-sm font-semibold">Warehouse Stock Snapshot</div>
            <form method="GET" class="mb-3 flex gap-2">
                <select name="warehouse_id" class="rounded border p-2 text-sm">
                    <option value="0">Select Warehouse</option>
                    @foreach($warehouses as $warehouse)
                        <option value="{{ $warehouse->id }}" @selected((int) $warehouseId === (int) $warehouse->id)>
                            {{ $warehouse->name }} ({{ $warehouse->code }})
                        </option>
                    @endforeach
                </select>
                <button class="rounded bg-slate-900 px-3 py-2 text-xs text-white">Load</button>
            </form>
            <div class="max-h-72 overflow-auto">
                <table class="min-w-full text-left text-xs">
                    <thead class="text-slate-500">
                        <tr>
                            <th class="px-2 py-2">Product</th>
                            <th class="px-2 py-2">Qty</th>
                            <th class="px-2 py-2">Reserved</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($warehouseStocks as $stock)
                            <tr class="border-t">
                                <td class="px-2 py-2">{{ $stock->name }}</td>
                                <td class="px-2 py-2">{{ number_format((float) $stock->quantity, 2) }}</td>
                                <td class="px-2 py-2">{{ number_format((float) $stock->reserved_quantity, 2) }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="3" class="px-2 py-4 text-center text-slate-500">No stock rows.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            <div class="mt-4 border-t pt-3">
                <div class="mb-2 text-sm font-semibold">Recent Warehouse Logs</div>
                <div class="max-h-52 space-y-2 overflow-auto">
                    @foreach($warehouseLogs as $log)
                        <div class="rounded border p-2 text-xs">
                            <div class="font-semibold">{{ strtoupper($log->transaction_type) }} • Qty {{ number_format((float) $log->quantity, 2) }}</div>
                            <div class="text-slate-500">Ref: {{ $log->reference ?: '-' }} • {{ optional($log->transacted_at)->format('d M Y h:i A') }}</div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>

    <div class="admin-card p-4">
        <div class="mb-3 text-sm font-semibold">Franchise Stock Requests Queue</div>
        <div class="space-y-3">
            @forelse($stockRequests as $requestRow)
                <div class="rounded border p-3">
                    <div class="flex flex-wrap items-center justify-between gap-2">
                        <div class="font-semibold">{{ $requestRow->request_number }} • {{ $requestRow->franchise?->code }} - {{ $requestRow->franchise?->name }}</div>
                        <span class="admin-badge {{ in_array($requestRow->status, ['pending'], true) ? 'warning' : 'success' }}">{{ strtoupper($requestRow->status) }}</span>
                    </div>
                    <div class="mt-1 text-xs text-slate-500">
                        Requested: {{ optional($requestRow->requested_at)->format('d M Y h:i A') }} |
                        Warehouse: {{ $requestRow->requestedWarehouse?->name ?? 'Not assigned' }}
                    </div>
                    <ul class="mt-2 list-disc pl-4 text-xs text-slate-600">
                        @foreach($requestRow->items as $item)
                            <li>{{ $item->product?->name }} - Requested {{ number_format((float) $item->quantity_requested, 2) }} | Delivered {{ number_format((float) $item->quantity_delivered, 2) }}</li>
                        @endforeach
                    </ul>
                    <div class="mt-3 flex flex-wrap gap-2">
                        @if($requestRow->status !== 'delivered')
                            <form method="POST" action="{{ route('admin.franchises.stock-requests.approve', $requestRow->id) }}" class="flex items-center gap-2">
                                @csrf
                                <select name="warehouse_id" class="rounded border p-1 text-xs">
                                    <option value="">Assign Warehouse (optional)</option>
                                    @foreach($warehouses as $warehouse)
                                        <option value="{{ $warehouse->id }}" @selected((int) $requestRow->requested_warehouse_id === (int) $warehouse->id)>
                                            {{ $warehouse->name }}
                                        </option>
                                    @endforeach
                                </select>
                                <button class="rounded bg-amber-500 px-3 py-1 text-xs font-semibold text-white">Approve</button>
                            </form>
                            <form method="POST" action="{{ route('admin.franchises.stock-requests.dispatch', $requestRow->id) }}" class="flex items-center gap-2">
                                @csrf
                                <select name="warehouse_id" class="rounded border p-1 text-xs" required>
                                    <option value="">Dispatch From</option>
                                    @foreach($warehouses as $warehouse)
                                        <option value="{{ $warehouse->id }}" @selected((int) $requestRow->requested_warehouse_id === (int) $warehouse->id)>
                                            {{ $warehouse->name }}
                                        </option>
                                    @endforeach
                                </select>
                                <button class="rounded bg-emerald-600 px-3 py-1 text-xs font-semibold text-white">Dispatch + Deliver</button>
                            </form>
                        @endif
                    </div>
                </div>
            @empty
                <div class="rounded border p-4 text-center text-sm text-slate-500">No pending stock requests.</div>
            @endforelse
        </div>
        <div class="mt-4">{{ $stockRequests->appends(request()->except('stock_requests'))->links() }}</div>
    </div>
@endsection