@extends('layouts.admin')

@section('title', 'Shop Details - ' . $shop->name)

@section('content')
<!-- Page Header -->
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-2">
                <li class="breadcrumb-item"><a href="{{ route('admin.shops.index') }}">Shops</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ $shop->name }}</li>
            </ol>
        </nav>
        <h1 class="h3 mb-1 text-gray-800 font-weight-bold">{{ $shop->name }}</h1>
        <p class="text-muted mb-0">{{ $shop->shopDetail->shop_type ? ucfirst(str_replace('_', ' ', $shop->shopDetail->shop_type)) : 'Shop' }} • {{ $shop->getBizspotCategoryPath() ?? 'Uncategorized' }}</p>
    </div>
    <div class="d-flex gap-2">
        <a href="{{ route('admin.shops.edit', $shop) }}" class="btn btn-outline-primary">
            <i class="bi bi-pencil me-1"></i>
            Edit Shop
        </a>
        <a href="{{ route('admin.shops.index') }}" class="btn btn-outline-secondary">
            <i class="bi bi-arrow-left me-1"></i>
            Back to List
        </a>
    </div>
</div>

<!-- Shop Status -->
<div class="row mb-4">
    <div class="col-12">
        <div class="card border-0 shadow-sm">
            <div class="card-body py-3">
                <div class="row align-items-center">
                    <div class="col-md-8">
                        <div class="d-flex align-items-center">
                            <div class="me-3">
                                @if($shop->shopDetail->business_model)
                                    <span class="badge bg-primary me-2">{{ ucfirst(str_replace('_', ' ', $shop->shopDetail->business_model)) }}</span>
                                @endif
                                @if($shop->shopDetail->appointment_required)
                                    <span class="badge bg-info me-2">Appointment Required</span>
                                @endif
                                @if($shop->shopDetail->walk_ins_accepted)
                                    <span class="badge bg-success me-2">Walk-ins Welcome</span>
                                @endif
                                @if($shop->shopDetail->online_ordering)
                                    <span class="badge bg-warning me-2">Online Ordering</span>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 text-md-end">
                        @if($shop->shopDetail->opening_time && $shop->shopDetail->closing_time)
                            <small class="text-muted">
                                <i class="bi bi-clock me-1"></i>
                                {{ $shop->shopDetail->opening_time }} - {{ $shop->shopDetail->closing_time }}
                            </small>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Statistics Cards -->
<div class="row mb-4">
    <div class="col-md-3">
        <div class="card border-0 shadow-sm text-center">
            <div class="card-body">
                <div class="text-primary mb-2">
                    <i class="bi bi-box-seam" style="font-size: 2rem;"></i>
                </div>
                <h4 class="mb-1">{{ $productStats['total'] }}</h4>
                <p class="text-muted mb-0">Total Products</p>
                <small class="text-success">{{ $productStats['active'] }} active</small>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card border-0 shadow-sm text-center">
            <div class="card-body">
                <div class="text-info mb-2">
                    <i class="bi bi-tools" style="font-size: 2rem;"></i>
                </div>
                <h4 class="mb-1">{{ $serviceStats['total'] }}</h4>
                <p class="text-muted mb-0">Total Services</p>
                <small class="text-success">{{ $serviceStats['active'] }} active</small>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card border-0 shadow-sm text-center">
            <div class="card-body">
                <div class="text-warning mb-2">
                    <i class="bi bi-calendar-check" style="font-size: 2rem;"></i>
                </div>
                <h4 class="mb-1">{{ $bookingStats['total'] }}</h4>
                <p class="text-muted mb-0">Total Bookings</p>
                <small class="text-info">{{ $bookingStats['today'] }} today</small>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card border-0 shadow-sm text-center">
            <div class="card-body">
                <div class="text-success mb-2">
                    <i class="bi bi-currency-dollar" style="font-size: 2rem;"></i>
                </div>
                <h4 class="mb-1">${{ number_format($bookingStats['revenue_this_month'], 2) }}</h4>
                <p class="text-muted mb-0">Monthly Revenue</p>
                <small class="text-success">{{ $bookingStats['completed'] }} completed</small>
            </div>
        </div>
    </div>
