@extends('warehouse.app')
@section('title', __('warehouse.edit_entry'))
@section('content')
    @include('components.errors')
    <div class="card mb-3">
        <div class="card-body">
            <div class="row flex-between-center">
                <div class="col-md">
                    <h5 class="mb-2 mb-md-0">@lang('warehouse.edit_entry')</h5>
                </div>
            </div>

            <div class="row flex-between-center my-3">
                <form action="{{ route('entries.update', $entry) }}" method="POST" class="row"
                    enctype="multipart/form-data">
                    @csrf
                    @method('PUT')
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="form-label" for="entry_number">{{ __('w_damage.damage_number') }}</label>
                            <input name="entry_number" type="text"
                                class="form-control @error('entry_number') is-invalid @enderror" id="entry_number"
                                value="{{ old('entry_number', $entry->entry_number) }}">

                            <label class="form-label mt-3" for="date">{{ __('w_damage.date') }}</label>
                            <input class="form-control datetimepicker @error('date') is-invalid @enderror" id="datepicker"
                                name="date" type="text" placeholder="dd/mm/yy" value="{{ old('date', $entry->date) }}"
                                data-options='{"disableMobile":true}' />

                            <label class="form-label mt-3" for="entity_id">{{ __('w_damage.entity_id') }}</label>
                            <select required class="form-select js-choice @error('entity_id') is-invalid @enderror"
                                id="entity_id" name="entity_id" data-options='{"removeItemButton":true,"placeholder":true}'>
                                <option disabled value="">{{ __('w_damage.choose_warehouse') }}</option>
                                @foreach ($entities as $warehouse)
                                    <option value="{{ $warehouse->id }}" @selected(old('entity_id', $entry->entity_id) == $warehouse->id)>
                                        {{ $warehouse->name . ' _ ' }}
                                        @if ($warehouse->warehouse->warehouse_type == 'prints')
                                            {{ __('w_entry.index.prints') }}
                                        @elseif ($warehouse->warehouse->warehouse_type == 'equipments')
                                            {{ __('w_entry.index.equipments') }}
                                        @else
                                            {{ __('w_entry.index.both') }}
                                        @endif
                                    </option>
                                @endforeach
                            </select>

                            <label class="form-label mt-3" for="notes">{{ __('w_damage.notes') }}</label>
                            <textarea class="form-control @error('notes') is-invalid @enderror" name="notes" rows="3">{{ old('notes', $entry->notes) }}</textarea>
                        </div>

                        <div class="col-md-6 mb-3">
                            <div class="mb-3">
                                <label for="supplier" class="form-label">@lang('warehouse.supplier')</label>
                                <input type="text" class="form-control" id="supplier"
                                    value="{{ old('supplier', $entry->supplier) }}" name="supplier" required>
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="file-upload">{{ __('w_transfer.file') }}</label>
                                <label for="file-upload" style="width: 100%; display: block; cursor: pointer;">
                                    <div class="bg-light" style="width: 100%; max-width: 100%; overflow: hidden;">
                                        <img id="preview-selected-image"
                                            @php
$isImage = in_array(\Illuminate\Support\Str::lower(pathinfo($entry->attachment, PATHINFO_EXTENSION)), ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp']); @endphp
                                            @if ($entry->attachment) src="{{ $isImage ? URL('storage/' . $entry->attachment) : URL('assets/img/uploadfile.jpg') }}"
                                    @else
                                        src="{{ URL('assets/img/uploadimg.jpg') }}" @endif
                                            alt="{{ __('w_transfer.file_preview') }}"
                                            style="width: 100%; height: 250px; object-fit: contain; display: block;" />
                                        <input type="file" id="file-upload" name="file"
                                            onchange="previewImage(event);" class="form-control" hidden />
                                    </div>
                                </label>
                                @error('file')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </div>

                        </div>
                        <div class="col-md-12">
                            <h4>{{ __('w_damage.details_title') }}</h4>
                            <hr>
                        </div>
                        <div class="row">
                            <div class="col-md-5 mb-3">
                                <select class="form-select js-choice @error('item_id') is-invalid @enderror" tabindex="0"
                                    id="item_id" size="1" name="item_id"
                                    data-options='{"removeItemButton":true,"placeholder":true}'>
                                    <option disabled value="">{{ __('w_damage.choose_item') }}</option>
                                    @foreach ($items as $item)
                                        <option value="{{ $item->id }}">
                                            {{ $item->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-md-4">
                                <input name="quantity" type="text" id="quantity"
                                    class="form-control @error('quantity') is-invalid @enderror"
                                    placeholder="{{ __('w_damage.placeholder_quantity') }}"
                                    oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');">
                            </div>

                            <script>
                                let unitNames = {};

                                @foreach ($items as $item)
                                    @php $unitName = $item->unit->name; @endphp
                                    unitNames["{{ $item->id }}"] = "{{ $unitName }}";
                                @endforeach

                                document.getElementById('quantity').addEventListener('keypress', function(event) {
                                    if (event.key === 'Enter') {
                                        event.preventDefault();
                                        addProduct();
                                    }
                                });
                            </script>

                            <div class="col-md-1">
                                <button class="btn btn-success me-1 mb-1" type="button"
                                    onclick="addProduct()">{{ __('w_damage.add_item') }}</button>
                            </div>
                        </div>
                        {{-- Dynamic items table if you want to edit items --}}
                        <table class="table mt-3">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>{{ __('w_damage.item_id') }}</th>
                                    <th>{{ __('w_damage.quantity') }}</th>
                                    <th>{{ __('w_damage.unit') }}</th>
                                    <th>{{ __('w_damage.actions') }}</th>
                                </tr>
                            </thead>
                            <tbody id="invoiceBody">
                                @foreach ($entry->items as $index => $item)
                                    <tr>
                                        <td>{{ $index + 1 }}</td>
                                        <td>{{ $item->name }}</td>
                                        <td>
                                            <input type="hidden" name="item_id[]" value="{{ $item->id }}">
                                            <input class="form-control"
                                                oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"
                                                name="quantity[]" value="{{ $item->pivot->quantity }}"
                                                class="form-control">
                                        </td>
                                        <td>{{ $item->unit->name }}</td>
                                        <td>
                                            <button type="button" class="btn btn-danger remove-btn me-1 mb-1">
                                                <i class="fa fa-trash"></i> </button>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>

                        <div>
                            <a href="{{ route('entries.index',$entry->entity_id) }}"
                                class="btn btn-primary col-md-2 ms-3">@lang('w_damage.back')</a>
                            <button type="submit" class="btn btn-success col-md-2 ms-3">@lang('w_damage.edit')</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection