@extends('layouts.userapp')

@section('content')

    @php
        use Carbon\Carbon;
    @endphp

    @if ($message = Session::get('success'))
        <div class="alert alert-success" role="alert">
            {{ $message }}
        </div>
    @endif

    @if ($message = Session::get('error'))
        <div class="alert alert-danger" role="alert">
            {{ $message }}
        </div>
    @endif

    <div class="card mb-4" style="border-radius: 20px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0">My PR Claims</h5>
            <a href="{{ route('prclaims.create') }}" class="btn btn-light btn-sm">
                <i class="fa fa-plus"></i> Create New
            </a>
        </div>
        <div class="card-body">
            @if($myPrClaims->isEmpty())
                <div class="text-center py-4">
                    <i class="fa fa-inbox fa-3x text-muted mb-3"></i>
                    <p class="text-muted">You haven't created any PR claims yet.</p>
                    <a href="{{ route('prclaims.create') }}" class="btn btn-primary">
                        <i class="fa fa-plus"></i> Create Your First PR Claim
                    </a>
                </div>
            @else
                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead class="thead-light">
                            <tr>
                                <th>Title</th>
                                <th>Claim Type</th>
                                <th>Submission Date</th>
                                <th>Sent To</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($myPrClaims as $claim)
                                <tr>
                                    <td>{{ $claim->title }}</td>
                                    <td>{{ Carbon::parse($claim->submission_date)->format('d M Y') }}</td>
                                    <td>
                                        @if($claim->claim_type === 'ot')
                                            <span class="badge badge-primary">OT</span>
                                        @else
                                            <span class="badge badge-secondary">Claim</span>
                                        @endif
                                    </td>
                                    <td>{{ $claim->send_to_name }}</td>
                                    <td>
                                        @if($claim->status == 'pending')
                                            <span class="badge badge-warning">Pending</span>
                                        @elseif($claim->status == 'approved')
                                            <span class="badge badge-success">Approved</span>
                                        @elseif($claim->status == 'rejected')
                                            <span class="badge badge-danger">Rejected</span>
                                        @elseif($claim->status == 'escalated')
                                            <span class="badge badge-info">Escalated</span>
                                        @endif
                                    </td>
                                    <td>
                                        <a href="{{ route('prclaims.show', $claim->id) }}" class="btn btn-sm btn-info">
                                            <i class="fa fa-eye"></i> View
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>
    </div>

    <div class="card" style="border-radius: 20px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);">
        <div class="card-header">
            <h5 class="mb-0">PR Claims Received</h5>
        </div>
        <div class="card-body">
            @if($receivedPrClaims->isEmpty())
                <div class="text-center py-4">
                    <i class="fa fa-inbox fa-3x text-muted mb-3"></i>
                    <p class="text-muted">You haven't received any PR claims yet.</p>
                </div>
            @else
                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead class="thead-light">
                            <tr>
                                <th>Title</th>
                                <th>Submission Date</th>
                                <th>Claim Type</th>
                                <th>From</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($receivedPrClaims as $claim)
                                <tr>
                                    <td>{{ $claim->title }}</td>
                                    <td>{{ Carbon::parse($claim->submission_date)->format('d M Y') }}</td>
                                    <td>
                                        @if($claim->claim_type === 'ot')
                                            <span class="badge badge-primary">OT</span>
                                        @else
                                            <span class="badge badge-secondary">Claim</span>
                                        @endif
                                    </td>
                                    <td>{{ $claim->created_by_name }}</td>
                                    <td>
                                        @if($claim->status == 'pending')
                                            <span class="badge badge-warning">Pending</span>
                                        @elseif($claim->status == 'approved')
                                            <span class="badge badge-success">Approved</span>
                                        @elseif($claim->status == 'rejected')
                                            <span class="badge badge-danger">Rejected</span>
                                        @elseif($claim->status == 'escalated')
                                            <span class="badge badge-info">Escalated</span>
                                        @endif
                                    </td>
                                    <td>
                                        <a href="{{ route('prclaims.show', $claim->id) }}" class="btn btn-sm btn-info">
                                            <i class="fa fa-eye"></i> View
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>
    </div>

    <style>
        .card-header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            font-weight: bold;
        }

        .badge {
            padding: 0.5rem 0.75rem;
            font-size: 0.875rem;
        }

        .table-hover tbody tr:hover {
            background-color: #f8f9fa;
        }

        .btn-info {
            background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
            border: none;
        }

        .btn-info:hover {
            background: linear-gradient(135deg, #138496 0%, #17a2b8 100%);
            transform: translateY(-2px);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
            transition: all 0.3s ease;
        }
    </style>

@endsection