@extends('layouts.admin.base-dashboard')

@section('title', 'List Stock Opname')

@section('content')
    @include('layouts.admin.include.message')

    <div class="card">
        <div class="card-header bg-white d-flex flex-wrap align-items-center justify-content-between gap-2 py-3">
            <form method="GET" class="d-flex align-items-center" style="margin-bottom:0;">
                <select name="branch_id" class="form-select me-2"
                        style="width: 200px; min-width:130px;"
                        onchange="if(this.value) this.form.submit();">
                    <option value="" {{ empty($selectedBranch) ? 'selected' : '' }}>-- Pilih Cabang --</option>
                    @foreach($branches as $branch)
                        <option value="{{ $branch->id }}" {{ $selectedBranch == $branch->id ? 'selected' : '' }}>
                            {{ $branch->name }}
                        </option>
                    @endforeach
                </select>
            </form>
            <a href="{{ route('stock-opnames.create', ['branch_id' => $selectedBranch]) }}"
                class="btn btn-success text-white btn-sm d-flex align-items-center {{ empty($selectedBranch) ? 'disabled' : '' }}"
                style="{{ empty($selectedBranch) ? 'pointer-events:none;opacity:.65;' : '' }}">
                    <i class="la la-plus me-1 text-white"></i> Add
            </a>
        </div>
        <div class="card-body">
            <h1 class="text-center" style="margin-bottom: 1em;">List Stock Opname</h1>
            <div class="table-responsive">
                <table id="bs4-table" class="table table-striped table-bordered" style="width:100%">
                    <thead>
                        <tr>
                            <th>No</th>
                            <th>Product</th>
                            <th>Old Stock</th>
                            <th>New Stock</th>
                            <th>Notes</th>
                            <th>Cabang</th>
                            <th>Created At</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($stockOpnameDetails as $detail)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $detail->product->name }}</td>
                                <td>{{ $detail->old_stock }}</td>
                                <td>{{ $detail->new_stock }}</td>
                                <td>{{ $detail->stockOpname->note }}</td>
                                <td>{{ $detail->stockOpname->branch->name ?? '-' }}</td>
                                <td>{{ $detail->stockOpname->created_at->format('d M Y H:i') }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection