@extends('citizen-portal.master')
@section('title')
    ড্যাশবোর্ড
@endsection
@section('body')
    @if($user->citizen_connected == 1)
        <div class="info-bar">
            <div class="info-bar-greeting"><strong>স্বাগতম, এডমিন!</strong></div>
            <div class="info-bar-datetime" id="datetime-display"></div>
        </div>
        <div class="slider-container">
            <div class="slider-wrapper">
                <div class="slide"><img src="https://smartnagorik.com.bd/template/assets/images/backgrounds/landing_page_bg.png" alt="Banner 3"></div>
                <div class="slide"><img src="https://baraigrampaurashava.com/storage/slider/baraigram%20banner.png-1748143949.webp" alt="Banner 1"></div>
                <div class="slide"><img src="https://baraigrampaurashava.com/storage/slider/bpbanner.png-1677930530.webp" alt="Banner 2"></div>
                <div class="slide"><img src="https://baraigrampaurashava.com/storage/slider/boishakh%20bp.png-1744562353.webp" alt="Banner 3"></div>
            </div>
            <div class="slider-indicators" id="slider-indicators"></div>
        </div>
        <div class="cards-container">
            <div class="card"><a href="#"><i class="fas fa-user-friends card-icon" style="color: #3498db;"></i><h3>নাগরিক আবেদন</h3></a></div>
            <div class="card"><a href="#"><i class="fas fa-id-card card-icon" style="color: #2ecc71;"></i><h3>নাগরিক সনদ</h3></a></div>
            <div class="card"><a href="#"><i class="fas fa-users card-icon" style="color: #e74c3c;"></i><h3>ওয়ারিশ সনদ</h3></a></div>
            <div class="card"><a href="#"><i class="fas fa-store card-icon" style="color: #f39c12;"></i><h3>ট্রেড লাইসেন্স</h3></a></div>
            <div class="card"><a href="#"><i class="fas fa-home card-icon" style="color: #9b59b6;"></i><h3>হোল্ডিং ট্যাক্স</h3></a></div>
            <div class="card"><a href="#"><i class="fas fa-water card-icon" style="color: #1abc9c;"></i><h3>পানির বিল</h3></a></div>
        </div>
    @else
        <main class="main-centered">
            <div class="alert-container">
                <div class="alert-icon"><i class="fas fa-user-edit"></i></div>
                <h1 class="alert-heading">আপনার প্রোফাইলটি অসম্পূর্ণ রয়েছে</h1>
                <p class="alert-text">
                    আমাদের পোর্টালে নাগরিক সেবা পেতে আপনার প্রোফাইল সম্পূর্ণ করতে হবে অন্যথায় নাগরিক সেবা নিতে পারবেন না। <br> নিচের বাটনে ক্লিক করে আপনার প্রোফাইল সম্পূর্ণ করুন।
                </p>
                <a href="{{ route('citizen-portal.citizen_reg_info') }}" class="action-button">
                    <i class="fas fa-arrow-right"></i> প্রোফাইল সম্পূর্ণ করুন
                </a>
            </div>
        </main>
    @endif

@endsection