@extends('layouts.backapp')

@section('content')
<div class="kt-portlet kt-portlet--mobile" id="kt_blockui_datatable">
    <div class="kt-portlet__head kt-portlet__head--lg">
        <div class="kt-portlet__head-label">
            <span class="kt-portlet__head-icon">
                <i class="kt-font-brand flaticon2-plus"></i>
            </span>
            <h3 class="kt-portlet__head-title">Tambah Opnames</h3>
        </div>
    </div>

    <div class="kt-portlet__body">
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul class="mb-0">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form id="opname-form" action="{{ route('opnames.store') }}" method="POST">
            @csrf
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="dealer">Dealer <span class="text-danger">*</span></label>
                        @php
                            $oldDealer = old('dealer');
                            $dealerValue = is_array($oldDealer) ? '' : $oldDealer;
                        @endphp
                        <select name="dealer" id="dealer" class="form-control select2 @error('dealer') is-invalid @enderror" required>
                            <option value="">Pilih Dealer</option>
                            @foreach($dealers as $dealer)
                                <option value="{{ $dealer->id }}" {{ $dealerValue == $dealer->id ? 'selected' : '' }}>
                                    {{ $dealer->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('dealer')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="note">Catatan</label>
                        @php
                            $oldNote = old('note');
                            $noteValue = is_array($oldNote) ? '' : $oldNote;
                        @endphp
                        <textarea name="note" id="note" class="form-control @error('note') is-invalid @enderror" 
                                rows="2" placeholder="Catatan opname">{{ $noteValue }}</textarea>
                        @error('note')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>

            <div class="kt-separator kt-separator--border-dashed kt-separator--space-lg kt-separator--portlet-fit"></div>

            <div class="row mb-3">
                <div class="col">
                    <h4>Detail Produk</h4>
                </div>
                <div class="col text-right">
                    <button type="button" class="btn btn-success btn-sm" id="btn-add-row">
                        <i class="flaticon2-plus"></i> Tambah Produk
                    </button>
                </div>
            </div>

            <div class="table-responsive">
                <table class="table table-bordered table-hover" id="product-table">
                    <thead class="thead-light">
                        <tr>
                            <th style="width: 35%">Produk <span class="text-danger">*</span></th>
                            <th style="width: 15%">Stok Sistem <span class="text-danger">*</span></th>
                            <th style="width: 15%">Stok Fisik <span class="text-danger">*</span></th>
                            <th style="width: 30%">Catatan</th>
                            <th style="width: 5%" class="text-center">Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php
                            $oldProducts = old('product', []);
                            $oldSystemQuantities = old('system_quantity', []);
                            $oldPhysicalQuantities = old('physical_quantity', []);
                            $oldItemNotes = old('item_notes', []);
                        @endphp
                        <tr class="product-row">
                            <td>
                                <select name="product[0]" class="form-control product-select select2 @error('product.0') is-invalid @enderror" required>
                                    <option value="">Pilih Produk</option>
                                    @foreach($products as $product)
                                        <option value="{{ $product->id }}" {{ (isset($oldProducts[0]) && $oldProducts[0] == $product->id) ? 'selected' : '' }}>
                                            {{ $product->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('product.0')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                @enderror
                            </td>
                            <td>
                                <div class="input-group">
                                    <input type="number" name="system_quantity[0]" 
                                           class="form-control system-quantity @error('system_quantity.0') is-invalid @enderror" 
                                           step="0.01" min="0" 
                                           value="{{ $oldSystemQuantities[0] ?? '0' }}" 
                                           readonly>
                                </div>
                                @error('system_quantity.0')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                @enderror
                            </td>
                            <td>
                                <div class="input-group">
                                    <input type="number" name="physical_quantity[0]" 
                                           class="form-control @error('physical_quantity.0') is-invalid @enderror" 
                                           step="0.01" min="0" 
                                           value="{{ $oldPhysicalQuantities[0] ?? '' }}" 
                                           required>
                                </div>
                                @error('physical_quantity.0')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                @enderror
                            </td>
                            <td>
                                <input type="text" name="item_notes[0]" 
                                       class="form-control @error('item_notes.0') is-invalid @enderror" 
                                       value="{{ $oldItemNotes[0] ?? '' }}" 
                                       placeholder="(wajib jika ada perbedaan stock)">
                                @error('item_notes.0')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                @enderror
                            </td>
                            <td class="text-center">
                                <button type="button" class="btn btn-danger btn-sm btn-remove-row" disabled>
                                    <i class="flaticon2-trash"></i>
                                </button>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <div class="kt-separator kt-separator--border-dashed kt-separator--space-lg kt-separator--portlet-fit"></div>

            <div class="form-group">
                <button type="submit" class="btn btn-primary btn-md">
                    Simpan
                </button>
                <a href="{{ route('opnames.index') }}" class="btn btn-secondary btn-md">
                    Batal
                </a>
            </div>
        </form>
    </div>
</div>

<!-- Template untuk baris produk baru -->
<template id="product-row-template">
    <tr class="product-row">
        <td>
            <select name="product[]" class="form-control product-select select2" required>
                <option value="">Pilih Produk</option>
                @foreach($products as $product)
                    <option value="{{ $product->id }}">{{ $product->name }}</option>
                @endforeach
            </select>
        </td>
        <td>
            <div class="input-group">
                <input type="number" name="system_quantity[]" class="form-control system-quantity" 
                       step="0.01" min="0" value="0" readonly>
            </div>
        </td>
        <td>
            <div class="input-group">
                <input type="number" name="physical_quantity[]" class="form-control" 
                       step="0.01" min="0" value="" required>
            </div>
        </td>
        <td>
            <input type="text" name="item_notes[]" class="form-control" 
                   value="" placeholder="(wajib jika ada perbedaan stock)">
        </td>
        <td class="text-center">
            <button type="button" class="btn btn-danger btn-sm btn-remove-row">
                <i class="flaticon2-trash"></i>
            </button>
        </td>
    </tr>
</template>
@endsection

@section('javascripts')
<script src="{{ mix('js/warehouse_management/opnames/create.js') }}"></script>
@endsection