@extends('layouts.admin')

@section('title', $market->name . ' - Market Details')

@section('content')
<div class="container-fluid">
    <div class="page-header">
        <div class="row align-items-center">
            <div class="col">
                <h3 class="page-title">{{ $market->name }}</h3>
                <ul class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('admin.markets.index') }}">Markets</a></li>
                    <li class="breadcrumb-item active">{{ $market->name }}</li>
                </ul>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">Market Overview</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <p><strong>Type:</strong> {{ ucfirst($market->market_type ?? 'N/A') }}</p>
                            <p><strong>Address:</strong> {{ $market->address ?? 'N/A' }}</p>
                            <p><strong>Phone:</strong> {{ $market->phone ?? 'N/A' }}</p>
                            <p><strong>Email:</strong> {{ $market->email ?? 'N/A' }}</p>
                        </div>
                        <div class="col-md-6">
                            <p><strong>Total Stalls:</strong> {{ $market->number_of_stalls ?? 0 }}</p>
                            <p><strong>Created:</strong> {{ $market->created_at->format('M d, Y') }}</p>
                        </div>
                    </div>
                    
                    @if($market->description)
                    <div class="mt-3">
                        <h6>Description:</h6>
                        <p>{{ $market->description }}</p>
                    </div>
                    @endif
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card">
                <div class="card-body">
                    <h6>Statistics</h6>
                    <p>Total Stalls: {{ $stats['total_stalls'] }}</p>
                    <p>Occupied Stalls: {{ $stats['occupied_stalls'] }}</p>
                    <p>Active Vendors: {{ $stats['active_vendors'] }}</p>
                    <p>Monthly Revenue: ${{ number_format($stats['monthly_revenue'], 2) }}</p>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">Quick Actions</h5>
                </div>
                <div class="card-body">
                    <a href="{{ route('admin.markets.stalls', $market) }}" class="btn btn-primary">Manage Stalls</a>
                    <a href="{{ route('admin.markets.vendors', $market) }}" class="btn btn-success">Manage Vendors</a>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
    $(document).ready(function() {
        // Add any JavaScript functionality here
    });
</script>
@endpush