@extends('layouts.app')

@section('content')
<style>
    .stock-wrap { max-width: 1400px; }
    .stock-head { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-bottom:16px; }
    .stock-title { color:#111827; font-size:26px; font-weight:900; }
    .stock-sub { color:#64748b; font-size:13px; font-weight:700; margin-top:3px; }
    .summary-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)); gap:12px; margin-bottom:14px; }
    .summary-card { background:#fff; border-radius:10px; box-shadow:0 8px 22px rgba(15,23,42,.06); padding:16px; }
    .summary-label { color:#64748b; font-size:12px; font-weight:900; text-transform:uppercase; }
    .summary-value { color:#1E4FA8; font-size:24px; font-weight:900; margin-top:6px; }
    .summary-value.orange { color:#E84C0D; }
    .panel { background:#fff; border-radius:10px; box-shadow:0 8px 22px rgba(15,23,42,.06); padding:16px; margin-bottom:14px; }
    .panel-title { color:#111827; font-size:17px; font-weight:900; margin-bottom:12px; }
    .filter-grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:10px; align-items:end; }
    .field { display:flex; flex-direction:column; gap:6px; }
    .field label { color:#334155; font-size:12px; font-weight:900; }
    .field input, .field select, .field textarea { border:1px solid #d8e1ec; border-radius:8px; padding:10px; font-size:14px; width:100%; box-sizing:border-box; }
    .btn { border:0; border-radius:8px; cursor:pointer; display:inline-flex; justify-content:center; align-items:center; font-weight:900; padding:10px 13px; text-decoration:none; white-space:nowrap; }
    .btn-blue { background:#1E4FA8; color:#fff; }
    .btn-orange { background:#E84C0D; color:#fff; }
    .btn-green { background:#15803d; color:#fff; }
    .btn-light { background:#f1f5f9; color:#111827; }
    .table-wrap { overflow:auto; }
    table { border-collapse:collapse; min-width:1180px; width:100%; }
    th { background:#1E4FA8; color:#fff; font-size:12px; padding:10px 8px; text-align:left; white-space:nowrap; }
    td { border-bottom:1px solid #e5e7eb; padding:9px 8px; font-size:13px; vertical-align:middle; }
    td.num, th.num { text-align:right; }
    .actual-form { display:flex; gap:6px; align-items:center; }
    .actual-form input { border:1px solid #d8e1ec; border-radius:7px; padding:8px; width:90px; text-align:right; font-weight:800; }
    .diff-pos { color:#15803d; font-weight:900; }
    .diff-neg { color:#dc2626; font-weight:900; }
    .diff-zero { color:#64748b; font-weight:900; }
    .status-pill { border-radius:999px; display:inline-block; font-size:12px; font-weight:900; padding:5px 9px; }
    .status-open { background:#dcfce7; color:#166534; }
    .status-closed { background:#e2e8f0; color:#334155; }
    .actions { display:flex; gap:6px; align-items:center; }
    .alert-success { background:#dcfce7; border-radius:8px; color:#166534; font-weight:800; margin-bottom:12px; padding:10px 12px; }
    .alert-error { background:#fee2e2; border-radius:8px; color:#991b1b; font-weight:800; margin-bottom:12px; padding:10px 12px; }
    @media(max-width: 900px) {
        .filter-grid { grid-template-columns:1fr; }
        .stock-head { align-items:flex-start; flex-direction:column; }
    }
</style>

<div class="page-wrap stock-wrap">
    <div class="stock-head">
        <div>
            <div class="stock-title">Stock Taking</div>
            <div class="stock-sub">Count physical stock, compare with system stock, and adjust inventory where necessary.</div>
        </div>
        <a class="btn btn-light" href="{{ url('/inventory') }}">Inventory</a>
    </div>

    @if(session('success'))
        <div class="alert-success">{{ session('success') }}</div>
    @endif
    @if($errors->any())
        <div class="alert-error">
            @foreach($errors->all() as $error)
                <div>{{ $error }}</div>
            @endforeach
        </div>
    @endif

    <div class="summary-grid">
        <div class="summary-card">
            <div class="summary-label">Products</div>
            <div class="summary-value">{{ number_format($summary->products) }}</div>
        </div>
        <div class="summary-card">
            <div class="summary-label">Current Quantity</div>
            <div class="summary-value">{{ number_format($summary->quantity, 2) }}</div>
        </div>
        <div class="summary-card">
            <div class="summary-label">Stock Value</div>
            <div class="summary-value">{{ \App\Models\SystemSetting::formatMoney($summary->stock_value) }}</div>
        </div>
        <div class="summary-card">
            <div class="summary-label">Low Stock</div>
            <div class="summary-value orange">{{ number_format($summary->low_stock) }}</div>
        </div>
    </div>

    <div class="panel">
        <div class="panel-title">{{ $activeStockTaking ? 'Active Stock Taking' : 'Start Stock Taking' }}</div>
        @if(!$activeStockTaking)
            <form method="POST" action="{{ url('/inventory/stock-taking') }}" class="filter-grid">
                @csrf
                <div class="field">
                    <label>Branch</label>
                    <select name="branch_id" required>
                        <option value="">Select branch</option>
                        @foreach($branches as $branch)
                            <option value="{{ $branch->id }}" {{ ($filters['branch_id'] ?? '') == $branch->id ? 'selected' : '' }}>{{ $branch->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="field" style="grid-column:span 2;">
                    <label>Note</label>
                    <input type="text" name="note" placeholder="Optional stock taking note">
                </div>
                <button class="btn btn-green">Start Stock Taking</button>
            </form>
        @else
            <div class="filter-grid">
                <div><strong>No:</strong> {{ $activeStockTaking->stock_take_no }}</div>
                <div><strong>Branch:</strong> {{ $activeStockTaking->branch?->name ?: '-' }}</div>
                <div><strong>Staff:</strong> {{ $activeStockTaking->user?->name ?: '-' }}</div>
                <div><strong>Start:</strong> {{ $activeStockTaking->started_at?->format('Y-m-d H:i') }}</div>
            </div>
            <form method="POST" action="{{ url('/inventory/stock-taking/'.$activeStockTaking->id.'/close') }}" style="margin-top:12px;">
                @csrf
                <button class="btn btn-orange" onclick="return confirm('Close this stock taking?')">Close Stock Taking</button>
            </form>
        @endif
    </div>

    @if($activeStockTaking)
        <div class="panel">
            <div class="panel-title">Stock Taking Worksheet</div>
            <form method="GET" action="{{ url('/inventory/stock-taking') }}" class="filter-grid" style="margin-bottom:12px;">
                <input type="hidden" name="branch_id" value="{{ $filters['branch_id'] ?: $activeStockTaking->branch_id }}">
                <div class="field">
                    <label>Search</label>
                    <input type="text" name="search" value="{{ $filters['search'] }}" placeholder="Code or product name">
                </div>
                <div class="field">
                    <label>Category</label>
                    <select name="category_id">
                        <option value="">All categories</option>
                        @foreach($categories as $category)
                            <option value="{{ $category->id }}" {{ $filters['category_id'] == $category->id ? 'selected' : '' }}>{{ $category->name }}</option>
                        @endforeach
                    </select>
                </div>
                <button class="btn btn-blue">Search</button>
                <a class="btn btn-light" href="{{ url('/inventory/stock-taking?branch_id='.$activeStockTaking->branch_id) }}">Reset</a>
            </form>

            <div class="table-wrap">
                <table>
                    <thead>
                        <tr>
                            <th>Code</th>
                            <th>Product Name</th>
                            <th>Category</th>
                            <th class="num">Available</th>
                            <th class="num">B.Price</th>
                            <th class="num">S.Price</th>
                            <th class="num">Actual Qty</th>
                            <th class="num">Difference</th>
                            <th>Branch</th>
                            <th>Start Date</th>
                            <th>Close Date</th>
                            <th>Staff</th>
                            <th>Update</th>
                            <th>Adjust</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($items as $item)
                            @php($diff = (float) $item->difference_quantity)
                            @php($updateFormId = 'stockTakingUpdate'.$item->id)
                            <tr>
                                <td>{{ $item->barcode ?: '-' }}</td>
                                <td><strong>{{ $item->product_name }}</strong></td>
                                <td>{{ $item->category?->name ?: '-' }}</td>
                                <td class="num">{{ number_format($item->available_quantity, 2) }}</td>
                                <td class="num">{{ \App\Models\SystemSetting::formatMoney($item->buying_price) }}</td>
                                <td class="num">{{ \App\Models\SystemSetting::formatMoney($item->selling_price) }}</td>
                                <td class="num">
                                    <form id="{{ $updateFormId }}" method="POST" action="{{ url('/inventory/stock-taking/'.$item->id.'/update') }}">
                                        @csrf
                                        <input type="number" step="0.01" min="0" name="actual_quantity" value="{{ $item->actual_quantity }}" style="border:1px solid #d8e1ec;border-radius:7px;padding:8px;width:90px;text-align:right;font-weight:800;">
                                    </form>
                                </td>
                                <td class="num">
                                    <span class="{{ $diff > 0 ? 'diff-pos' : ($diff < 0 ? 'diff-neg' : 'diff-zero') }}">
                                        {{ number_format($diff, 2) }}
                                    </span>
                                </td>
                                <td>{{ $activeStockTaking->branch?->name ?: '-' }}</td>
                                <td>{{ $activeStockTaking->started_at?->format('Y-m-d H:i') }}</td>
                                <td>{{ $activeStockTaking->closed_at?->format('Y-m-d H:i') ?: '-' }}</td>
                                <td>{{ $item->updatedBy?->name ?: $activeStockTaking->user?->name }}</td>
                                <td>
                                    <button class="btn btn-blue" form="{{ $updateFormId }}">Update</button>
                                </td>
                                <td>
                                    <form method="POST" action="{{ url('/inventory/stock-taking/'.$item->id.'/adjust') }}">
                                        @csrf
                                        <button class="btn btn-orange" {{ $item->actual_quantity === null || $item->adjusted_at ? 'disabled' : '' }} onclick="return confirm('Adjust system stock for this product?')">
                                            {{ $item->adjusted_at ? 'Adjusted' : 'Adjust' }}
                                        </button>
                                    </form>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="14" style="text-align:center;color:#64748b;font-weight:800;">No stock taking items found.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            @if(method_exists($items, 'links'))
                <div style="margin-top:12px;">{{ $items->links('vendor.pagination.jevapos') }}</div>
            @endif
        </div>
    @endif

    <div class="panel">
        <div class="panel-title">Stock Taking Report</div>
        <div class="table-wrap">
            <table>
                <thead>
                    <tr>
                        <th>Stock Take No</th>
                        <th>Branch</th>
                        <th>Status</th>
                        <th>Start Date</th>
                        <th>Close Date</th>
                        <th>Staff</th>
                        <th class="num">Items</th>
                        <th class="num">Counted</th>
                        <th class="num">Adjusted</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($stockTakingReports as $report)
                        <tr>
                            <td><strong>{{ $report->stock_take_no }}</strong></td>
                            <td>{{ $report->branch?->name ?: '-' }}</td>
                            <td><span class="status-pill status-{{ $report->status }}">{{ ucfirst($report->status) }}</span></td>
                            <td>{{ $report->started_at?->format('Y-m-d H:i') }}</td>
                            <td>{{ $report->closed_at?->format('Y-m-d H:i') ?: '-' }}</td>
                            <td>{{ $report->user?->name ?: '-' }}</td>
                            <td class="num">{{ $report->items()->count() }}</td>
                            <td class="num">{{ $report->items()->whereNotNull('actual_quantity')->count() }}</td>
                            <td class="num">{{ $report->items()->whereNotNull('adjusted_at')->count() }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="9" style="text-align:center;color:#64748b;font-weight:800;">No stock taking reports yet.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection