@extends('warehouse.app')
@section('title', __('w_transfer.title_show'))
@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('w_transfer.title_show')</h5>
                </div>
            </div>

            <div class="row flex-between-center my-3">
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <div class="mb-3">
                            <label class="form-label" for="transfer_number">{{ __('w_transfer.transfer_number') }}</label>
                            <input disabled name="transfer_number" type="text"
                                class="form-control" id="transfer_number"
                                value="{{ $transfer->transfer_number }}">
                        </div>
                        <div class="mb-3">
                            <label class="form-label" for="from_entity_id">{{ __('w_transfer.from_entity_id') }}</label>
                            <select disabled class="form-select js-choice" id="from_entity_id" size="1"
                                name="from_entity_id" data-options='{"removeItemButton":true,"placeholder":true}'>
                                <option disabled selected value="">{{ __('w_transfer.choose_warehouse') }}</option>
                                @foreach ($warehouses as $warehouse)
                                    <option @selected($warehouse->id == $transfer->from_entity_id) value="{{ $warehouse->id }}">
                                        {{ $warehouse->name . ' _ ' }}
                                        @if ($warehouse->warehouse->warehouse_type == 'prints')
                                            مطبوعات
                                        @elseif ($warehouse->warehouse->warehouse_type == 'equipments')
                                            تجهيزات
                                        @else
                                            كلاهما
                                        @endif
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="mb-3">
                            <label class="form-label" for="to_entity_id">{{ __('w_transfer.to_entity_id') }}</label>
                            <select disabled class="form-select js-choice" id="to_entity_id" size="1" name="to_entity_id"
                                data-options='{"removeItemButton":true,"placeholder":true}'>
                                <option disabled selected value="">{{ __('w_transfer.choose_warehouse') }}</option>
                                @foreach ($warehouses as $warehouse)
                                    <option @selected($warehouse->id == $transfer->to_entity_id) value="{{ $warehouse->id }}">
                                        {{ $warehouse->name . ' _ ' }}
                                        @if ($warehouse->warehouse->warehouse_type == 'prints')
                                        {{ __('w_transfer.prints') }}
                                        @elseif ($warehouse->warehouse->warehouse_type == 'equipments')
                                        {{ __('w_transfer.equipments') }}
                                        @else
                                        {{ __('w_transfer.both') }}
                                        @endif
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="">
                            <label class="form-label" for="notes">{{ __('w_transfer.notes') }}</label>
                            <textarea disabled class="form-control" name="notes" id="exampleFormControlTextarea1" rows="3">{{ $transfer->notes }}</textarea>
                        </div>
                    </div>
                    <div class="col-md-6 mb-3">
                        <div class="mb-3">
                            <label class="form-label" for="date">{{ __('w_transfer.date') }}</label>
                            <input disabled class="form-control datetimepicker" id="datepicker" name="date"
                                type="text" placeholder="dd/mm/yy" data-options='{"disableMobile":true}'
                                value="{{ $transfer->date }}" />
                        </div>
                        <div class="mb-3">
                            <label class="form-label" for="file-upload">{{ __('w_transfer.file') }}</label>
                            <label class="d-flex justify-content-center align-items-center" for="file-upload"
                                style="width: 100%;">
                                <div class="d-flex justify-content-center align-items-center bg-light"
                                    style="width: 100%; height: 250px; max-width: 100%;">
                                    <img id="preview-selected-image"
                                        @php
$isImage = in_array(\Illuminate\Support\Str::lower(pathinfo($transfer->attachment, PATHINFO_EXTENSION)), ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp']); @endphp
                                        @if ($transfer->attachment) src="{{ $transfer->attachment && $isImage ? URL('storage/' . $transfer->attachment) : URL('assets/img/uploadfile.jpg') }}"
                                         @else
                                    src="{{ URL('assets/img/uploadimg.jpg') }}" @endif
                                        class="img-fluid" alt="{{ __('w_transfer.file_preview') }}"
                                        style="max-height: 100%; max-width: 100%; object-fit: cover; width: 100%; height: 100%;" />
                                    <input disabled type="file" id="file-upload" name="file"
                                        accept="image/jpeg, image/png, image/jpg, image/svg"
                                        onchange="previewImage(event);" class="form-control" hidden />
                                </div>
                            </label>
                        </div>
                    </div>

                    <div class="col-md-12">
                        <h4>{{ __('w_transfer.details_title') }}</h4>
                        <hr>
                    </div>

                    <table class="table mt-3">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>{{ __('w_transfer.item_id') }}</th>
                                <th>{{ __('w_transfer.quantity') }}</th>
                                <th>{{ __('w_transfer.unit') }}</th>
                            </tr>
                        </thead>
                        <tbody id="invoiceBody">
                            @foreach ($transfer->items as $index => $item)
                                <tr>
                                    <td>{{ $index + 1 }}</td>
                                    <td>{{ $item->item->name }}</td>
                                    <td>{{ $item->quantity }}</td>
                                    <td>{{ $item->item->unit->name }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <div class="row">
                        @if (!$hideData)
                        <a href="{{ route('w_transfer.index',$transfer->from_entity_id) }}"
                            class="btn btn-primary col-md-2 ms-3">@lang('w_damage.back')</a>
                        <button class="btn btn-danger  col-md-2 ms-3" type="button" data-bs-toggle="modal"
                            data-bs-target="#delete-modal">
                            @lang('w_damage.delete')
                        </button>
                        @include('components.delete_modal', [
                            'warning_message' => __('w_transfer.delete_confirmation') . $transfer->transfer_number,
                            'destroy_route' => route('w_transfer.destroy', $transfer->id),
                        ])
                        @else
                        <a href="{{ route('w_transfer_back.index',$transfer->to_entity_id) }}"
                            class="btn btn-primary col-md-2 ms-3">@lang('w_damage.back')</a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection