@extends('dashboard.admin.layouts.master')

@section('content')
    <div class="d-flex flex-column flex-column-fluid">
        <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
            <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
                <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
                    <h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">{{ $item->code }} - {{ $item->name }}</h1>
                </div>
                <div class="d-flex align-items-center gap-2 gap-lg-3">
                    <a href="{{ route('admin.dashboard.inventory.items.edit', $item) }}" class="btn btn-sm fw-bold btn-light-primary">{{ trans('core.common.edit') }}</a>
                    <a href="{{ route('admin.dashboard.inventory.items.index') }}" class="btn btn-sm fw-bold btn-secondary">{{ trans('inventory.items.back') }}</a>
                </div>
            </div>
        </div>

        <div id="kt_app_content" class="app-content flex-column-fluid">
            <div id="kt_app_content_container" class="app-container container-xxl">
                <div class="card mb-7">
                    <div class="card-header border-0 pt-6">
                        <div class="card-title"><h2>{{ trans('inventory.items.details_title') }}</h2></div>
                        <div class="card-toolbar">
                            <span class="badge {{ $item->is_active ? 'badge-light-success' : 'badge-light-danger' }} fs-6">
                                {{ $item->is_active ? trans('core.common.status_active') : trans('core.common.status_inactive') }}
                            </span>
                        </div>
                    </div>
                    <div class="card-body pt-0">
                        <div class="row g-5">
                            <div class="col-md-3"><span class="fw-bold text-muted d-block">{{ trans('inventory.items.code') }}</span><span class="fw-bolder">{{ $item->code }}</span></div>
                            <div class="col-md-3"><span class="fw-bold text-muted d-block">{{ trans('inventory.items.type') }}</span><span class="fw-bolder">{{ trans('inventory.items.' . $item->type) }}</span></div>
                            <div class="col-md-3"><span class="fw-bold text-muted d-block">{{ trans('inventory.items.category') }}</span><span class="fw-bolder">{{ $item->category?->name ?? '-' }}</span></div>
                            <div class="col-md-3"><span class="fw-bold text-muted d-block">{{ trans('inventory.items.uom') }}</span><span class="fw-bolder">{{ $item->unitOfMeasure?->name ?? $item->unit }}</span></div>
                            <div class="col-md-3"><span class="fw-bold text-muted d-block">{{ trans('inventory.items.branch') }}</span><span class="fw-bolder">{{ $item->branch?->name ?? '-' }}</span></div>
                            <div class="col-md-3"><span class="fw-bold text-muted d-block">{{ trans('inventory.items.purchase_price') }}</span><span class="fw-bolder">{{ number_format((float) $item->purchase_price, 4) }}</span></div>
                            <div class="col-md-3"><span class="fw-bold text-muted d-block">{{ trans('inventory.items.sale_price') }}</span><span class="fw-bolder">{{ number_format((float) $item->sale_price, 4) }}</span></div>
                            <div class="col-md-3"><span class="fw-bold text-muted d-block">{{ trans('inventory.items.cost_method') }}</span><span class="fw-bolder">{{ trans('inventory.items.' . $item->cost_method) }}</span></div>
                            @if($item->description)
                                <div class="col-12"><span class="fw-bold text-muted d-block">{{ trans('inventory.items.description') }}</span><span class="fw-semibold">{{ $item->description }}</span></div>
                            @endif
                        </div>
                    </div>
                </div>

                <div class="card mb-7">
                    <div class="card-header border-0 pt-6"><div class="card-title"><h2>{{ trans('inventory.items.media_section') }}</h2></div></div>
                    <div class="card-body pt-0">
                        <div class="row g-5">
                            @if($item->main_image)
                                <div class="col-md-3">
                                    <img src="{{ asset($item->main_image) }}" alt="" class="img-fluid rounded">
                                </div>
                            @endif
                            <div class="col-md-9">
                                @if($item->video_link)
                                    <div class="mb-5"><span class="fw-bold text-muted d-block">{{ trans('inventory.items.video_link') }}</span><a href="{{ $item->video_link }}" target="_blank" rel="noopener">{{ $item->video_link }}</a></div>
                                @endif
                                <div class="d-flex flex-wrap gap-4">
                                    @foreach($item->images ?? [] as $image)
                                        <a href="{{ asset($image) }}" target="_blank" rel="noopener">
                                            <img src="{{ asset($image) }}" alt="" class="w-125px h-125px object-fit-cover rounded border">
                                        </a>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card">
                    <div class="card-header border-0 pt-6"><div class="card-title"><h2>{{ trans('inventory.items.features_section') }}</h2></div></div>
                    <div class="card-body pt-0">
                        <div class="table-responsive">
                            <table class="table align-middle table-row-dashed fs-6 gy-5">
                                <thead><tr class="text-start text-muted fw-bold fs-7 text-uppercase"><th>{{ trans('inventory.items.feature_name') }}</th><th>{{ trans('inventory.items.feature_value') }}</th></tr></thead>
                                <tbody class="text-gray-600 fw-semibold">
                                @forelse($item->features ?? [] as $feature)
                                    @php
                                        $locale = app()->getLocale();
                                        $fallbackLocale = $locale === 'ar' ? 'en' : 'ar';
                                        $featureName = $feature['name'][$locale] ?? $feature['name'][$fallbackLocale] ?? '-';
                                        $featureValue = $feature['value'][$locale] ?? $feature['value'][$fallbackLocale] ?? '-';
                                    @endphp
                                    <tr><td>{{ $featureName }}</td><td>{{ $featureValue }}</td></tr>
                                @empty
                                    <tr><td colspan="2" class="text-center py-10">{{ trans('inventory.items.no_features') }}</td></tr>
                                @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection