@extends('layouts.app')
@section('title', 'পণ্য ম্যানেজমেন্ট')
@section('page-title', 'পণ্য ম্যানেজমেন্ট')

@section('content')

<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h5 class="mb-1 fw-semibold">সিলিন্ডার পণ্য তালিকা</h5>
        <small class="text-muted">মোট {{ $types->count() }}টি পণ্য</small>
    </div>
    <a href="{{ route('admin.cylinder-types.create') }}" class="btn btn-primary">
        <i class="bi bi-plus-circle me-2"></i>নতুন পণ্য যোগ
    </a>
</div>

{{-- Low Stock Alert --}}
@php $lowStockTypes = $types->filter(fn($t) => $t->is_low_stock && $t->status === 'active'); @endphp
@if($lowStockTypes->count() > 0)
<div class="alert alert-warning alert-dismissible fade show d-flex align-items-center gap-2 mb-4">
    <i class="bi bi-exclamation-triangle-fill fs-5 flex-shrink-0"></i>
    <div>
        <strong>কম স্টক সতর্কতা!</strong>
        {{ $lowStockTypes->pluck('name')->implode(', ') }} — স্টক কম আছে।
    </div>
    <button type="button" class="btn-close ms-auto" data-bs-dismiss="alert"></button>
</div>
@endif

<div class="row g-4">
    @forelse($types as $type)
    <div class="col-md-6 col-lg-4">
        <div class="card stat-card h-100 {{ $type->status === 'inactive' ? 'opacity-60' : '' }}
            {{ $type->is_low_stock && $type->status === 'active' ? 'border border-warning' : '' }}">

            <div class="card-body">
                {{-- Header --}}
                <div class="d-flex justify-content-between align-items-start mb-3">
                    <div class="flex-grow-1">
                        <h6 class="fw-bold mb-1">{{ $type->name }}</h6>
                        @if($type->sku)
                            <span class="badge bg-light text-muted border">{{ $type->sku }}</span>
                        @endif
                    </div>
                    <div class="d-flex flex-column align-items-end gap-1">
                        <span class="badge {{ $type->status === 'active' ? 'bg-success' : 'bg-secondary' }}">
                            {{ $type->status === 'active' ? 'সক্রিয়' : 'নিষ্ক্রিয়' }}
                        </span>
                        @if($type->is_low_stock && $type->status === 'active')
                            <span class="badge bg-warning text-dark">
                                <i class="bi bi-exclamation-triangle me-1"></i>কম স্টক
                            </span>
                        @endif
                    </div>
                </div>

                {{-- Price Grid --}}
                <div class="row g-2 mb-3">
                    <div class="col-6">
                        <div class="p-2 rounded bg-danger bg-opacity-10 text-center">
                            <div class="small text-muted">ক্রয়মূল্য</div>
                            <div class="fw-bold text-danger">৳{{ number_format($type->purchase_price, 0) }}</div>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="p-2 rounded bg-success bg-opacity-10 text-center">
                            <div class="small text-muted">বিক্রয়মূল্য</div>
                            <div class="fw-bold text-success">৳{{ number_format($type->selling_price, 0) }}</div>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="p-2 rounded bg-primary bg-opacity-10 text-center">
                            <div class="small text-muted">লাভের হার</div>
                            <div class="fw-bold text-primary">{{ $type->profit_margin }}%</div>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="p-2 rounded bg-info bg-opacity-10 text-center">
                            <div class="small text-muted">ডিপোজিট</div>
                            <div class="fw-bold text-info">৳{{ number_format($type->deposit_amount, 0) }}</div>
                        </div>
                    </div>
                </div>

                {{-- Details --}}
                <table class="table table-borderless table-sm mb-3 small">
                    <tr>
                        <td class="text-muted ps-0">ওজন</td>
                        <td class="fw-semibold">{{ $type->weight_kg }} কেজি</td>
                    </tr>
                    <tr>
                        <td class="text-muted ps-0">মোট সিলিন্ডার</td>
                        <td>
                            <span class="fw-semibold">{{ $type->cylinders_count }}</span>
                            <span class="text-muted">/ ভর্তি:
                                <span class="{{ $type->is_low_stock ? 'text-danger fw-bold' : 'text-success' }}">
                                    {{ $type->full_count }}
                                </span>
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-muted ps-0">কম স্টক সতর্কতা</td>
                        <td>{{ $type->low_stock_alert }} পিস</td>
                    </tr>
                </table>

                @if($type->description)
                    <p class="text-muted small mb-3">{{ Str::limit($type->description, 80) }}</p>
                @endif

                {{-- Actions --}}
                <div class="d-flex gap-2">
                    <a href="{{ route('admin.cylinder-types.edit', $type) }}"
                        class="btn btn-sm btn-outline-primary flex-fill">
                        <i class="bi bi-pencil me-1"></i>সম্পাদনা
                    </a>
                    <a href="{{ route('admin.cylinders.create') }}?type={{ $type->id }}"
                        class="btn btn-sm btn-outline-success flex-fill">
                        <i class="bi bi-plus me-1"></i>সিলিন্ডার যোগ
                    </a>
                    @if($type->cylinders_count === 0)
                    <form method="POST" action="{{ route('admin.cylinder-types.destroy', $type) }}"
                          onsubmit="return confirm('এই পণ্য মুছে ফেলবেন?')">
                        @csrf @method('DELETE')
                        <button type="submit" class="btn btn-sm btn-outline-danger">
                            <i class="bi bi-trash"></i>
                        </button>
                    </form>
                    @endif
                </div>
            </div>
        </div>
    </div>
    @empty
    <div class="col-12">
        <div class="card stat-card text-center py-5">
            <i class="bi bi-box-seam fs-1 text-muted opacity-25 d-block mb-3"></i>
            <p class="text-muted mb-3">কোনো পণ্য যোগ করা হয়নি।</p>
            <a href="{{ route('admin.cylinder-types.create') }}"
                class="btn btn-primary btn-sm mx-auto" style="width:200px">
                প্রথম পণ্য যোগ করুন
            </a>
        </div>
    </div>
    @endforelse
</div>
@endsection