@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="d-flex justify-content-between align-items-center mb-3">
            <h1 class="mb-0">Admin Dashboard</h1>
            <a href="/" class="btn btn-dark">
                Go back home
            </a>
        </div>
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-body">

                {{-- ================= PROFILE HEADER ================= --}}
                <div class="row align-items-center">

                    {{-- Admin Photo --}}
                    <div class="col-md-2 text-center">
                        <img src="{{ auth()->user()->avatar ? asset('storage/' . auth()->user()->avatar) : asset('images/default-avatar.png') }}"
                            class="rounded-circle shadow" width="110" height="110"
                            style="object-fit:cover;border:4px solid #f1f3f5;">
                    </div>

                    {{-- Admin Info --}}
                    <div class="col-md-6">
                        <h4 class="fw-bold mb-1">
                            {{ auth()->user()->name }}
                        </h4>

                        <p class="text-muted mb-1">
                            {{ auth()->user()->email }}
                        </p>

                        <span class="badge bg-success px-3 py-2">
                            {{ strtoupper(auth()->user()->role) }}
                        </span>
                    </div>

                    {{-- Upload Photo --}}
                    <div class="col-md-4">

                        <form action="{{ route('admin.avatar.upload') }}" method="POST" enctype="multipart/form-data">

                            @csrf

                            <label class="form-label fw-semibold">
                                Change Profile Photo
                            </label>

                            <div class="input-group">
                                <input type="file" name="avatar" class="form-control" required>

                                <button class="btn btn-dark">
                                    Upload
                                </button>
                            </div>

                        </form>
                        <form method="POST" action="{{ route('logout') }}" class="mt-3">
                            @csrf
                            <button class="btn btn-danger" type="submit" style="float:right">Logout</button>
                        </form>
                    </div>

                </div>
                <style>
                    .card {
                        border-radius: 12px;
                    }

                    textarea.form-control {
                        resize: none;
                    }

                    .badge {
                        font-size: 0.8rem;
                        letter-spacing: 1px;
                    }
                </style>
                <hr class="my-4">

                {{-- ================= ADMIN BIO ================= --}}
                <div class="row">

                    <div class="col-md-12">

                        <h5 class="fw-bold mb-3">
                            Admin Bio
                        </h5>

                        @if (session('success'))
                            <div class="alert alert-success">
                                {{ session('success') }}
                            </div>
                        @endif

                        <form action="{{ route('admin.update.bio') }}" method="POST">
                            @csrf

                            <textarea name="bio" rows="5" class="form-control mb-3" placeholder="Write something about yourself...">{{ auth()->user()->bio }}</textarea>

                            <button class="btn btn-primary px-4">
                                Save Bio
                            </button>
                        </form>

                    </div>

                </div>

            </div>
        </div>
        <p>Welcome to the admin dashboard.</p>
        <a href="{{ route('categories.index') }}" class="btn btn-dark mb-3 ms-2">
            Manage Categories
        </a>
        <!-- Create Article -->
        <a href="{{ route('admin.create') }}" class="btn btn-primary mb-3">
            Create New Article
        </a>

        <!-- Create Opinion -->
        <a href="{{ route('admin.opinions.create') }}" class="btn btn-warning mb-3 ms-2">
            Create New Opinion
        </a>
        <a href="{{ route('admin.fund.create') }}" class="btn btn-secondary mb-3">
            Create New Funding
        </a>
        <a href="{{ route('admin.fund.index') }}" class="btn btn-secondary mb-3">
            Manage Funds
        </a>
        <a href="{{ route('admin.investors.index') }}" class="btn btn-dark mb-3">
            💰 Manage Investors
        </a>
        <!-- View Articles -->
        <a href="{{ route('admin.articles') }}" class="btn btn-success mb-3 ms-2">
            View All Articles
        </a>
        <a href="{{ route('admin.opinions.index') }}" class="btn btn-info mb-3 ms-2">
            View All Opinions
        </a>
        <a href="{{ route('admin.investor-funding.index') }}" class="btn btn-dark mb-3">
            📊 Manage Investor Funding
        </a>
        <a href="{{ route('admin.interviews.index') }}" class="btn btn-secondary mb-3 ms-2">
            View All Interviews
        </a>

        <!-- Manage Podcasts -->
        <a href="{{ route('admin.podcasts.index') }}" class="btn btn-dark mb-3 ms-2">
            Manage Podcasts
        </a>
        <a href="{{ route('admin.tech-events.index') }}" class="btn btn-success mb-3 ms-2">
            View All Events
        </a>
        <a href="{{ route('admin.fund.index') }}" class="btn btn-success mb-3 ms-2">
            Manage
        </a>
        <a href="{{ route('admin.funding.index') }}" class="btn btn-dark mb-3 ms-2">
            Manage Funding
        </a>

        <a href="{{ route('admin.ai.index') }}" class="btn btn-danger mb-3 ms-2">
            AI Investments
        </a>
        <a href="{{ route('admin.cyber.index') }}" class="btn btn-danger mb-3 ms-2">
            Cybersecurity Fundings
        </a>
        <a href="{{ route('admin.tech_companies.index') }}" class="btn btn-danger mb-3 ms-2">
            Top African Tech Companies
        </a>

        <a href="{{ route('admin.about.index') }}" class="btn btn-success mb-3 ms-2">
            Manage About Page
        </a>
        <a href="{{ route('admin.featured-video.edit') }}" class="btn btn-primary mb-3 ms-2">
            Manage Featured Video
        </a>
        <a href="{{ route('admin.run.scrape') }}" class="btn btn-success mb-3 ms-2">
            ▶ Run Scraper
        </a>

        <a href="{{ route('admin.run.ai') }}" class="btn btn-primary mb-3 ms-2">
            🤖 Run AI Summary
        </a>

        <a href="{{ route('admin.tickers.index') }}" class="btn btn-warning mb-3 ms-2">
            🔴 Manage Ticker
        </a>
        <a href="{{ route('admin.quotes.index') }}" class="btn btn-dark mb-3">
            💡 Manage Quotes
        </a>
        <a href="{{ route('admin.gadgets.index') }}" class="btn btn-dark mb-3">
            📱 Manage Gadgets
        </a>
        <div class="mb-3">
            <a href="{{ route('admin.founder.create') }}" class="btn btn-primary ms-2">
                ➕ Add Founder
            </a>

            <a href="{{ route('admin.founder.index') }}" class="btn btn-outline-success ms-2">
                👥 View Founders
            </a>
            <a href="{{ route('admin.app-analysis.index') }}" class="btn btn-success  ms-2">
                Manage App Analyses
            </a>

          
            {{-- <a href="{{ route('quotes.index') }}" class="btn btn-dark mb-3">
                💡 Manage Quotes
            </a> --}}
        </div>
        <!-- Logout -->
        {{-- <form method="POST" action="{{ route('logout') }}" class="mt-3">
            @csrf
            <button class="btn btn-danger" type="submit">Logout</button>
        </form> --}}
    </div>
    <br>
    <br>
@endsection