@extends('layouts.admin')

@section('title', 'Mall Details - ' . $mall->name)

@section('content')
<div class="container-fluid">
    <!-- Header Section -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-0 text-gray-800">
                <i class="fas fa-shopping-center text-primary"></i>
                {{ $mall->name }}
            </h1>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('admin.malls.index') }}">Malls</a></li>
                    <li class="breadcrumb-item active">{{ $mall->name }}</li>
                </ol>
            </nav>
        </div>
        <div class="btn-group">
            <a href="{{ route('admin.malls.edit', $mall) }}" class="btn btn-warning">
                <i class="fas fa-edit"></i> Edit Mall
            </a>
            <a href="{{ route('admin.malls.shops', $mall) }}" class="btn btn-primary">
                <i class="fas fa-shop"></i> View Businesses
            </a>
            <a href="{{ route('admin.malls.stores', $mall) }}" class="btn btn-info">
                <i class="fas fa-store"></i> Manage Store Units
            </a>
            <a href="{{ route('admin.malls.businesses.create', $mall) }}" class="btn btn-success">
                <i class="fas fa-plus-circle"></i> Add New Business
            </a>
            <a href="{{ route('admin.malls.events', $mall) }}" class="btn btn-success">
                <i class="fas fa-calendar"></i> Manage Events
            </a>
            <a href="{{ route('admin.malls.analytics', $mall) }}" class="btn btn-primary">
                <i class="fas fa-chart-line"></i> Analytics
            </a>
        </div>
    </div>

    <!-- Statistics Cards -->
    <div class="row mb-4">
        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-primary shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">Total Stores</div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">{{ $storeStats['total'] ?? 0 }}</div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-store fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-success shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-success text-uppercase mb-1">Operational Stores</div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">{{ $storeStats['operational'] ?? 0 }}</div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-percentage fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-info shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-info text-uppercase mb-1">Vacant Stores</div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">{{ $storeStats['vacant'] ?? 0 }}</div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-users fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-warning shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-warning text-uppercase mb-1">Upcoming Events</div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">{{ $eventStats['upcoming'] ?? 0 }}</div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-calendar fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <!-- Basic Information -->
        <div class="col-lg-8">
            <div class="card shadow mb-4">
                <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                    <h6 class="m-0 font-weight-bold text-primary">Mall Information</h6>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <h6 class="font-weight-bold text-primary">Basic Details</h6>
                            @if($mall->mallDetail)
                                <p><strong>Mall Type:</strong> {{ ucfirst(str_replace('_', ' ', $mall->mallDetail->mall_type ?? 'N/A')) }}</p>
                                <p><strong>Category:</strong> {{ ucfirst($mall->mallDetail->mall_category ?? 'N/A') }}</p>
                                <p><strong>Total Floors:</strong> {{ $mall->mallDetail->total_floors ?? 'N/A' }}</p>
                                <p><strong>Total Area:</strong> {{ $mall->mallDetail->total_area_sqft ? number_format($mall->mallDetail->total_area_sqft) . ' sq ft' : 'N/A' }}</p>
                                <p><strong>Retail Area:</strong> {{ $mall->mallDetail->retail_area_sqft ? number_format($mall->mallDetail->retail_area_sqft) . ' sq ft' : 'N/A' }}</p>
                                <p><strong>Common Area:</strong> {{ $mall->mallDetail->common_area_sqft ? number_format($mall->mallDetail->common_area_sqft) . ' sq ft' : 'N/A' }}</p>
                            @else
                                <p class="text-muted">Mall details not available</p>
                            @endif
                        </div>
                        <div class="col-md-6">
                            <h6 class="font-weight-bold text-primary">Operating Hours</h6>
                            @if($mall->mallDetail)
                                <p><strong>Opening Time:</strong> {{ $mall->mallDetail->opening_time ? \Carbon\Carbon::parse($mall->mallDetail->opening_time)->format('g:i A') : 'N/A' }}</p>
                                <p><strong>Closing Time:</strong> {{ $mall->mallDetail->closing_time ? \Carbon\Carbon::parse($mall->mallDetail->closing_time)->format('g:i A') : 'N/A' }}</p>
                                <p><strong>Open Sundays:</strong> {{ $mall->mallDetail->open_sundays ? 'Yes' : 'No' }}</p>
                                
                                <h6 class="font-weight-bold text-primary mt-3">Manager Information</h6>
                                <p><strong>Manager:</strong> {{ $mall->mallDetail->mall_manager_name ?? 'N/A' }}</p>
                                <p><strong>Phone:</strong> {{ $mall->mallDetail->mall_manager_phone ?? 'N/A' }}</p>
                                <p><strong>Email:</strong> {{ $mall->mallDetail->mall_manager_email ?? 'N/A' }}</p>
                            @else
                                <p class="text-muted">Operating hours not available</p>
                            @endif
                        </div>
                    </div>

                    <hr>

                    <div class="row">
                        <div class="col-md-12">
                            <h6 class="font-weight-bold text-primary">Business Information</h6>
                            <p><strong>Address:</strong> {{ $mall->address }}</p>
                            <p><strong>Phone:</strong> {{ $mall->phone }}</p>
                            <p><strong>Email:</strong> {{ $mall->email }}</p>
                            @if($mall->website)
                                <p><strong>Website:</strong> <a href="{{ $mall->website }}" target="_blank">{{ $mall->website }}</a></p>
                            @endif
                            <p><strong>Description:</strong> {{ $mall->description }}</p>
                            <p><strong>Owner:</strong> {{ $mall->user->name ?? 'N/A' }}</p>
                            <p><strong>Category:</strong> {{ $mall->getBizspotCategoryPath() ?? 'N/A' }}</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Facilities & Amenities -->
            @if($mall->mallDetail)
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Facilities & Amenities</h6>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <h6 class="font-weight-bold text-success">Core Facilities</h6>
                            <ul class="list-unstyled">
                                @if($mall->mallDetail->food_court)
                                    <li><i class="fas fa-check text-success"></i> Food Court</li>
                                @endif
                                @if($mall->mallDetail->cinema)
                                    <li><i class="fas fa-check text-success"></i> Cinema</li>
                                @endif
                                @if($mall->mallDetail->fitness_center)
                                    <li><i class="fas fa-check text-success"></i> Fitness Center</li>
                                @endif
                                @if($mall->mallDetail->spa_services)
                                    <li><i class="fas fa-check text-success"></i> Spa Services</li>
                                @endif
                                @if($mall->mallDetail->bank_atm)
                                    <li><i class="fas fa-check text-success"></i> Bank/ATM</li>
                                @endif
                                @if($mall->mallDetail->pharmacy)
                                    <li><i class="fas fa-check text-success"></i> Pharmacy</li>
                                @endif
                            </ul>
                        </div>
                        <div class="col-md-6">
                            <h6 class="font-weight-bold text-info">Customer Services</h6>
                            <ul class="list-unstyled">
                                @if($mall->mallDetail->wifi_available)
                                    <li><i class="fas fa-check text-success"></i> WiFi Available</li>
                                @endif
                                @if($mall->mallDetail->customer_service_desk)
                                    <li><i class="fas fa-check text-success"></i> Customer Service Desk</li>
                                @endif
                                @if($mall->mallDetail->wheelchair_accessible)
                                    <li><i class="fas fa-check text-success"></i> Wheelchair Accessible</li>
                                @endif
                                @if($mall->mallDetail->family_restrooms)
                                    <li><i class="fas fa-check text-success"></i> Family Restrooms</li>
                                @endif
                                @if($mall->mallDetail->nursing_room)
                                    <li><i class="fas fa-check text-success"></i> Nursing Room</li>
                                @endif
                                @if($mall->mallDetail->gift_wrapping)
                                    <li><i class="fas fa-check text-success"></i> Gift Wrapping</li>
                                @endif
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            @endif
        </div>

        <!-- Performance & Financial Info -->
        <div class="col-lg-4">
            @if($mall->mallDetail)
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Performance Metrics</h6>
                </div>
                <div class="card-body">
                    <p><strong>Occupancy Rate:</strong> {{ $mall->mallDetail->occupancy_rate ? number_format($mall->mallDetail->occupancy_rate, 1) . '%' : 'N/A' }}</p>
                    <p><strong>Daily Visitors:</strong> {{ $mall->mallDetail->average_daily_visitors ? number_format($mall->mallDetail->average_daily_visitors) : 'N/A' }}</p>
                    @if($mall->mallDetail->peak_season_visitors)
                        <p><strong>Peak Season:</strong> {{ number_format($mall->mallDetail->peak_season_visitors) }}</p>
                    @endif
                    @if($mall->mallDetail->revenue_per_sqft)
                        <p><strong>Revenue/Sq Ft:</strong> ${{ number_format($mall->mallDetail->revenue_per_sqft, 2) }}</p>
                    @endif
                    @if($mall->mallDetail->customer_satisfaction_rating)
                        <p><strong>Satisfaction:</strong> {{ $mall->mallDetail->customer_satisfaction_rating }}/5.0</p>
                    @endif
                </div>
            </div>

            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Parking Information</h6>
                </div>
                <div class="card-body">
                    <p><strong>Total Spaces:</strong> {{ $mall->mallDetail->total_parking_spaces ? number_format($mall->mallDetail->total_parking_spaces) : 'N/A' }}</p>
                    @if($mall->mallDetail->vip_parking_spaces)
                        <p><strong>VIP Spaces:</strong> {{ number_format($mall->mallDetail->vip_parking_spaces) }}</p>
                    @endif
                    <p><strong>Covered Parking:</strong> {{ $mall->mallDetail->covered_parking ? 'Yes' : 'No' }}</p>
                    <p><strong>Valet Parking:</strong> {{ $mall->mallDetail->valet_parking ? 'Yes' : 'No' }}</p>
                    <p><strong>EV Charging:</strong> {{ $mall->mallDetail->electric_vehicle_charging ? 'Yes' : 'No' }}</p>
                </div>
            </div>

            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Financial Information</h6>
                </div>
                <div class="card-body">
                    @if($mall->mallDetail->base_rent_per_sqft)
                        <p><strong>Base Rent:</strong> ${{ number_format($mall->mallDetail->base_rent_per_sqft, 2) }}/sq ft</p>
                    @endif
                    @if($mall->mallDetail->percentage_rent_rate)
                        <p><strong>Percentage Rent:</strong> {{ $mall->mallDetail->percentage_rent_rate }}%</p>
                    @endif
                    @if($mall->mallDetail->common_area_maintenance)
                        <p><strong>CAM Charges:</strong> ${{ number_format($mall->mallDetail->common_area_maintenance, 2) }}/sq ft</p>
                    @endif
                    @if($mall->mallDetail->annual_revenue)
                        <p><strong>Annual Revenue:</strong> ${{ number_format($mall->mallDetail->annual_revenue) }}</p>
                    @endif
                    @if(!$mall->mallDetail->base_rent_per_sqft && !$mall->mallDetail->percentage_rent_rate && !$mall->mallDetail->common_area_maintenance && !$mall->mallDetail->annual_revenue)
                        <p class="text-muted">Financial information not available</p>
                    @endif
                </div>
            </div>
            @else
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Performance & Financial Info</h6>
                </div>
                <div class="card-body">
                    <p class="text-muted">Mall details not available</p>
                </div>
            </div>
            @endif
        </div>
    </div>

    <!-- Recent Stores and Events -->
    <div class="row">
        <div class="col-lg-6">
            <div class="card shadow mb-4">
                <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                    <h6 class="m-0 font-weight-bold text-primary">Recent Stores</h6>
                    <a href="{{ route('admin.malls.stores', $mall) }}" class="btn btn-sm btn-primary">View All</a>
                </div>
                <div class="card-body">
                    @if($mall->mallStores && $mall->mallStores->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-bordered table-hover">
                                <thead>
                                    <tr>
                                        <th>Store Name</th>
                                        <th>Category</th>
                                        <th>Floor</th>
                                        <th>Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($mall->mallStores->take(5) as $store)
                                        <tr>
                                            <td>{{ $store->store_name ?: 'Unit ' . $store->unit_number }}</td>
                                            <td>{{ $store->store_category ? ucfirst(str_replace('_', ' ', $store->store_category)) : 'N/A' }}</td>
                                            <td>{{ $store->floor_number }}</td>
                                            <td>
                                                @php
                                                    $statusColors = [
                                                        'operational' => 'success',
                                                        'coming_soon' => 'warning',
                                                        'temporarily_closed' => 'danger',
                                                        'permanently_closed' => 'secondary'
                                                    ];
                                                    $statusColor = $statusColors[$store->occupancy_status] ?? 'secondary';
                                                @endphp
                                                <span class="badge badge-{{ $statusColor }}">
                                                    {{ ucfirst(str_replace('_', ' ', $store->occupancy_status)) }}
                                                </span>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <p class="text-muted">No stores found.</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="col-lg-6">
            <div class="card shadow mb-4">
                <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                    <h6 class="m-0 font-weight-bold text-primary">Upcoming Events</h6>
                    <a href="{{ route('admin.malls.events', $mall) }}" class="btn btn-sm btn-primary">View All</a>
                </div>
                <div class="card-body">
                    @if($mall->mallEvents && $mall->mallEvents->where('start_datetime', '>', now())->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-bordered table-hover">
                                <thead>
                                    <tr>
                                        <th>Event Name</th>
                                        <th>Date</th>
                                        <th>Location</th>
                                        <th>Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($mall->mallEvents->where('start_datetime', '>', now())->take(5) as $event)
                                        <tr>
                                            <td>{{ $event->event_name }}</td>
                                            <td>{{ \Carbon\Carbon::parse($event->start_datetime)->format('M j, Y') }}</td>
                                            <td>{{ $event->event_location }}</td>
                                            <td>
                                                <span class="badge badge-{{ $event->event_status === 'confirmed' ? 'success' : 'warning' }}">
                                                    {{ ucfirst($event->event_status) }}
                                                </span>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <p class="text-muted">No upcoming events found.</p>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection