@extends('admin.layouts.app')

@section('content')
    <div class="content-wrapper">

        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0 text-center">Dashboard</h1>
                    </div>
                </div>
            </div>
        </div>

        {{-- <h1 class="m-0 text-center"><strong>Dashboard</strong></h1> --}}

        <section class="content">
            <div class="container-fluid">
                <div class="row">

                    {{-- <div class="card bg-gradient-info">
                        <div class="card-header border-0">
                            <h3 class="card-title">
                                <i class="fas fa-th mr-1"></i>
                                USER-MODULE
                            </h3>
                            <div class="card-tools">
                                <button type="button" class="btn bg-info btn-sm" data-card-widget="collapse">
                                    <i class="fas fa-minus"></i>
                                </button>
                            </div>
                        </div>
                        <div class="card-footer bg-transparent">
                            <div class="row">
                                <div class="col-6 text-center">
                                    <div class="text-white">ROLE</div>
                                </div>
                            </div>
                        </div>
                    </div> --}}

                    {{-- Indian Panorama --}}
                    <div class="col-lg-4 col-4">
                        <div class="small-box bg-info">
                            <div class="inner">
                                <h3 class="text-center">INDIAN-PANORAMA</h3>
                            </div>
                            <a href="{{ route('indian-panoramas.index') }}" class="small-box-footer">
                                More info<i class="fas fa-arrow-circle-right"></i>
                            </a>
                        </div>
                    </div>

                    {{-- Festival Venue --}}
                    <div class="col-lg-4 col-4">
                        <div class="small-box bg-success">
                            <div class="inner">
                                <h3 class="text-center">FESTIVAL VENUE</h3>
                            </div>
                            <a href="{{ route('festival-venues.index') }}" class="small-box-footer">
                                More info<i class="fas fa-arrow-circle-right"></i>
                            </a>
                        </div>
                    </div>

                    {{-- Latest Update --}}
                    <div class="col-lg-4 col-4">
                        <div class="small-box bg-primary">
                            <div class="inner">
                                <h3 class="text-center">LATEST-UPDATE</h3>
                            </div>
                            <a href="{{ route('latest-updates.index') }}" class="small-box-footer">
                                More info<i class="fas fa-arrow-circle-right"></i>
                            </a>
                        </div>
                    </div>

                    {{-- Repository --}}
                    <div class="col-lg-4 col-4">
                        <div class="small-box bg-info">
                            <div class="inner">
                                <h3 class="text-center">REPOSITORY</h3>
                            </div>
                            <a href="{{ route('repositories.index') }}" class="small-box-footer">
                                More info<i class="fas fa-arrow-circle-right"></i>
                            </a>
                        </div>
                    </div>

                    {{-- Jury Details --}}
                    <div class="col-lg-4 col-4">
                        <div class="small-box bg-success">
                            <div class="inner">
                                <h3 class="text-center">JURY-DETAILS</h3>
                            </div>
                            <a href="{{ route('jury-details.index') }}" class="small-box-footer">
                                More info<i class="fas fa-arrow-circle-right"></i>
                            </a>
                        </div>
                    </div>

                    {{-- Highligth --}}
                    <div class="col-lg-4 col-4">
                        <div class="small-box bg-primary">
                            <div class="inner">
                                <h3 class="text-center">HIGHLIGHT</h3>
                            </div>
                            <a href="{{ route('highlights.index') }}" class="small-box-footer">
                                More info<i class="fas fa-arrow-circle-right"></i>
                            </a>
                        </div>
                    </div>

                    {{-- Tickers --}}
                    <div class="col-lg-4 col-4">
                        <div class="small-box bg-info">
                            <div class="inner">
                                <h3 class="text-center">TICKER</h3>
                            </div>
                            <a href="{{ route('tickers.index') }}" class="small-box-footer">
                                More info<i class="fas fa-arrow-circle-right"></i>
                            </a>
                        </div>
                    </div>                    

                    {{-- Cube --}}
                    <div class="col-lg-4 col-4">
                        <div class="small-box bg-success">
                            <div class="inner">
                                <h3 class="text-center">CUBE</h3>
                            </div>
                            <a href="{{ route('cubes.index') }}" class="small-box-footer">
                                More info<i class="fas fa-arrow-circle-right"></i>
                            </a>
                        </div>
                    </div>

                    {{-- Popup --}}
                    <div class="col-lg-4 col-4">
                        <div class="small-box bg-primary">
                            <div class="inner">
                                <h3 class="text-center">POPUP</h3>
                            </div>
                            <a href="{{ route('popups.index') }}" class="small-box-footer">
                                More info<i class="fas fa-arrow-circle-right"></i>
                            </a>
                        </div>
                    </div>                    

                    {{-- Press Release --}}
                    <div class="col-lg-4 col-4">
                        <div class="small-box bg-warning">
                            <div class="inner">
                                <h3 class="text-center">PRESS-RELEASE</h3>
                            </div>
                            <a href="{{ route('press-releases.index') }}" class="small-box-footer">
                                More info<i class="fas fa-arrow-circle-right"></i>
                            </a>
                        </div>
                    </div>

                    {{-- Peacock --}}
                    <div class="col-lg-4 col-4">
                        <div class="small-box bg-secondary">
                            <div class="inner">
                                <h3 class="text-center">PEACOCK</h3>
                            </div>
                            <a href="{{ route('peacocks.index') }}" class="small-box-footer">
                                More info<i class="fas fa-arrow-circle-right"></i>
                            </a>
                        </div>
                    </div>

                    {{-- News Update --}}
                    <div class="col-lg-4 col-4">
                        <div class="small-box bg-secondary">
                            <div class="inner">
                                <h3 class="text-center">NEWS UPDATE</h3>
                            </div>
                            <a href="{{ route('news-updates.index') }}" class="small-box-footer">
                                More info<i class="fas fa-arrow-circle-right"></i>
                            </a>
                        </div>
                    </div>

                    {{-- Gallery --}}
                    <div class="col-lg-4 col-4">
                        <div class="small-box bg-warning">
                            <div class="inner">
                                <h3 class="text-center">GALLERY</h3>
                            </div>
                            <a href="{{ route('galleries.index') }}" class="small-box-footer">
                                More info<i class="fas fa-arrow-circle-right"></i>
                            </a>
                        </div>
                    </div>

                </div>
            </div>
        </section>
    </div>
@endsection