@extends('layouts.app')

@section('title', 'Branch Management')

@section('content')
<div class="container-fluid">
    <!-- Page Header -->
    <div class="row mb-2">
        <div class="col-12">
            <div class="custom-card">
                <div class="custom-card-header py-2">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h4 class="mb-0">
                                <i class="fas fa-sitemap me-1"></i>
                                Branch Management
                            </h4>
                            <small class="text-muted">Manage branches and their locations</small>
                        </div>
                        <div class="d-flex gap-1">
                            <a href="{{ route('sub-branches.create') }}" class="btn btn-success btn-sm">
                                <i class="fas fa-plus me-1"></i>Add Sub Branch
                            </a>
                            <button class="btn btn-info btn-sm" onclick="refreshStats()">
                                <i class="fas fa-sync-alt me-1"></i>Refresh
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Statistics Cards -->
    <div class="row mb-2">
        <div class="col-xl-2 col-md-4 col-sm-6 mb-2">
            <div class="custom-card">
                <div class="custom-card-body text-center py-2">
                    <div class="d-flex align-items-center justify-content-center">
                        <div class="bg-primary bg-opacity-10 rounded-circle p-2 me-2">
                            <i class="fas fa-sitemap text-primary fa-lg"></i>
                        </div>
                        <div>
                            <h5 class="mb-0 text-primary" id="totalSubBranches">{{ $totalSubBranches }}</h5>
                            <small class="text-muted">Total Branches</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-2 col-md-4 col-sm-6 mb-2">
            <div class="custom-card">
                <div class="custom-card-body text-center py-2">
                    <div class="d-flex align-items-center justify-content-center">
                        <div class="bg-success bg-opacity-10 rounded-circle p-2 me-2">
                            <i class="fas fa-check-circle text-success fa-lg"></i>
                        </div>
                        <div>
                            <h5 class="mb-0 text-success" id="activeSubBranches">{{ $activeSubBranches }}</h5>
                            <small class="text-muted">Active Branches</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-2 col-md-4 col-sm-6 mb-2">
            <div class="custom-card">
                <div class="custom-card-body text-center py-2">
                    <div class="d-flex align-items-center justify-content-center">
                        <div class="bg-warning bg-opacity-10 rounded-circle p-2 me-2">
                            <i class="fas fa-exclamation-triangle text-warning fa-lg"></i>
                        </div>
                        <div>
                            <h5 class="mb-0 text-warning" id="inactiveSubBranches">{{ $inactiveSubBranches }}</h5>
                            <small class="text-muted">Inactive Branches</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Search and Filter -->
    <div class="row mb-2">
        <div class="col-12">
            <div class="custom-card">
                <div class="custom-card-body py-2">
                    <form method="GET" action="{{ route('sub-branches.index') }}" id="searchForm">
                        <div class="row">
                            <div class="col-md-4 mb-2">
                                <label for="search" class="form-label mb-1">
                                    <i class="fas fa-search me-1"></i>Search Branches
                                </label>
                                <input type="text" 
                                       class="form-control custom-form-control" 
                                       id="search" 
                                       name="search"
                                       value="{{ request('search') }}"
                                       placeholder="Search by name, code, or location...">
                            </div>
                            <div class="col-md-2 mb-2">
                                <label for="status" class="form-label mb-1">
                                    <i class="fas fa-filter me-1"></i>Status
                                </label>
                                <select class="form-control custom-form-control" id="status" name="status">
                                    <option value="">All Status</option>
                                    <option value="active" {{ request('status') == 'active' ? 'selected' : '' }}>Active</option>
                                    <option value="inactive" {{ request('status') == 'inactive' ? 'selected' : '' }}>Inactive</option>
                                </select>
                            </div>
                            <div class="col-md-2 mb-2">
                                <label for="active" class="form-label mb-1">
                                    <i class="fas fa-toggle-on me-1"></i>Active
                                </label>
                                <select class="form-control custom-form-control" id="active" name="active">
                                    <option value="">All</option>
                                    <option value="active" {{ request('active') == 'active' ? 'selected' : '' }}>Active</option>
                                    <option value="inactive" {{ request('active') == 'inactive' ? 'selected' : '' }}>Inactive</option>
                                </select>
                            </div>
                            <div class="col-md-4 mb-2 d-flex align-items-end">
                                <button type="submit" class="btn btn-primary btn-sm me-2">
                                    <i class="fas fa-search me-1"></i>Search
                                </button>
                                <button type="button" class="btn btn-secondary btn-sm" onclick="clearFilters()">
                                    <i class="fas fa-times me-1"></i>Clear
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- Sub Branches Table -->
    <div class="row">
        <div class="col-12">
            <div class="custom-card">
                <div class="custom-card-header py-2">
                    <h5 class="mb-0">
                        <i class="fas fa-sitemap me-1"></i>
                        Branches List ({{ $subBranches->total() }} branches)
                    </h5>
                </div>
                <div class="custom-card-body p-0 pt-2">
                    <div class="table-responsive">
                        <table class="table custom-table mb-0">
                            <thead>
                                <tr>
                                    <th>SL</th>
                                    <th>Name</th>
                                    <th>Admin User</th>
                                    <th>Parent Branch</th>
                                    <th>Parent User</th>
                                    <th>Assigned Router</th>
                                    <th>Total Clients</th>
                                    <th>Status</th>
                                    <th>Active</th>
                                    <th>Created</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($subBranches as $index => $subBranch)
                                    <tr>
                                        <td>{{ $subBranches->firstItem() + $index }}</td>
                                        <td>
                                            <div class="d-flex align-items-center">
                                                <div class="bg-primary bg-opacity-10 rounded-circle p-2 me-2">
                                                    <i class="fas fa-sitemap text-primary"></i>
                                                </div>
                                                <div>
                                                    <h6 class="mb-0">{{ $subBranch->name }}</h6>
                                                    <small class="text-muted">{{ $subBranch->code }}</small>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            @if($subBranch->users->isNotEmpty())
                                                @php $user = $subBranch->users->first(); @endphp
                                                <div class="d-flex align-items-center">
                                                    <div class="bg-success bg-opacity-10 rounded-circle p-1 me-2">
                                                        <i class="fas fa-user text-success"></i>
                                                    </div>
                                                    <div>
                                                        <strong>{{ $user->name }}</strong>
                                                        <br><small class="text-muted">{{ $user->email }}</small>
                                                        <br><small class="badge bg-{{ $user->role === 'admin' ? 'danger' : ($user->role === 'manager' ? 'warning' : 'info') }}">{{ ucfirst($user->role) }}</small>
                                                    </div>
                                                </div>
                                            @else
                                                <span class="text-muted">
                                                    <i class="fas fa-user-slash me-1"></i>No User
                                                </span>
                                            @endif
                                        </td>
                                        <td>
                                            @if($subBranch->parentBranch)
                                                <div>
                                                    <strong>{{ $subBranch->parentBranch->name }}</strong>
                                                    <br><small class="text-muted">{{ $subBranch->parentBranch->code }}</small>
                                                </div>
                                            @else
                                                <span class="text-muted">No Parent</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if($subBranch->users->isNotEmpty())
                                                @php $user = $subBranch->users->first(); @endphp
                                                @if($user->parentUser)
                                                    <div class="d-flex align-items-center">
                                                        <div class="bg-info bg-opacity-10 rounded-circle p-1 me-2">
                                                            <i class="fas fa-user text-info"></i>
                                                        </div>
                                                        <div>
                                                            <strong>{{ $user->parentUser->name }}</strong>
                                                            <br><small class="text-muted">{{ $user->parentUser->email }}</small>
                                                        </div>
                                                    </div>
                                                @else
                                                    <span class="text-muted">No Parent User</span>
                                                @endif
                                            @else
                                                <span class="text-muted">No User</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if($subBranch->mikrotikServers->count() > 0)
                                                @foreach($subBranch->mikrotikServers as $server)
                                                    <div class="d-flex align-items-center mb-2">
                                                        <i class="fas fa-server text-info me-2"></i>
                                                        <div class="flex-grow-1">
                                                            <div class="fw-bold text-primary">{{ $server->name }}</div>
                                                            <small class="text-muted">
                                                                <i class="fas fa-globe me-1"></i>{{ $server->host }}:{{ $server->port }}
                                                                @if($server->is_primary)
                                                                    <span class="badge bg-warning ms-2">Primary</span>
                                                                @endif
                                                            </small>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            @else
                                                <span class="text-muted">
                                                    <i class="fas fa-times-circle me-1"></i>No Router Assigned
                                                </span>
                                            @endif
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center">
                                                <i class="fas fa-users text-success me-2"></i>
                                                <div>
                                                    <div class="fw-bold text-success">{{ $subBranch->clients_count }}</div>
                                                    <small class="text-muted">Clients</small>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            @if($subBranch->users->isNotEmpty())
                                                @php $user = $subBranch->users->first(); @endphp
                                                @if($user->status === 'active')
                                                    <span class="badge bg-success">Active</span>
                                                @elseif($user->status === 'inactive')
                                                    <span class="badge bg-warning">Inactive</span>
                                                @elseif($user->status === 'suspended')
                                                    <span class="badge bg-danger">Suspended</span>
                                                @else
                                                    <span class="badge bg-secondary">{{ ucfirst($user->status) }}</span>
                                                @endif
                                            @else
                                                <span class="badge bg-secondary">No User</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if($subBranch->is_active)
                                                <span class="badge bg-success">Active</span>
                                            @else
                                                <span class="badge bg-danger">Inactive</span>
                                            @endif
                                        </td>
                                        <td>
                                            <div>
                                                <strong>{{ $subBranch->created_at->format('M d, Y') }}</strong>
                                                <br><small class="text-muted">{{ $subBranch->created_at->format('h:i A') }}</small>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="btn-group" role="group">
                                                <a href="{{ route('sub-branches.show', $subBranch) }}" 
                                                   class="btn btn-sm btn-outline-primary" 
                                                   data-bs-toggle="tooltip" title="View">
                                                    <i class="fas fa-eye"></i>
                                                </a>
                                                <a href="{{ route('sub-branches.edit', $subBranch) }}" 
                                                   class="btn btn-sm btn-outline-warning" 
                                                   data-bs-toggle="tooltip" title="Edit">
                                                    <i class="fas fa-edit"></i>
                                                </a>
                                                @php
                                                    $currentUser = auth()->user();
                                                    $isSuperAdmin = false;
                                                    
                                                    // Check for super admin role (case insensitive)
                                                    if (in_array(strtolower($currentUser->role), ['super_admin', 'super-admin', 'super admin'])) {
                                                        $isSuperAdmin = true;
                                                    }
                                                    
                                                    // Check for specific super admin emails
                                                    if (in_array($currentUser->email, ['mkzwasim@gmail.com', 'sahrior@gmail.com', 'wasim@mkz.com.bd'])) {
                                                        $isSuperAdmin = true;
                                                    }
                                                    
                                                    // Debug information
                                                    $debugInfo = [
                                                        'current_user_role' => $currentUser->role,
                                                        'current_user_email' => $currentUser->email,
                                                        'is_super_admin' => $isSuperAdmin,
                                                        'sub_branch_users_count' => $subBranch->users->count(),
                                                        'sub_branch_id' => $subBranch->id
                                                    ];
                                                @endphp
                                                @if($subBranch->users->isNotEmpty())
                                                    @php $user = $subBranch->users->first(); @endphp
                                                    <a href="{{ route('login-as-user', $user->id) }}" 
                                                       class="btn btn-sm btn-outline-success" 
                                                       data-bs-toggle="tooltip" title="Login as {{ $user->name }}"
                                                       onclick="return confirm('Are you sure you want to login as {{ $user->name }}?')">
                                                        <i class="fas fa-sign-in-alt"></i>
                                                    </a>
                                                @else
                                                    <!-- Debug info for troubleshooting -->
                                                    <small class="text-muted" style="font-size: 8px;">
                                                        Debug: {{ $debugInfo['current_user_role'] }} | 
                                                        {{ $debugInfo['is_super_admin'] ? 'SA' : 'Not SA' }} | 
                                                        Users: {{ $debugInfo['sub_branch_users_count'] }}
                                                    </small>
                                                @endif
                                                <button type="button" 
                                                        class="btn btn-sm btn-outline-danger" 
                                                        data-bs-toggle="tooltip" title="Delete"
                                                        onclick="deleteSubBranch({{ $subBranch->id }})">
                                                    <i class="fas fa-trash"></i>
                                                </button>
                                            </div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="9" class="text-center py-4">
                                        <div class="text-muted">
                                            <i class="fas fa-sitemap fa-3x mb-3"></i>
                                                <h5>No Branches Found</h5>
                                                <p>Start by creating your first branch.</p>
                                            <a href="{{ route('sub-branches.create') }}" class="btn btn-primary">
                                                    <i class="fas fa-plus me-1"></i>Add Branch
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    
                    <!-- Pagination -->
                    @if($subBranches->hasPages())
                        <div class="d-flex justify-content-between align-items-center px-3 py-2 border-top">
                            <div class="text-muted">
                                Showing {{ $subBranches->firstItem() }} to {{ $subBranches->lastItem() }} 
                                of {{ $subBranches->total() }} results
                            </div>
                            <div>
                                {{ $subBranches->links() }}
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('scripts')
<script>
function refreshStats() {
    // Reload the page to refresh statistics
    window.location.reload();
}


function clearFilters() {
    document.getElementById('search').value = '';
    document.getElementById('status').value = '';
    document.getElementById('active').value = '';
    document.getElementById('searchForm').submit();
}

function deleteSubBranch(id) {
    if (confirm('Are you sure you want to delete this branch? This action cannot be undone.')) {
        // Create a form and submit it
        const form = document.createElement('form');
        form.method = 'POST';
        form.action = `/sub-branches/${id}`;
        
        // Add CSRF token
        const csrfToken = document.createElement('input');
        csrfToken.type = 'hidden';
        csrfToken.name = '_token';
        csrfToken.value = '{{ csrf_token() }}';
        form.appendChild(csrfToken);
        
        // Add DELETE method
        const methodField = document.createElement('input');
        methodField.type = 'hidden';
        methodField.name = '_method';
        methodField.value = 'DELETE';
        form.appendChild(methodField);
        
        document.body.appendChild(form);
        form.submit();
    }
}

// Initialize tooltips
document.addEventListener('DOMContentLoaded', function() {
    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
    var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
        return new bootstrap.Tooltip(tooltipTriggerEl);
    });
});
</script>
@endsection