@extends('frontend.layout.app')

@section('title', 'UCN News | News Detail Title Here')

@section('content')
    <div class="row g-4">
        <div class="col-lg-8">
            <div class="card border-0 shadow-sm p-4">
                <nav aria-label="breadcrumb" class="mb-3">
                    <ol class="breadcrumb small">
                        <li class="breadcrumb-item"><a href="/" class="text-danger text-decoration-none">Home</a></li>
                        <li class="breadcrumb-item"><a href="#" class="text-danger text-decoration-none">Nagpur</a></li>
                        <li class="breadcrumb-item active">Crime</li>
                    </ol>
                </nav>

                <h1 class="fw-bold mb-3" style="font-family: 'Noto Sans', sans-serif;">नागपुर में बड़ी कार्रवाई: पुलिस ने
                    नशे के अवैध कारोबार का किया भंडाफोड़</h1>

                <div class="d-flex align-items-center text-muted small border-bottom border-top py-3 mb-4">
                    <img src="https://via.placeholder.com/40" class="rounded-circle me-2" alt="UCN User">
                    <div class="me-auto">
                        <strong>By UCN Desk</strong><br>
                        <span>Published: April 18, 2026 | 04:30 PM IST</span>
                    </div>
                    <div class="social-share">
                        <a href="#" class="text-success mx-2 fs-4"><i class="bi bi-whatsapp"></i></a>
                        <a href="#" class="text-primary mx-2 fs-4"><i class="bi bi-facebook"></i></a>
                        <a href="#" class="text-dark mx-2 fs-4"><i class="bi bi-share-fill"></i></a>
                    </div>
                </div>

                <figure class="mb-4">
                    <img src="https://images.unsplash.com/photo-1541872703-74c5e443d1f5?q=80&w=1000"
                        class="img-fluid rounded w-100" alt="News Image">
                    <figcaption class="text-muted small mt-2">फाइल फोटो: नागपुर पुलिस की रेड के दौरान जब्त किया गया सामान।
                    </figcaption>
                </figure>

                <div class="news-content" style="font-size: 1.15rem; line-height: 1.9; color: #222;">
                    <p><strong>नागपुर:</strong> शहर के जरीपटका इलाके में पुलिस ने गुप्त सूचना के आधार पर छापेमारी करते हुए
                        नशे के एक बड़े रैकेट का पर्दाफाश किया है। इस कार्रवाई में भारी मात्रा में नशीला पदार्थ बरामद किया
                        गया है जिसकी कीमत लाखों में बताई जा रही है।</p>

                    <p>पुलिस कमिश्नर के आदेश पर शुरू किए गए 'क्लीन नागपुर' अभियान के तहत यह अब तक की सबसे बड़ी कार्रवाई मानी
                        जा रही है। सूत्रों के अनुसार, इस धंधे में शामिल तीन आरोपियों को हिरासत में लिया गया है जिनसे फिलहाल
                        पूछताछ जारी है।</p>
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            <div class="card border-0 shadow-sm p-3 sticky-top" style="top: 80px;">
                <h5 class="fw-bold text-danger border-bottom pb-2 mb-3">ताजा खबरें (Related)</h5>
                @for ($i = 1; $i <= 4; $i++)
                    <div class="d-flex mb-3 align-items-center">
                        <img src="https://via.placeholder.com/100x70" class="rounded me-3"
                            style="width: 80px; height: 60px; object-fit: cover;">
                        <h6 class="small fw-bold mb-0">
                            <a href="#" class="text-dark text-decoration-none">नागपुर में मौसम का बदला मिजाज, कल हो सकती है
                                बारिश...</a>
                        </h6>
                    </div>
                @endfor
            </div>
        </div>
    </div>
@endsection