</div>

<!-- Quick Actions -->
<div class="row mb-4">
    <div class="col-12">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-white border-0">
                <h5 class="card-title mb-0 fw-bold">Quick Actions</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3 mb-3">
                        <a href="{{ route('admin.shops.products', $shop) }}" class="btn btn-outline-primary w-100 py-3">
                            <i class="bi bi-box-seam d-block mb-2" style="font-size: 1.5rem;"></i>
                            Manage Products
                            <small class="d-block text-muted">{{ $productStats['total'] }} items</small>
                        </a>
                    </div>
                    <div class="col-md-3 mb-3">
                        <a href="{{ route('admin.shops.services', $shop) }}" class="btn btn-outline-info w-100 py-3">
                            <i class="bi bi-tools d-block mb-2" style="font-size: 1.5rem;"></i>
                            Manage Services
                            <small class="d-block text-muted">{{ $serviceStats['total'] }} services</small>
                        </a>
                    </div>
                    <div class="col-md-3 mb-3">
                        <a href="{{ route('admin.shops.bookings', $shop) }}" class="btn btn-outline-warning w-100 py-3">
                            <i class="bi bi-calendar-check d-block mb-2" style="font-size: 1.5rem;"></i>
                            Manage Bookings
                            <small class="d-block text-muted">{{ $bookingStats['upcoming'] }} upcoming</small>
                        </a>
                    </div>
                    <div class="col-md-3 mb-3">
                        <a href="{{ route('admin.shops.edit', $shop) }}" class="btn btn-outline-secondary w-100 py-3">
                            <i class="bi bi-gear d-block mb-2" style="font-size: 1.5rem;"></i>
                            Shop Settings
                            <small class="d-block text-muted">Edit details</small>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Shop Information -->
