@extends('layouts.app')
@section('title', 'সিলিন্ডার তালিকা')
@section('page-title', 'সিলিন্ডার ইনভেন্টরি')

@section('content')

{{-- Quick Nav --}}
<div class="d-flex gap-2 mb-4 flex-wrap">
    <a href="{{ route('admin.cylinders.stock') }}" class="btn btn-outline-primary btn-sm">
        <i class="bi bi-bar-chart me-1"></i>স্টক সারসংক্ষেপ
    </a>
    <a href="{{ route('admin.cylinders.tracking') }}" class="btn btn-outline-info btn-sm">
        <i class="bi bi-geo-alt me-1"></i>লাইভ ট্র্যাকিং
    </a>
    <a href="{{ route('admin.cylinders.create') }}" class="btn btn-success btn-sm ms-auto">
        <i class="bi bi-plus-circle me-1"></i>সিলিন্ডার যোগ
    </a>
</div>

{{-- Stats --}}
<div class="row g-3 mb-4">
    @foreach([
        ['label'=>'মোট','value'=>$stats['total'],'color'=>'primary','icon'=>'fire'],
        ['label'=>'ভর্তি','value'=>$stats['full'],'color'=>'success','icon'=>'check-circle-fill'],
        ['label'=>'খালি','value'=>$stats['empty'],'color'=>'secondary','icon'=>'circle'],
        ['label'=>'পরিবহনে','value'=>$stats['in_transit'],'color'=>'warning','icon'=>'truck'],
        ['label'=>'ক্ষতিগ্রস্ত','value'=>$stats['damaged'],'color'=>'danger','icon'=>'x-circle-fill'],
        ['label'=>'গ্রাহকে','value'=>$stats['with_customer'],'color'=>'info','icon'=>'person-check-fill'],
    ] as $s)
    <div class="col-6 col-md-2">
        <div class="card stat-card text-center py-3">
            <i class="bi bi-{{ $s['icon'] }} text-{{ $s['color'] }} fs-4 mb-1"></i>
            <div class="fs-3 fw-bold">{{ $s['value'] }}</div>
            <div class="small text-muted">{{ $s['label'] }}</div>
        </div>
    </div>
    @endforeach
</div>

{{-- Filters --}}
<div class="card stat-card mb-4">
    <div class="card-body py-3">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-md-3">
                <input type="text" name="search" value="{{ request('search') }}"
                    class="form-control form-control-sm" placeholder="সিরিয়াল নম্বর খুঁজুন...">
            </div>
            <div class="col-md-2">
                <select name="type" class="form-select form-select-sm">
                    <option value="">সব টাইপ</option>
                    @foreach($types as $t)
                        <option value="{{ $t->id }}" {{ request('type') == $t->id ? 'selected' : '' }}>{{ $t->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <select name="status" class="form-select form-select-sm">
                    <option value="">সব স্ট্যাটাস</option>
                    <option value="full" {{ request('status') === 'full' ? 'selected' : '' }}>ভর্তি</option>
                    <option value="empty" {{ request('status') === 'empty' ? 'selected' : '' }}>খালি</option>
                    <option value="in_transit" {{ request('status') === 'in_transit' ? 'selected' : '' }}>পরিবহনে</option>
                    <option value="damaged" {{ request('status') === 'damaged' ? 'selected' : '' }}>ক্ষতিগ্রস্ত</option>
                </select>
            </div>
            <div class="col-md-2">
                <select name="holder_type" class="form-select form-select-sm">
                    <option value="">সব অবস্থান</option>
                    <option value="warehouse" {{ request('holder_type') === 'warehouse' ? 'selected' : '' }}>গুদামে</option>
                    <option value="customer" {{ request('holder_type') === 'customer' ? 'selected' : '' }}>গ্রাহকের কাছে</option>
                    <option value="delivery_boy" {{ request('holder_type') === 'delivery_boy' ? 'selected' : '' }}>ডেলিভারি বয়ে</option>
                </select>
            </div>
            <div class="col-md-1">
                <button type="submit" class="btn btn-primary btn-sm w-100"><i class="bi bi-search"></i></button>
            </div>
            <div class="col-md-1">
                <a href="{{ route('admin.cylinders.index') }}" class="btn btn-outline-secondary btn-sm w-100"><i class="bi bi-x"></i></a>
            </div>
        </form>
    </div>
</div>

{{-- Table --}}
<div class="card stat-card">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0 align-middle">
                <thead class="table-light">
                    <tr>
                        <th>#ID</th>
                        <th>সিরিয়াল নম্বর</th>
                        <th>টাইপ</th>
                        <th>স্ট্যাটাস</th>
                        <th>অবস্থান</th>
                        <th>ধারক</th>
                        <th>একশন</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($cylinders as $cylinder)
                    <tr>
                        <td class="text-muted small">#{{ $cylinder->id }}</td>
                        <td>{{ $cylinder->serial_number ?? '—' }}</td>
                        <td>{{ $cylinder->cylinderType->name }}</td>
                        <td><span class="badge bg-{{ $cylinder->status_color }}">{{ $cylinder->status_label }}</span></td>
                        <td>
                            @if($cylinder->holder_type === 'warehouse')
                                <span class="text-muted"><i class="bi bi-house me-1"></i>গুদাম</span>
                            @elseif($cylinder->holder_type === 'customer')
                                <span class="text-info"><i class="bi bi-person me-1"></i>গ্রাহক</span>
                            @else
                                <span class="text-warning"><i class="bi bi-bicycle me-1"></i>ডেলিভারি</span>
                            @endif
                        </td>
                        <td>{{ $cylinder->holder_name }}</td>
                        <td>
                            <div class="d-flex gap-1">
                                <a href="{{ route('admin.cylinders.show', $cylinder) }}" class="btn btn-sm btn-outline-info">
                                    <i class="bi bi-eye"></i>
                                </a>
                                <a href="{{ route('admin.cylinders.edit', $cylinder) }}" class="btn btn-sm btn-outline-primary">
                                    <i class="bi bi-pencil"></i>
                                </a>
                            </div>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="7" class="text-center text-muted py-5">
                            <i class="bi bi-inbox fs-1 d-block mb-2 opacity-25"></i>
                            কোনো সিলিন্ডার পাওয়া যায়নি।
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    @if($cylinders->hasPages())
    <div class="card-footer bg-white border-0">{{ $cylinders->links() }}</div>
    @endif
</div>
@endsection