@extends('layouts.app')
@section('title', 'Warehouses')
@section('breadcrumb')
<li class="breadcrumb-item active">Warehouses</li>
@endsection
@section('content')

<div class="page-header d-flex justify-content-between align-items-center">
    <div>
        <h1 class="page-title"><i class="bi bi-building me-2" style="color:#1d4ed8;"></i>Warehouses</h1>
        <p class="page-subtitle">Manage warehouse locations and stock distribution</p>
    </div>
    @can_permission('warehouses.create')
    <a href="{{ route('warehouses.create') }}" class="btn btn-primary">
        <i class="bi bi-plus-lg me-1"></i> Add Warehouse
    </a>
    @endcan_permission
</div>

<div class="row g-3 mb-3">
    <div class="col-6 col-md-3">
        <div class="stat-card">
            <div class="stat-icon" style="background:#dbeafe;"><i class="bi bi-building" style="color:#1d4ed8;"></i></div>
            <div><div class="stat-value">{{ $totalWarehouses }}</div><div class="stat-label">Total Warehouses</div></div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="stat-card">
            <div class="stat-icon" style="background:#d1fae5;"><i class="bi bi-check-circle" style="color:#059669;"></i></div>
            <div><div class="stat-value">{{ $activeCount }}</div><div class="stat-label">Active</div></div>
        </div>
    </div>
</div>

<div class="card mb-3">
    <div class="card-body py-2">
        <form method="GET" class="d-flex gap-2">
            <input type="text" name="search" class="form-control" style="max-width:320px;" placeholder="Search warehouses..." value="{{ $search }}">
            <button class="btn btn-primary" type="submit"><i class="bi bi-search"></i></button>
            @if($search)<a href="{{ route('warehouses.index') }}" class="btn btn-outline-secondary"><i class="bi bi-x"></i></a>@endif
        </form>
    </div>
</div>

<div class="card">
    <div class="card-header">Warehouses ({{ $warehouses->total() }})</div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table mb-0">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Code</th>
                        <th>Manager</th>
                        <th>Phone</th>
                        <th>Stock Items</th>
                        <th>Default</th>
                        <th>Status</th>
                        <th style="width:130px;">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($warehouses as $warehouse)
                    <tr>
                        <td>
                            <a href="{{ route('warehouses.show', $warehouse) }}" style="font-weight:700;color:#1d4ed8;text-decoration:none;">
                                {{ $warehouse->name }}
                            </a>
                            @if($warehouse->address)
                            <div style="font-size:.75rem;color:#94a3b8;">{{ Str::limit($warehouse->address, 50) }}</div>
                            @endif
                        </td>
                        <td><code style="font-size:.85rem;">{{ $warehouse->code }}</code></td>
                        <td>{{ $warehouse->manager_name ?? '—' }}</td>
                        <td>{{ $warehouse->phone ?? '—' }}</td>
                        <td><span class="badge bg-secondary">{{ $warehouse->stocks_count ?? 0 }}</span></td>
                        <td>
                            @if($warehouse->is_default)
                            <span class="badge bg-primary"><i class="bi bi-star-fill me-1"></i>Default</span>
                            @else
                            <span class="text-muted" style="font-size:.8rem;">—</span>
                            @endif
                        </td>
                        <td>
                            <span class="badge {{ $warehouse->is_active ? 'bg-success' : 'bg-danger' }}">
                                {{ $warehouse->is_active ? 'Active' : 'Inactive' }}
                            </span>
                        </td>
                        <td>
                            <div class="d-flex gap-1">
                                <a href="{{ route('warehouses.show', $warehouse) }}" class="btn btn-sm btn-outline-info" title="View"><i class="bi bi-eye"></i></a>
                                @can_permission('warehouses.edit')
                                <a href="{{ route('warehouses.edit', $warehouse) }}" class="btn btn-sm btn-outline-primary" title="Edit"><i class="bi bi-pencil"></i></a>
                                @endcan_permission
                                @can_permission('warehouses.delete')
                                @if(!$warehouse->is_default)
                                <form method="POST" action="{{ route('warehouses.destroy', $warehouse) }}" onsubmit="return confirm('Delete warehouse \'{{ addslashes($warehouse->name) }}\'?')">
                                    @csrf @method('DELETE')
                                    <button class="btn btn-sm btn-outline-danger" title="Delete"><i class="bi bi-trash"></i></button>
                                </form>
                                @endif
                                @endcan_permission
                            </div>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="8" class="text-center py-5 text-muted">
                            <i class="bi bi-building" style="font-size:2.5rem;display:block;margin-bottom:.5rem;"></i>
                            No warehouses found. <a href="{{ route('warehouses.create') }}">Create your first warehouse</a>.
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    @if($warehouses->hasPages())<div class="card-footer">{{ $warehouses->links() }}</div>@endif
</div>

@endsection