<div class="row">
    <div class="col-lg-8">
        <!-- Basic Information -->
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-white border-0">
                <h5 class="card-title mb-0 fw-bold">Basic Information</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label class="form-label text-muted small">Shop Name</label>
                            <p class="mb-0 fw-bold">{{ $shop->name }}</p>
                        </div>
                        <div class="mb-3">
                            <label class="form-label text-muted small">Email</label>
                            <p class="mb-0">
                                <a href="mailto:{{ $shop->email }}" class="text-decoration-none">{{ $shop->email }}</a>
                            </p>
                        </div>
                        <div class="mb-3">
                            <label class="form-label text-muted small">Phone</label>
                            <p class="mb-0">
                                <a href="tel:{{ $shop->phone }}" class="text-decoration-none">{{ $shop->phone }}</a>
                            </p>
                        </div>
                        @if($shop->website)
                            <div class="mb-3">
                                <label class="form-label text-muted small">Website</label>
                                <p class="mb-0">
                                    <a href="{{ $shop->website }}" target="_blank" class="text-decoration-none">
                                        {{ $shop->website }}
                                        <i class="bi bi-box-arrow-up-right ms-1"></i>
                                    </a>
                                </p>
                            </div>
                        @endif
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label class="form-label text-muted small">Category</label>
                            <p class="mb-0">{{ $shop->getBizspotCategoryPath() ?? 'Uncategorized' }}</p>
                        </div>
                        <div class="mb-3">
                            <label class="form-label text-muted small">Shop Owner/Manager</label>
                            <p class="mb-0">{{ $shop->user->name ?? 'N/A' }}</p>
                        </div>
                        <div class="mb-3">
                            <label class="form-label text-muted small">Address</label>
                            <p class="mb-0">{{ $shop->address }}</p>
                        </div>
                    </div>
                </div>
                
                @if($shop->description)
                    <hr>
                    <div class="mb-0">
                        <label class="form-label text-muted small">Description</label>
                        <p class="mb-0">{{ $shop->description }}</p>
                    </div>
                @endif
            </div>
        </div>

        <!-- Shop Details -->
        @if($shop->shopDetail)
            <div class="card border-0 shadow-sm mb-4">
                <div class="card-header bg-white border-0">
                    <h5 class="card-title mb-0 fw-bold">Shop Details</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            @if($shop->shopDetail->shop_area_sqft)
                                <div class="mb-3">
                                    <label class="form-label text-muted small">Shop Area</label>
                                    <p class="mb-0">{{ number_format($shop->shopDetail->shop_area_sqft) }} sq ft</p>
                                </div>
                            @endif
                            @if($shop->shopDetail->staff_count)
                                <div class="mb-3">
                                    <label class="form-label text-muted small">Staff Count</label>
                                    <p class="mb-0">{{ $shop->shopDetail->staff_count }} employees</p>
                                </div>
                            @endif
                            @if($shop->shopDetail->specializations)
                                <div class="mb-3">
                                    <label class="form-label text-muted small">Specializations</label>
                                    <p class="mb-0">{{ $shop->shopDetail->specializations }}</p>
                                </div>
                            @endif
                        </div>
                        <div class="col-md-6">
                            @if($shop->shopDetail->operating_days)
                                <div class="mb-3">
                                    <label class="form-label text-muted small">Operating Days</label>
                                    <p class="mb-0">
                                        @php
                                            $days = json_decode($shop->shopDetail->operating_days, true) ?? [];
                                        @endphp
                                        {{ implode(', ', array_map('ucfirst', $days)) }}
                                    </p>
                                </div>
                            @endif
                            @if($shop->shopDetail->payment_methods)
                                <div class="mb-3">
                                    <label class="form-label text-muted small">Payment Methods</label>
                                    <p class="mb-0">
                                        @php
                                            $methods = json_decode($shop->shopDetail->payment_methods, true) ?? [];
                                        @endphp
                                        {{ implode(', ', array_map(function($method) {
                                            return ucfirst(str_replace('_', ' ', $method));
                                        }, $methods)) }}
                                    </p>
                                </div>
                            @endif
                        </div>
                    </div>

                    @if($shop->shopDetail->description)
                        <hr>
                        <div class="mb-0">
                            <label class="form-label text-muted small">Additional Information</label>
                            <p class="mb-0">{{ $shop->shopDetail->description }}</p>
                        </div>
                    @endif
                </div>
            </div>
        @endif

        <!-- Manager Information -->
        @if($shop->shopDetail && ($shop->shopDetail->shop_manager_name || $shop->shopDetail->shop_manager_phone || $shop->shopDetail->shop_manager_email))
            <div class="card border-0 shadow-sm">
                <div class="card-header bg-white border-0">
                    <h5 class="card-title mb-0 fw-bold">Manager Information</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        @if($shop->shopDetail->shop_manager_name)
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label class="form-label text-muted small">Manager Name</label>
                                    <p class="mb-0">{{ $shop->shopDetail->shop_manager_name }}</p>
                                </div>
                            </div>
                        @endif
                        @if($shop->shopDetail->shop_manager_phone)
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label class="form-label text-muted small">Manager Phone</label>
                                    <p class="mb-0">
                                        <a href="tel:{{ $shop->shopDetail->shop_manager_phone }}" class="text-decoration-none">
                                            {{ $shop->shopDetail->shop_manager_phone }}
                                        </a>
                                    </p>
                                </div>
                            </div>
                        @endif
                        @if($shop->shopDetail->shop_manager_email)
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label class="form-label text-muted small">Manager Email</label>
                                    <p class="mb-0">
                                        <a href="mailto:{{ $shop->shopDetail->shop_manager_email }}" class="text-decoration-none">
                                            {{ $shop->shopDetail->shop_manager_email }}
                                        </a>
                                    </p>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        @endif
    </div>

    <div class="col-lg-4">
        <!-- Recent Activity -->
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-white border-0">
                <h5 class="card-title mb-0 fw-bold">Recent Activity</h5>
            </div>
            <div class="card-body">
                <div class="activity-feed">
                    <div class="activity-item d-flex mb-3">
                        <div class="activity-icon bg-primary text-white rounded-circle me-3 d-flex align-items-center justify-content-center" style="width: 35px; height: 35px;">
                            <i class="bi bi-calendar-check" style="font-size: 0.8rem;"></i>
                        </div>
                        <div class="flex-grow-1">
                            <p class="mb-1 small">{{ $bookingStats['today'] }} bookings today</p>
                            <small class="text-muted">{{ now()->format('M d, Y') }}</small>
                        </div>
                    </div>
                    <div class="activity-item d-flex mb-3">
                        <div class="activity-icon bg-info text-white rounded-circle me-3 d-flex align-items-center justify-content-center" style="width: 35px; height: 35px;">
                            <i class="bi bi-box-seam" style="font-size: 0.8rem;"></i>
                        </div>
                        <div class="flex-grow-1">
                            <p class="mb-1 small">{{ $productStats['in_stock'] }} products in stock</p>
                            @if($productStats['low_stock'] > 0)
                                <small class="text-warning">{{ $productStats['low_stock'] }} low stock items</small>
                            @else
                                <small class="text-success">All products well stocked</small>
                            @endif
                        </div>
                    </div>
                    <div class="activity-item d-flex">
                        <div class="activity-icon bg-success text-white rounded-circle me-3 d-flex align-items-center justify-content-center" style="width: 35px; height: 35px;">
                            <i class="bi bi-currency-dollar" style="font-size: 0.8rem;"></i>
                        </div>
                        <div class="flex-grow-1">
                            <p class="mb-1 small">Monthly revenue</p>
                            <small class="text-success">${{ number_format($bookingStats['revenue_this_month'], 2) }}</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Shop Features -->
        @if($shop->shopDetail)
            <div class="card border-0 shadow-sm">
                <div class="card-header bg-white border-0">
                    <h5 class="card-title mb-0 fw-bold">Shop Features</h5>
                </div>
                <div class="card-body">
                    <div class="features-list">
                        @if($shop->shopDetail->appointment_required)
                            <div class="d-flex align-items-center mb-2">
                                <i class="bi bi-check-circle text-success me-2"></i>
                                <span class="small">Appointment Required</span>
                            </div>
                        @endif
                        @if($shop->shopDetail->walk_ins_accepted)
                            <div class="d-flex align-items-center mb-2">
                                <i class="bi bi-check-circle text-success me-2"></i>
                                <span class="small">Walk-ins Accepted</span>
                            </div>
                        @endif
                        @if($shop->shopDetail->online_ordering)
                            <div class="d-flex align-items-center mb-2">
                                <i class="bi bi-check-circle text-success me-2"></i>
                                <span class="small">Online Ordering</span>
                            </div>
                        @endif
                        @if($shop->shopDetail->delivery_available)
                            <div class="d-flex align-items-center mb-2">
                                <i class="bi bi-check-circle text-success me-2"></i>
                                <span class="small">Delivery Available</span>
                            </div>
                        @endif
                        @if($shop->shopDetail->pickup_available)
                            <div class="d-flex align-items-center mb-2">
                                <i class="bi bi-check-circle text-success me-2"></i>
                                <span class="small">Pickup Available</span>
                            </div>
                        @endif
                        @if($shop->shopDetail->loyalty_program)
                            <div class="d-flex align-items-center mb-2">
                                <i class="bi bi-check-circle text-success me-2"></i>
                                <span class="small">Loyalty Program</span>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        @endif
    </div>
</div>

@endsection

@section('scripts')
<script>
// Add any specific JavaScript for this page
</script>
@endsection