@extends('layouts.app')

@section('title', $store->name . ' - Store Details')

@section('content')
<div class="mb-4">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-1 small">
            <li class="breadcrumb-item"><a href="{{ route('stores.index') }}" class="text-success text-decoration-none">Stores</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{ $store->name }}</li>
        </ol>
    </nav>
    <div class="d-flex flex-wrap justify-content-between align-items-center gap-3">
        <div>
            <div class="d-flex align-items-center gap-2 mb-1">
                <span class="badge bg-light text-dark border font-monospace">{{ $store->code }}</span>
                @if($store->isActive())
                    <span class="badge badge-active">Active</span>
                @else
                    <span class="badge badge-inactive">Inactive</span>
                @endif
            </div>
            <h3 class="fw-bold mb-0 text-dark">{{ $store->name }}</h3>
        </div>

        <div class="d-flex gap-2">
            @can('update', $store)
                <a href="{{ route('stores.edit', $store) }}" class="btn btn-outline-agri btn-sm">
                    <i class="bi bi-pencil me-1"></i> Edit Details
                </a>
            @endcan

            @can('toggleStatus', $store)
                <form method="POST" action="{{ route('stores.toggle-status', $store) }}" onsubmit="return confirm('Toggle status for this store?');">
                    @csrf
                    @if($store->isActive())
                        <button type="submit" class="btn btn-outline-warning btn-sm">
                            <i class="bi bi-pause-circle me-1"></i> Deactivate Store
                        </button>
                    @else
                        <button type="submit" class="btn btn-outline-success btn-sm">
                            <i class="bi bi-play-circle me-1"></i> Activate Store
                        </button>
                    @endif
                </form>
            @endcan
        </div>
    </div>
</div>

<div class="row g-4 mb-4">
    <!-- Store Specifications -->
    <div class="col-lg-7">
        <div class="card shadow-sm border-0 h-100">
            <div class="card-header bg-white">
                <span class="fw-bold"><i class="bi bi-buildings me-2 text-success"></i>Store Facility Profile</span>
            </div>
            <div class="card-body p-4">
                <div class="row g-3">
                    <div class="col-sm-6">
                        <small class="text-muted d-block">Store System ID</small>
                        <span class="fw-bold font-monospace">#{{ $store->id }}</span>
                    </div>

                    <div class="col-sm-6">
                        <small class="text-muted d-block">Store Unique Code</small>
                        <span class="fw-bold font-monospace text-success">{{ $store->code }}</span>
                    </div>

                    <div class="col-12">
                        <small class="text-muted d-block">Physical Address</small>
                        <span class="fw-semibold">{{ $store->address }}</span>
                        <div class="text-muted small">{{ $store->city }}, {{ $store->state }} - {{ $store->pincode }}</div>
                    </div>

                    <div class="col-sm-6">
                        <small class="text-muted d-block">Telephone / Mobile</small>
                        <span class="fw-semibold">{{ $store->contact_number }}</span>
                    </div>

                    <div class="col-sm-6">
                        <small class="text-muted d-block">Official Email</small>
                        <span class="fw-semibold">{{ $store->email }}</span>
                    </div>

                    <div class="col-sm-6">
                        <small class="text-muted d-block">GSTIN</small>
                        @if($store->gstin)
                            <span class="font-monospace fw-bold text-dark">{{ $store->gstin }}</span>
                        @else
                            <span class="text-muted small">Exempt / Not Applicable</span>
                        @endif
                    </div>

                    <div class="col-sm-6">
                        <small class="text-muted d-block">Registration Date</small>
                        <span>{{ $store->created_at->format('d M Y, H:i') }}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Store Staff Summary & Assignment Card -->
    <div class="col-lg-5">
        <div class="card shadow-sm border-0 h-100">
            <div class="card-header bg-white d-flex justify-content-between align-items-center">
                <span class="fw-bold"><i class="bi bi-people me-2 text-success"></i>Assigned Personnel</span>
                <span class="badge bg-secondary-subtle text-secondary">{{ $store->users->count() }} staff</span>
            </div>
            <div class="card-body p-3">
                <div class="list-group list-group-flush mb-3">
                    @forelse($store->users as $user)
                        <div class="list-group-item px-0 py-2 d-flex justify-content-between align-items-center">
                            <div>
                                <div class="fw-semibold">{{ $user->name }}</div>
                                <small class="text-muted">{{ $user->email }}</small>
                            </div>
                            <div class="text-end">
                                <span class="badge bg-secondary-subtle text-secondary small d-block mb-1">{{ $user->role_names }}</span>
                                @if($user->isActive())
                                    <span class="badge badge-active" style="font-size: 0.65rem;">Active</span>
                                @else
                                    <span class="badge badge-inactive" style="font-size: 0.65rem;">Inactive</span>
                                @endif
                            </div>
                        </div>
                    @empty
                        <div class="text-center text-muted py-4">No users currently assigned to this store.</div>
                    @endforelse
                </div>

                @can('assignUsers', $store)
                    <div class="border-top pt-3">
                        <button type="button" class="btn btn-outline-agri btn-sm w-100" data-bs-toggle="collapse" data-bs-target="#assignStaffCollapse">
                            <i class="bi bi-person-gear me-1"></i> Modify Staff Assignments
                        </button>

                        <div class="collapse mt-3" id="assignStaffCollapse">
                            <form method="POST" action="{{ route('stores.assign-users', $store) }}">
                                @csrf

                                <div class="mb-2">
                                    <label class="form-label small fw-semibold">Store Admin</label>
                                    <select class="form-select form-select-sm" name="admin_user_id">
                                        <option value="">-- None --</option>
                                        @foreach($availableStoreAdmins as $adm)
                                            <option value="{{ $adm->id }}" {{ $store->storeAdmins()->first()?->id === $adm->id ? 'selected' : '' }}>
                                                {{ $adm->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="mb-3">
                                    <label class="form-label small fw-semibold">Assigned Cashiers</label>
                                    <select class="form-select form-select-sm" name="cashier_user_ids[]" multiple size="3">
                                        @php
                                            $assignedCashierIds = $store->cashiers()->pluck('users.id')->toArray();
                                        @endphp
                                        @foreach($availableCashiers as $csh)
                                            <option value="{{ $csh->id }}" {{ in_array($csh->id, $assignedCashierIds) ? 'selected' : '' }}>
                                                {{ $csh->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                <button type="submit" class="btn btn-agri btn-sm w-100">
                                    <i class="bi bi-check2"></i> Save Assignments
                                </button>
                            </form>
                        </div>
                    </div>
                @endcan
            </div>
        </div>
    </div>
</div>

<!-- Store Audit History -->
<div class="card shadow-sm border-0 mb-4">
    <div class="card-header bg-white">
        <span class="fw-bold"><i class="bi bi-clock-history me-2 text-success"></i>Store Audit Log Trail</span>
    </div>
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead>
                <tr>
                    <th>Timestamp</th>
                    <th>User</th>
                    <th>Action</th>
                    <th>Description</th>
                    <th>IP</th>
                </tr>
            </thead>
            <tbody>
                @forelse($auditLogs as $log)
                    <tr>
                        <td class="text-muted small font-monospace">{{ $log->created_at->format('Y-m-d H:i:s') }}</td>
                        <td>{{ $log->user ? $log->user->name : 'System' }}</td>
                        <td><span class="badge bg-light text-dark border">{{ $log->action }}</span></td>
                        <td class="small">{{ $log->description }}</td>
                        <td class="text-muted small font-monospace">{{ $log->ip_address ?? '-' }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5" class="text-center py-4 text-muted">No specific audit logs recorded for this store.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection