@extends('layouts.adminlte')

@section('title', 'Dashboard')
@section('page-title', 'Dashboard')

@section('breadcrumb')
<li class="breadcrumb-item active">Dashboard</li>
@endsection

@section('content')
<!-- Info boxes -->
<div class="row">
    <div class="col-12 col-sm-6 col-md-3">
        <div class="info-box">
            <span class="info-box-icon bg-info elevation-1"><i class="fas fa-ticket-alt"></i></span>
            <div class="info-box-content">
                <span class="info-box-text">Total Tickets</span>
                <span class="info-box-number">{{ $totalTickets }}</span>
            </div>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-md-3">
        <div class="info-box mb-3">
            <span class="info-box-icon bg-warning elevation-1"><i class="fas fa-clock"></i></span>
            <div class="info-box-content">
                <span class="info-box-text">Open Tickets</span>
                <span class="info-box-number">{{ $openTickets }}</span>
            </div>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-md-3">
        <div class="info-box mb-3">
            <span class="info-box-icon bg-primary elevation-1"><i class="fas fa-play"></i></span>
            <div class="info-box-content">
                <span class="info-box-text">In Progress</span>
                <span class="info-box-number">{{ $inProgressTickets }}</span>
            </div>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-md-3">
        <div class="info-box mb-3">
            <span class="info-box-icon bg-success elevation-1"><i class="fas fa-check"></i></span>
            <div class="info-box-content">
                <span class="info-box-text">Resolved</span>
                <span class="info-box-number">{{ $resolvedTickets }}</span>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <!-- Recent Tickets -->
    <div class="col-md-8">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Recent Tickets</h3>
                <div class="card-tools">
                    <a href="{{ route('tickets.index') }}" class="btn btn-primary btn-sm">
                        <i class="fas fa-eye"></i> View All
                    </a>
                </div>
            </div>
            <div class="card-body p-0">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th style="width: 10px">#</th>
                            <th>Title</th>
                            <th>Category</th>
                            <th>Priority</th>
                            <th>Status</th>
                            <th>Created</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($recentTickets as $ticket)
                        <tr>
                            <td>{{ $ticket->id }}</td>
                            <td>
                                <a href="{{ route('tickets.show', $ticket) }}">
                                    {{ Str::limit($ticket->title, 30) }}
                                </a>
                            </td>
                            <td>
                                <span class="badge badge-info">{{ ucfirst(str_replace('_', ' ', $ticket->category)) }}</span>
                            </td>
                            <td>
                                @switch($ticket->priority)
                                    @case('urgent')
                                        <span class="badge badge-danger">Urgent</span>
                                        @break
                                    @case('high')
                                        <span class="badge badge-warning">High</span>
                                        @break
                                    @case('medium')
                                        <span class="badge badge-primary">Medium</span>
                                        @break
                                    @case('low')
                                        <span class="badge badge-success">Low</span>
                                        @break
                                @endswitch
                            </td>
                            <td>
                                @switch($ticket->status)
                                    @case('open')
                                        <span class="badge badge-warning">Open</span>
                                        @break
                                    @case('in_progress')
                                        <span class="badge badge-primary">In Progress</span>
                                        @break
                                    @case('resolved')
                                        <span class="badge badge-success">Resolved</span>
                                        @break
                                    @case('closed')
                                        <span class="badge badge-secondary">Closed</span>
                                        @break
                                @endswitch
                            </td>
                            <td>{{ $ticket->created_at->format('M d, Y') }}</td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="6" class="text-center">No tickets found</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Quick Stats -->
    <div class="col-md-4">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Quick Stats</h3>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-12">
                        <div class="info-box bg-light">
                            <span class="info-box-icon bg-info"><i class="fas fa-user"></i></span>
                            <div class="info-box-content">
                                <span class="info-box-text">My Tickets</span>
                                <span class="info-box-number">{{ $userTickets }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="info-box bg-light">
                            <span class="info-box-icon bg-warning"><i class="fas fa-exclamation"></i></span>
                            <div class="info-box-content">
                                <span class="info-box-text">My Open Tickets</span>
                                <span class="info-box-number">{{ $userOpenTickets }}</span>
                            </div>
                        </div>
                    </div>
                    @if($assignedTickets > 0)
                    <div class="col-12">
                        <div class="info-box bg-light">
                            <span class="info-box-icon bg-primary"><i class="fas fa-tasks"></i></span>
                            <div class="info-box-content">
                                <span class="info-box-text">Assigned to Me</span>
                                <span class="info-box-number">{{ $assignedTickets }}</span>
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
            </div>
        </div>

        <!-- Quick Actions -->
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Quick Actions</h3>
            </div>
            <div class="card-body">
                @if(auth()->user()->hasPermission('create-tickets'))
                <a href="{{ route('tickets.create') }}" class="btn btn-primary btn-block mb-2">
                    <i class="fas fa-plus"></i> Create New Ticket
                </a>
                @endif
                <a href="{{ route('tickets.index') }}" class="btn btn-info btn-block mb-2">
                    <i class="fas fa-list"></i> View All Tickets
                </a>
                @if(auth()->user()->hasPermission('manage-users'))
                <a href="{{ route('admin.users.index') }}" class="btn btn-success btn-block">
                    <i class="fas fa-users"></i> Manage Users
                </a>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection