@extends('admin.layouts.master')

@section('title', __('admin.materials.show_title'))
@section('css')@endsection

@section('content')
<div class="page-content-wrapper">
    <div class="content-container">
        <div class="page-content">
            <div class="content-header d-flex justify-content-between align-items-start flex-wrap gap-3">
                <div>
                    <div class="d-flex align-items-center gap-2 flex-wrap mb-1">
                        <h1 class="mb-0">{{ $material->name }}</h1>
                        <span class="badge bg-{{ $statusColors[$stockStatus] ?? 'secondary' }}">{{ $statusLabels[$stockStatus] ?? $stockStatus }}</span>
                        @if($material->category)
                            <span class="badge bg-light-primary text-primary border border-primary-subtle">{{ $material->category }}</span>
                        @endif
                    </div>
                    <p class="text-muted mb-0">{{ __('admin.materials.profile_subtitle') }}</p>
                </div>
                <div class="d-flex gap-2 flex-wrap">
                    <a href="{{ route('admin.materials.edit', $material) }}" class="btn btn-warning">
                        <i class="ti ti-pencil me-1"></i>{{ __('admin.actions.edit') }}
                    </a>
                    <a href="{{ route('admin.materials.create') }}" class="btn btn-outline-primary">
                        <i class="ti ti-plus me-1"></i>{{ __('admin.materials.add') }}
                    </a>
                    <a href="{{ route('admin.materials.index') }}" class="btn btn-outline-secondary">
                        <i class="ti ti-arrow-right me-1"></i>{{ __('admin.actions.back_to_list') }}
                    </a>
                </div>
            </div>

            @if(session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
            @endif

            <div class="row g-3 mb-1">
                <div class="col-xl-3 col-sm-6">
                    <div class="card border-primary shadow-sm h-100">
                        <div class="card-body">
                            <p class="text-muted mb-1">{{ __('admin.materials.fields.unit_price') }}</p>
                            <h5 class="mb-0 text-primary">{{ number_format((float) $material->unit_price, 2) }} {{ __('ر.س') }}</h5>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="card border-success shadow-sm h-100">
                        <div class="card-body">
                            <p class="text-muted mb-1">{{ __('admin.materials.fields.quantity_in_stock') }}</p>
                            <h5 class="mb-0 text-success">{{ number_format((float) $material->quantity_in_stock, 3) }} {{ $material->unit }}</h5>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="card border-info shadow-sm h-100">
                        <div class="card-body">
                            <p class="text-muted mb-1">{{ __('admin.materials.metrics.stock_value') }}</p>
                            <h5 class="mb-0 text-info">{{ number_format((float) $summary['stock_value'], 2) }} {{ __('ر.س') }}</h5>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="card border-warning shadow-sm h-100">
                        <div class="card-body">
                            <p class="text-muted mb-1">{{ __('admin.materials.metrics.updated_since_days') }}</p>
                            <h5 class="mb-0 text-warning">{{ number_format((int) $summary['updated_since_days']) }}</h5>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row g-4">
                <div class="col-xl-7 col-12">
                    <div class="card border-0 shadow-sm mb-4">
                        <div class="card-header bg-transparent border-0 pb-0">
                            <h4 class="mb-1">{{ __('admin.materials.details_title') }}</h4>
                            <p class="text-muted mb-0">{{ __('admin.materials.profile_hint') }}</p>
                        </div>
                        <div class="card-body">
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="text-muted d-block mb-1">{{ __('admin.materials.fields.name') }}</label>
                                    <strong>{{ $material->name }}</strong>
                                </div>
                                <div class="col-md-3">
                                    <label class="text-muted d-block mb-1">{{ __('admin.materials.fields.unit') }}</label>
                                    <span>{{ $material->unit }}</span>
                                </div>
                                <div class="col-md-3">
                                    <label class="text-muted d-block mb-1">{{ __('admin.materials.fields.category') }}</label>
                                    <span>{{ $material->category ?: __('admin.materials.uncategorized') }}</span>
                                </div>
                                <div class="col-md-6">
                                    <label class="text-muted d-block mb-1">{{ __('admin.materials.fields.created_at') }}</label>
                                    <span>{{ $material->created_at?->format('Y-m-d H:i') ?: '—' }}</span>
                                </div>
                                <div class="col-md-6">
                                    <label class="text-muted d-block mb-1">{{ __('admin.materials.fields.updated_at') }}</label>
                                    <span>{{ $material->updated_at?->format('Y-m-d H:i') ?: '—' }}</span>
                                </div>
                                <div class="col-12">
                                    <label class="text-muted d-block mb-1">{{ __('admin.materials.fields.notes') }}</label>
                                    <div class="rounded-3 border p-3">{{ $material->notes ?: '—' }}</div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card border-0 shadow-sm">
                        <div class="card-header bg-transparent d-flex justify-content-between align-items-center flex-wrap gap-2">
                            <div>
                                <h4 class="mb-1">{{ __('admin.materials.related_same_category_title') }}</h4>
                                <p class="text-muted mb-0">{{ __('admin.materials.related_same_category_hint') }}</p>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table align-middle mb-0">
                                    <thead>
                                        <tr>
                                            <th>{{ __('admin.materials.fields.name') }}</th>
                                            <th>{{ __('admin.materials.fields.quantity_in_stock') }}</th>
                                            <th>{{ __('admin.materials.fields.unit_price') }}</th>
                                            <th>{{ __('admin.actions.actions') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($sameCategoryMaterials as $relatedMaterial)
                                            <tr>
                                                <td>{{ $relatedMaterial->name }}</td>
                                                <td>{{ number_format((float) $relatedMaterial->quantity_in_stock, 3) }} {{ $relatedMaterial->unit }}</td>
                                                <td>{{ number_format((float) $relatedMaterial->unit_price, 2) }} {{ __('ر.س') }}</td>
                                                <td>
                                                    <a href="{{ route('admin.materials.show', $relatedMaterial) }}" class="btn btn-sm btn-outline-info">
                                                        <i class="ti ti-eye"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="4" class="text-center text-muted">{{ __('admin.materials.empty_related_same_category') }}</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xl-5 col-12">
                    <div class="card border-0 shadow-sm mb-4">
                        <div class="card-header bg-transparent border-0 pb-0">
                            <h4 class="mb-1">{{ __('admin.materials.stats_title') }}</h4>
                            <p class="text-muted mb-0">{{ __('admin.materials.stats_hint') }}</p>
                        </div>
                        <div class="card-body">
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <div class="rounded-3 border bg-light p-3 h-100">
                                        <span class="text-muted small d-block mb-1">{{ __('admin.materials.metrics.category_items_count') }}</span>
                                        <strong>{{ number_format((int) $summary['category_items_count']) }}</strong>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="rounded-3 border bg-light p-3 h-100">
                                        <span class="text-muted small d-block mb-1">{{ __('admin.materials.metrics.average_unit_price_by_category') }}</span>
                                        <strong>{{ number_format((float) $summary['average_unit_price_by_category'], 2) }} {{ __('ر.س') }}</strong>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card border-0 shadow-sm">
                        <div class="card-header bg-transparent d-flex justify-content-between align-items-center flex-wrap gap-2">
                            <div>
                                <h4 class="mb-1">{{ __('admin.materials.low_stock_title') }}</h4>
                                <p class="text-muted mb-0">{{ __('admin.materials.low_stock_hint') }}</p>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table align-middle mb-0">
                                    <thead>
                                        <tr>
                                            <th>{{ __('admin.materials.fields.name') }}</th>
                                            <th>{{ __('admin.materials.fields.quantity_in_stock') }}</th>
                                            <th>{{ __('admin.actions.actions') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($lowStockMaterials as $lowStockMaterial)
                                            <tr>
                                                <td>{{ $lowStockMaterial->name }}</td>
                                                <td>{{ number_format((float) $lowStockMaterial->quantity_in_stock, 3) }} {{ $lowStockMaterial->unit }}</td>
                                                <td>
                                                    <a href="{{ route('admin.materials.show', $lowStockMaterial) }}" class="btn btn-sm btn-outline-info">
                                                        <i class="ti ti-eye"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="3" class="text-center text-muted">{{ __('admin.materials.empty_low_stock') }}</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection