@extends('frontend.master')
@section('right')
    <div id="carouselExampleDark" class="carousel carousel-dark slide" data-bs-ride="carousel">
        <div class="carousel-inner">
            @foreach($sliders as $key => $item)
                <div class="carousel-item {{ $key == 0 ? 'active' : '' }}" data-bs-interval="10000">
                    <img src="{{ $item->file }}" class="d-block w-100" alt="...">
                </div>
            @endforeach
        </div>
    </div>


    <!--================ home_services ==============-->
    <div class="home_services">
        <div class="row" style="justify-content: center;">
            <nav class="navbar navbar-expand-sm navbar-expand-lg">
                <div class="container-fluid">
                    <div class="navbar-collapse services_navber">
                        <ul class="navbar-nav">
                            <li class="nav-item" id="services_btn1">
                                <a class="nav-link services_btn1 active">প্রশাসনিক </a>
                            </li>
                            <li class="nav-item" id="services_btn2">
                                <a class="nav-link services_btn2 services_nav">রাজস্ব বিভাগ </a>
                            </li>
                            <li class="nav-item" id="services_btn3">
                                <a class="nav-link services_btn3 services_nav">যাচাই </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>

            <!--================ home_services services1 ==============-->
            <div class="row row-cols-sm-2 row-cols-md-5 g-4" id="services1">
                <div class="col">
                    <a href="{{ route('citizen-portal.login') }}">
                        <div class="card services_box h-100">
                            <img src="{{ asset('/') }}frontend/img/icon/nagorik.png" class="card-img-top" alt="...">
                            <div class="card-body">
                                <h4 class="card-title">নাগরিক আবেদন</h4>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col">
                    <a href="{{ route('character-certificate') }}">
                        <div class="card services_box h-100">
                            <img src="{{ asset('/') }}frontend/img/icon/character certificate.png" class="card-img-top" alt="...">
                            <div class="card-body">
                                <h4 class="card-title">চারিত্রিক সনদ</h4>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col">
                    <a href="{{ route('identityCard') }}">
                        <div class="card services_box h-100">
                            <img src="{{ asset('/') }}frontend/img/icon/poricoy-potro.png" class="card-img-top" alt="...">
                            <div class="card-body">
                                <h4 class="card-title">নাগরিকত্ব/পরিচয় পত্র</h4>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col">
                    <a href="{{ route('successor_apps') }}">
                        <div class="card services_box h-100">
                            <img src="{{ asset('/') }}frontend/img/icon/owaris.png" class="card-img-top" alt="...">
                            <div class="card-body">
                                <h4 class="card-title">ওয়ারিশ সনদ</h4>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col">
                    <a href="{{ route('unmarried-certificate') }}">
                        <div class="card services_box h-100">
                            <img src="{{ asset('/') }}frontend/img/icon/unmarrage.png" class="card-img-top" alt="...">
                            <div class="card-body">
                                <h4 class="card-title">অবিবাহিত সনদ</h4>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col">
                    <a href="{{ route('landless-certificate') }}">
                        <div class="card services_box h-100">
                            <img src="{{ asset('/') }}frontend/img/icon/akenamercertificate.png" class="card-img-top" alt="...">
                            <div class="card-body">
                                <h4 class="card-title">ভূমিহীন সনদ</h4>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col">
                    <a href="{{ route('impaired-certificate') }}">
                        <div class="card services_box h-100">
                            <img src="{{ asset('/') }}frontend/img/icon/potibondi.png" class="card-img-top" alt="...">
                            <div class="card-body">
                                <h4 class="card-title">প্রকৃত বাঁক ও শ্রবণ প্রতিবন্ধী সনদ</h4>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col">
                    <a href="{{ route('succession-certificate') }}">
                        <div class="card services_box h-100">
                            <img src="{{ asset('/') }}frontend/img/icon/votar id.png" class="card-img-top" alt="...">
                            <div class="card-body">
                                <h4 class="card-title">উত্তরাধিকার সনদ</h4>
                            </div>
                        </div>
                    </a>
                </div>
{{--                <div class="col">--}}
{{--                    <a href="{{ route('family-certificate')}}">--}}
{{--                        <div class="card services_box h-100">--}}
{{--                            <img src="{{ asset('/') }}frontend/img/icon/nagorik.png" class="card-img-top" alt="...">--}}
{{--                            <div class="card-body">--}}
{{--                                <h4 class="card-title">পারিবারিক সনদ</h4>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </a>--}}
{{--                </div>--}}
                <div class="col">
                    <a href="javascript:void(0);">
                        <div class="card services_box h-100">
                            <img src="{{ asset('/') }}frontend/img/icon/nagorik.png" class="card-img-top" alt="...">
                            <div class="card-body">
                                <h4 class="card-title">পারিবারিক সনদ</h4>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col">
                    <a href="{{ route('imarotShimanaBibidoNirman') }}">
                        <div class="card services_box h-100">
                            <img src="{{ asset('/') }}frontend/img/icon/yearly income.png" class="card-img-top" alt="...">
                            <div class="card-body">
                                <h4 class="card-title">ইমারত নির্মাণ/পূণঃ নির্মাণ আবেদন পত্র</h4>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col">
                    <a href="{{ route('download') }}">
                        <div class="card services_box h-100">
                            <img src="{{ asset('/') }}frontend/img/icon/obivabok.png" class="card-img-top" alt="...">
                            <div class="card-body">
                                <h4 class="card-title">ডাউনলোড</h4>
                            </div>
                        </div>
                    </a>
                </div>
            </div>

            <!--================ home_services services2 ==============-->
            <div class="row row-cols-1 row-cols-sm-3 row-cols-md-5 g-4 remove" id="services2">
                <div class="col">
                    <a href="{{ route('trade_license_apps') }}">
                        <div class="card services_box h-100">
                            <img src="{{ asset('/') }}frontend/img/icon/theatre licence.jpg" class="card-img-top" alt="...">
                            <div class="card-body">
                                <h4 class="card-title">ট্রেড লাইসেন্স আবেদন</h4>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col">
                    <a href="{{ route('renewal') }}">
                        <div class="card services_box h-100">
                            <img src="{{ asset('/') }}frontend/img/icon/theatrd.jpg" class="card-img-top" alt="...">
                            <div class="card-body">
                                <h4 class="card-title">ট্রেড লাইসেন্স নবায়ন</h4>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col">
                    <a href="{{ route('holding-tax') }}">
                        <div class="card services_box h-100">
                            <img src="{{ asset('/') }}frontend/img/icon/holding1.png" class="card-img-top" alt="...">
                            <div class="card-body">
                                <h4 class="card-title">হোল্ডিং ট্যাক্স</h4>
                            </div>
                        </div>
                    </a>
                </div>
            </div>

            <!--================ home_services services3 ==============-->
            <div class="row row-cols-1 row-cols-sm-3 row-cols-md-5 g-4 remove" id="services3">
                <div class="col">
                    <a href="{{ route('verify') }}">
                        <div class="card services_box h-100">
                            <img src="{{ asset('/') }}frontend/img/icon/jacai.png" class="card-img-top" alt="...">
                            <div class="card-body">
                                <h4 class="card-title">সকল আবেদন যাচাই করুন</h4>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col">
                    <a href="{{ route('download') }}">
                        <div class="card services_box h-100">
                            <img src="{{ asset('/') }}frontend/img/icon/obivabok.png" class="card-img-top" alt="...">
                            <div class="card-body">
                                <h4 class="card-title">ডাউনলোড</h4>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
@endsection