@extends('Layout.mainlayout')

@section('content')
<div class="stats-row">
    <div class="stat-card">
        <div class="stat-label">TOTAL Transaction Made</div>
        <div class="stat-value">$12,787.00</div>
        <div class="stat-change positive">
            <span>↗</span> 15.6% More than yesterday
        </div>
    </div>
    <div class="stat-card">
        <div class="stat-label">TOTAL RESERVE</div>
        <div class="stat-value">$405,091.00</div>
        <div class="stat-change positive">
            <span>↗</span> 10.8% More than yesterday
        </div>
    </div>
    <div class="stat-card">
        <div class="stat-label">TOTAL PROFIT</div>
        <div class="stat-value">$245,988.00</div>
        <div class="stat-change negative">
            <span>↘</span> 10.5% More than yesterday
        </div>
    </div>
    <div class="stat-card">
        <div class="stat-label">TOTAL RECOVERIES</div>
        <div class="stat-value">$30,156.00</div>
        <div class="stat-change positive">
            <span>↗</span> 12.0% More than yesterday
        </div>
    </div>
</div>

<div class="activity-section">
    <h2 class="section-title">Recent Activity</h2>
    
    <div class="activity-group">
        <div class="activity-date">TODAY</div>
        
        <div class="activity-item">
            <div class="activity-icon received">✕</div>
            <div class="activity-amount">
                $7,000.00 USD
                <div class="activity-amount-sub">$5,600.00 day</div>
            </div>
            <div class="activity-status">
                <span class="status-badge status-received">Received</span>
            </div>
            <div class="activity-details">
                <div class="activity-school">Sunshinelife Elementary School</div>
                <div class="activity-description">Parents have contributed money for a new playground</div>
            </div>
            <div class="activity-link">
                <a href="#">View transaction</a>
                <div class="activity-link-date">Date: 8/25/16</div>
            </div>
        </div>

        <div class="activity-item">
            <div class="activity-icon returned">✕</div>
            <div class="activity-amount">
                $10,000.00 USD
                <div class="activity-amount-sub">$8,000 tax</div>
            </div>
            <div class="activity-status">
                <span class="status-badge status-returned">Returned</span>
            </div>
            <div class="activity-details">
                <div class="activity-school">Miami Beach Middle School</div>
                <div class="activity-description">Graffiti art experts, cleanup $ into public art</div>
            </div>
            <div class="activity-link">
                <a href="#">View transaction</a>
                <div class="activity-link-date">Date: 8/25/16</div>
            </div>
        </div>

        <div class="activity-item">
            <div class="activity-icon received">✕</div>
            <div class="activity-amount">
                $8,000.00 USD
                <div class="activity-amount-sub">$6,400.00 tax</div>
            </div>
            <div class="activity-status">
                <span class="status-badge status-received">Received</span>
            </div>
            <div class="activity-details">
                <div class="activity-school">Willow Creek High School</div>
                <div class="activity-description">Tax deduction for educational field trips</div>
            </div>
            <div class="activity-link">
                <a href="#">View transaction</a>
                <div class="activity-link-date">Date: 8/25/17</div>
            </div>
        </div>

        <div class="activity-item">
            <div class="activity-icon returned">✕</div>
            <div class="activity-amount">
                $12,000.00 USD
                <div class="activity-amount-sub">$9,600.00 tax</div>
            </div>
            <div class="activity-status">
                <span class="status-badge status-returned">Returned</span>
            </div>
            <div class="activity-details">
                <div class="activity-school">Tampa Bay Elementary School</div>
                <div class="activity-description">Donation facilitated a remodeling for a suitable website</div>
            </div>
            <div class="activity-link">
                <a href="#">View transaction</a>
                <div class="activity-link-date">Date: 8/31/20</div>
            </div>
        </div>
    </div>

    <div class="activity-group">
        <div class="activity-date">YESTERDAY</div>
        
        <div class="activity-item">
            <div class="activity-icon returned">✕</div>
            <div class="activity-amount">
                $14,000.00 USD
                <div class="activity-amount-sub">$11,200 tax</div>
            </div>
            <div class="activity-status">
                <span class="status-badge status-returned">Returned</span>
            </div>
            <div class="activity-details">
                <div class="activity-school">Fort Lauderdale High School</div>
                <div class="activity-description">Fine arts-related fundraiser had exceeded fees</div>
            </div>
            <div class="activity-link">
                <a href="#">View transaction</a>
                <div class="activity-link-date">Date: 8/31/16</div>
            </div>
        </div>

        <div class="activity-item">
            <div class="activity-icon received">✕</div>
            <div class="activity-amount">
                $7,000.00 USD
                <div class="activity-amount-sub">$5,600.00 day</div>
            </div>
            <div class="activity-status">
                <span class="status-badge status-received">Received</span>
            </div>
            <div class="activity-details">
                <div class="activity-school">Tampa Bay Elementary School</div>
                <div class="activity-description">Property damage caused by a contractor claim has been recovered</div>
            </div>
            <div class="activity-link">
                <a href="#">View transaction</a>
                <div class="activity-link-date">Date: 8/31/20</div>
            </div>
        </div>

        <div class="activity-item">
            <div class="activity-icon returned">✕</div>
            <div class="activity-amount">
                $16,000.00 USD
                <div class="activity-amount-sub">$12,800.00 tax</div>
            </div>
            <div class="activity-status">
                <span class="status-badge status-returned">Returned</span>
            </div>
            <div class="activity-details">
                <div class="activity-school">Mountain View High School</div>
                <div class="activity-description">New textbook for health classes funded</div>
            </div>
            <div class="activity-link">
                <a href="#">View transaction</a>
                <div class="activity-link-date">Date: 8/1/16</div>
            </div>
        </div>

        <div class="activity-item">
            <div class="activity-icon received">✕</div>
            <div class="activity-amount">
                $8,500.00 USD
                <div class="activity-amount-sub">$7,200.00 tax</div>
            </div>
            <div class="activity-status">
                <span class="status-badge status-received">Received</span>
            </div>
            <div class="activity-details">
                <div class="activity-school">Cedar Ridge Elementary School</div>
                <div class="activity-description">Playground playground equipment repaired</div>
            </div>
            <div class="activity-link">
                <a href="#">View transaction</a>
                <div class="activity-link-date">Date: 8/31/16</div>
            </div>
        </div>
    </div>
</div>

@endsection