@extends('member-new')

@push('head-script')
    <style>
        .tdx-stat-card {
            border-left: 4px solid;
            transition: transform 0.2s;
        }
        .tdx-stat-card:hover {
            transform: translateY(-2px);
        }
        .tdx-stat-card.border-primary { border-left-color: #7367f0 !important; }
        .tdx-stat-card.border-success { border-left-color: #28c76f !important; }
        .tdx-stat-card.border-warning { border-left-color: #ff9f43 !important; }
        .tdx-stat-card.border-info { border-left-color: #00cfe8 !important; }
        .info-label { color: #6e6b7b; font-size: 0.85rem; margin-bottom: 2px; }
        .info-value { font-weight: 600; font-size: 0.95rem; }
    </style>
@endpush

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">My TDS Dashboard - FY {{ $fy }}</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/member/{{ $alias }}/home">Home</a></li>
                    <li class="breadcrumb-item"><a href="/member/{{ $alias }}/tdx/dashboard">TDS</a></li>
                    <li class="breadcrumb-item active">Dashboard</li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@section('content')
    <section id="employee-tdx-dashboard">

        {{-- Flash Messages --}}
        <div class="row">
            <div class="col-12">
                @if(session('tdx_config_error'))
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <div class="alert-body"><i data-feather="alert-octagon" class="me-50"></i> {{ session('tdx_config_error') }}</div>
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif
                @if(session('status'))
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        <div class="alert-body">{{ session('status') }}</div>
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif
                @if(session('error'))
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <div class="alert-body">{{ session('error') }}</div>
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif
            </div>
        </div>

        {{-- Stats Cards --}}
        <div class="row">
            {{-- Tax Regime --}}
            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                <div class="card tdx-stat-card border-primary">
                    <div class="card-body p-1">
                        <h4 class="mb-0 text-primary">
                            {{ $calculation ? strtoupper($calculation->regime) : 'N/A' }}
                        </h4>
                        <p class="text-muted mb-0">Tax Regime</p>
                    </div>
                </div>
            </div>

            {{-- Total Tax --}}
            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                <div class="card tdx-stat-card border-warning">
                    <div class="card-body p-1">
                        <h4 class="mb-0 text-warning">
                            &#8377; {{ $calculation ? number_format($calculation->total_tax, 0) : '0' }}
                        </h4>
                        <p class="text-muted mb-0">Total Tax Liability</p>
                    </div>
                </div>
            </div>

            {{-- Monthly TDS --}}
            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                <div class="card tdx-stat-card border-info">
                    <div class="card-body p-1">
                        <h4 class="mb-0 text-info">
                            &#8377; {{ $calculation ? number_format($calculation->monthly_tds, 0) : '0' }}
                        </h4>
                        <p class="text-muted mb-0">Monthly TDS</p>
                    </div>
                </div>
            </div>

            {{-- TDS Deducted --}}
            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                <div class="card tdx-stat-card border-success">
                    <div class="card-body p-1">
                        <h4 class="mb-0 text-success">
                            &#8377; {{ number_format($totalDeducted, 0) }}
                        </h4>
                        <p class="text-muted mb-0">TDS Deducted Till Date</p>
                    </div>
                </div>
            </div>
        </div>

        {{-- Quick Actions --}}
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Quick Actions</h4>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4 col-sm-6 mb-1">
                                @if($declaration)
                                    <a href="/member/{{ $alias }}/tdx/my-declarations/{{ $declaration->id }}/edit"
                                       class="btn btn-primary w-100">
                                        <i class="fa fa-edit"></i> Edit My Declaration
                                    </a>
                                @else
                                    <a href="/member/{{ $alias }}/tdx/my-declarations/create"
                                       class="btn btn-success w-100">
                                        <i class="fa fa-plus"></i> Submit Declaration
                                    </a>
                                @endif
                            </div>
                            <div class="col-md-4 col-sm-6 mb-1">
                                <a href="/member/{{ $alias }}/tdx/my-declarations"
                                   class="btn btn-info w-100">
                                    <i class="fa fa-list"></i> My Declarations
                                </a>
                            </div>
                            <div class="col-md-4 col-sm-6 mb-1">
                                <a href="/member/{{ $alias }}/tdx/my-deductions"
                                   class="btn btn-warning w-100">
                                    <i class="fa fa-calendar"></i> Deduction History
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- Declaration Summary --}}
        @if($declaration)
        <div class="row">
            <div class="col-md-6 col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Declaration Summary</h4>
                    </div>
                    <div class="card-body">
                        <table class="table table-bordered">
                            <tr>
                                <td class="text-muted">Status</td>
                                <td>
                                    @php
                                        $statusColors = ['draft' => 'secondary', 'calculated' => 'warning', 'active' => 'success', 'rejected' => 'danger'];
                                    @endphp
                                    <span class="badge badge-light-{{ $statusColors[$declaration->status] ?? 'secondary' }}">
                                        {{ ucfirst($declaration->status) }}
                                    </span>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-muted">Regime</td>
                                <td><strong>{{ strtoupper($declaration->regime ?? 'N/A') }}</strong></td>
                            </tr>
                            <tr>
                                <td class="text-muted">Total Declared</td>
                                <td>&#8377; {{ number_format($declaration->total_declared_amount ?? 0, 0) }}</td>
                            </tr>
                            <tr>
                                <td class="text-muted">Total Approved</td>
                                <td>&#8377; {{ number_format($declaration->total_approved_amount ?? 0, 0) }}</td>
                            </tr>
                            <tr>
                                <td class="text-muted">Last Updated</td>
                                <td>{{ $declaration->updated_at ? $declaration->updated_at->format('d M Y, h:i A') : '-' }}</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>

            {{-- Tax Calculation Summary --}}
            @if($calculation)
            <div class="col-md-6 col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Tax Calculation Summary</h4>
                    </div>
                    <div class="card-body">
                        <table class="table table-bordered">
                            <tr>
                                <td class="text-muted">Gross Income</td>
                                <td class="text-end">&#8377; {{ number_format($calculation->gross_income, 0) }}</td>
                            </tr>
                            <tr>
                                <td class="text-muted">Standard Deduction</td>
                                <td class="text-end">- &#8377; {{ number_format($calculation->standard_deduction, 0) }}</td>
                            </tr>
                            <tr>
                                <td class="text-muted">Total Deductions</td>
                                <td class="text-end">- &#8377; {{ number_format($calculation->total_deductions, 0) }}</td>
                            </tr>
                            <tr>
                                <td class="text-muted">Taxable Income</td>
                                <td class="text-end"><strong>&#8377; {{ number_format($calculation->taxable_income, 0) }}</strong></td>
                            </tr>
                            <tr class="table-active">
                                <td class="text-muted"><strong>Total Tax</strong></td>
                                <td class="text-end text-danger"><strong>&#8377; {{ number_format($calculation->total_tax, 0) }}</strong></td>
                            </tr>
                            <tr>
                                <td class="text-muted">Monthly TDS</td>
                                <td class="text-end"><strong>&#8377; {{ number_format($calculation->monthly_tds, 0) }}</strong></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            @endif
        </div>
        @endif

        {{-- Recent Deductions --}}
        @if($recentTds->count() > 0)
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Recent TDS Deductions</h4>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th>Month</th>
                                        <th>Gross Salary</th>
                                        <th>TDS Deducted</th>
                                        <th>Cumulative TDS</th>
                                        <th>Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($recentTds as $tds)
                                        <tr>
                                            <td>{{ $tds->month_name }} {{ $tds->year }}</td>
                                            <td>&#8377; {{ number_format($tds->gross_salary, 0) }}</td>
                                            <td>&#8377; {{ number_format($tds->tds_amount, 0) }}</td>
                                            <td>&#8377; {{ number_format($tds->cumulative_tds, 0) }}</td>
                                            <td>
                                                @php
                                                    $mColors = ['pending' => 'warning', 'deducted' => 'success', 'adjusted' => 'info'];
                                                @endphp
                                                <span class="badge badge-light-{{ $mColors[$tds->status] ?? 'secondary' }}">
                                                    {{ ucfirst($tds->status) }}
                                                </span>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <a href="/member/{{ $alias }}/tdx/my-deductions" class="btn btn-sm btn-outline-secondary">
                            View Full History <i class="fa fa-arrow-right"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        @endif

        {{-- No Declaration Yet --}}
        @if(!$declaration)
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body text-center p-5">
                        <i class="fa fa-file-text-o fa-3x text-muted mb-1"></i>
                        <h4>No Declaration Submitted Yet</h4>
                        <p class="text-muted">Submit your investment declaration for FY {{ $fy }} to get your tax calculated.</p>
                        <a href="/member/{{ $alias }}/tdx/my-declarations/create" class="btn btn-success btn-lg">
                            <i class="fa fa-plus"></i> Submit Declaration Now
                        </a>
                    </div>
                </div>
            </div>
        </div>
        @endif
    </section>
@endsection