@extends('layouts.app')

@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        <div class="card">
            <div class="card-header">
                <div class="row align-items-center">
                    <div class="col-6">
                        <h5 class="card-title mb-0">Ticket Details</h5>
                    </div>
                    <div class="col-6 text-end">
                        <a href="{{ route('tickets.index') }}" class="btn btn-secondary">
                            <i class="fas fa-arrow-left"></i> Back
                        </a>
                    </div>
                </div>
                <hr />
            </div>

            <div class="card-body">
                @php
                    // ✅ Controller se $isAdmin pass karna recommended, fallback:
                    $isAdmin = $isAdmin ?? auth()->user()->hasAnyRole(['admin','super admin','super-admin','super_admin']);
                @endphp

                <div class="row">
                    <div class="col-md-6">
                        <div class="card mb-4">
                            <div class="card-header">
                                <h6 class="mb-0">Ticket Information</h6>
                            </div>
                            <div class="card-body">
                                <table class="table table-borderless">
                                    <tr>
                                        <th width="35%" class="text-muted">Mosque:</th>
                                        <td>
                                            <a href="{{ route('mosques.show', $ticket->mosque_id) }}" class="text-primary">
                                                <strong>{{ $ticket->mosque->name }}</strong>
                                            </a>
                                            @if($ticket->mosque->location)
                                                <br><small class="text-muted">{{ $ticket->mosque->location }}</small>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="text-muted">Raised By:</th>
                                        <td>
                                            @if($ticket->raiser)
                                                {{ $ticket->raiser->name }}
                                            @else
                                                <span class="text-muted">System</span>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="text-muted">Urgency:</th>
                                        <td>
                                            @php
                                                $urgencyColors = [
                                                    'LOW' => 'success',
                                                    'NORMAL' => 'info',
                                                    'HIGH' => 'warning',
                                                    'URGENT' => 'danger'
                                                ];
                                            @endphp
                                            <span class="badge bg-{{ $urgencyColors[$ticket->urgency] ?? 'secondary' }}">
                                                {{ $ticket->urgency }}
                                            </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="text-muted">Category:</th>
                                        <td>
                                            @if($ticket->category)
                                                <span class="badge bg-secondary">{{ $ticket->category }}</span>
                                            @else
                                                <span class="text-muted">N/A</span>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="text-muted">Status:</th>
                                        <td>
                                            @php
                                                $statusColors = [
                                                    'OPEN' => 'danger',
                                                    'ASSIGNED' => 'warning',
                                                    'IN_PROGRESS' => 'primary',
                                                    'RESOLVED' => 'info',
                                                    'CLOSED' => 'success'
                                                ];
                                                $isOverdue = $ticket->sla_due && $ticket->sla_due->isPast() && !in_array($ticket->status, ['RESOLVED', 'CLOSED']);
                                            @endphp
                                            <span class="badge bg-{{ $statusColors[$ticket->status] ?? 'secondary' }}">
                                                {{ $ticket->status }}
                                            </span>
                                            @if($isOverdue)
                                                <span class="badge bg-danger ms-1">OVERDUE</span>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="text-muted">SLA Due Date:</th>
                                        <td>
                                            @if($ticket->sla_due)
                                                <span class="{{ $isOverdue ? 'text-danger fw-bold' : '' }}">
                                                   
                                                    \Carbon\Carbon::parse($ticket->sla_due)->format('d M Y, h:i A')
                                                </span>
                                                @if($isOverdue)
                                                    <br><small class="text-danger">
                                                        Overdue by {{ $ticket->sla_due->diffForHumans(null, true) }}
                                                    </small>
                                                @else
                                                    <br><small class="text-muted">
                                                        Due in {{ $ticket->sla_due->diffForHumans() }}
                                                    </small>
                                                @endif
                                            @else
                                                <span class="text-muted">Not set</span>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="text-muted">Assigned To:</th>
                                        <td>
                                            @if($ticket->assignee)
                                                {{ $ticket->assignee->name }}
                                            @else
                                                <span class="text-muted">Unassigned</span>
                                            @endif
                                        </td>
                                    </tr>
                                    @if($ticket->checklistItem)
                                        <tr>
                                            <th class="text-muted">Related Checklist Item:</th>
                                            <td>
                                                <a href="{{ route('checklist-items.show', $ticket->checklist_item_id) }}" class="text-primary">
                                                    {{ $ticket->checklistItem->task_title }}
                                                </a>
                                            </td>
                                        </tr>
                                    @endif
                                    <tr>
                                        <th class="text-muted">Created At:</th>
                                        <td>{{ $ticket->created_at->format('d M Y, h:i A') }}</td>
                                    </tr>
                                    <tr>
                                        <th class="text-muted">Last Updated:</th>
                                        <td>{{ $ticket->updated_at->format('d M Y, h:i A') }}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                        <!-- Message -->
                        <div class="card mb-4">
                            <div class="card-header">
                                <h6 class="mb-0">Message</h6>
                            </div>
                            <div class="card-body">
                                <p class="mb-0">{{ $ticket->message }}</p>
                            </div>
                        </div>

                        @canany(['update tickets', 'delete tickets'])
                            <div class="card">
                                <div class="card-header">
                                    <h6 class="mb-0">Actions</h6>
                                </div>
                                <div class="card-body">
                                    <div class="btn-group" role="group">
                                        @can('update tickets')
                                            <a href="{{ route('tickets.edit', $ticket) }}" class="btn btn-warning">
                                                <i class="fas fa-edit"></i> Edit Ticket
                                            </a>
                                        @endcan
                                        
                                        @can('delete tickets')
                                            <form action="{{ route('tickets.destroy', $ticket) }}" method="POST" 
                                                  style="display: inline;" 
                                                  onsubmit="return confirm('Are you sure you want to delete this ticket?');">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="btn btn-danger">
                                                    <i class="fas fa-trash"></i> Delete Ticket
                                                </button>
                                            </form>
                                        @endcan
                                    </div>
                                </div>
                            </div>
                        @endcanany
                    </div>

                    <div class="col-md-6">
                        <!-- Resolution Note -->
                        @if($ticket->resolution_note)
                            <div class="card mb-4">
                                <div class="card-header">
                                    <h6 class="mb-0">Resolution Note</h6>
                                </div>
                                <div class="card-body">
                                    <p class="mb-0">{{ $ticket->resolution_note }}</p>
                                </div>
                            </div>
                        @endif

                        <!-- Quick Actions -->
                        <div class="card mb-4">
                            <div class="card-header">
                                <h6 class="mb-0">Quick Actions</h6>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    @can('update tickets')
                                        <div class="col-md-6 mb-2">
                                            <button class="btn btn-outline-primary w-100" data-bs-toggle="modal" data-bs-target="#assignModal">
                                                <i class="fas fa-user-plus"></i> Assign Ticket
                                            </button>
                                        </div>
                                        <div class="col-md-6 mb-2">
                                            <button class="btn btn-outline-success w-100" id="resolveBtn">
                                                <i class="fas fa-check-circle"></i> Mark as Resolved
                                            </button>
                                        </div>
                                    @endcan
                                </div>
                            </div>
                        </div>

                        <!-- Mosque Information -->
                        <div class="card mb-4">
                            <div class="card-header">
                                <h6 class="mb-0">Mosque Information</h6>
                            </div>
                            <div class="card-body">
                                <table class="table table-borderless">
                                    <tr>
                                        <th width="40%" class="text-muted">Moulvi:</th>
                                        <td>
                                            @if($ticket->mosque->moulvi)
                                                {{ $ticket->mosque->moulvi->name }}
                                            @else
                                                <span class="text-muted">Not Assigned</span>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="text-muted">Location:</th>
                                        <td>{{ $ticket->mosque->location ?? 'N/A' }}</td>
                                    </tr>
                                    <tr>
                                        <th class="text-muted">Active Checklists:</th>
                                        <td>
                                            {{ $ticket->mosque->checklists->where('status', '!=', 'CLOSED')->count() }}
                                            / {{ $ticket->mosque->checklists->count() }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="text-muted">Open Tickets:</th>
                                        <td>
                                            {{ $ticket->mosque->tickets->whereIn('status', ['OPEN', 'ASSIGNED', 'IN_PROGRESS'])->count() }}
                                            / {{ $ticket->mosque->tickets->count() }}
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                        <!-- Checklist Item Info (if exists) -->
                        @if($ticket->checklistItem)
                            <div class="card">
                                <div class="card-header">
                                    <h6 class="mb-0">Checklist Item Details</h6>
                                </div>
                                <div class="card-body">
                                    <table class="table table-borderless">
                                        <tr>
                                            <th width="40%" class="text-muted">Task:</th>
                                            <td>{{ $ticket->checklistItem->task_title }}</td>
                                        </tr>
                                        <tr>
                                            <th class="text-muted">Status:</th>
                                            <td>
                                                @php
                                                    $itemStatusColors = [
                                                        'NOT_STARTED' => 'secondary',
                                                        'IN_PROGRESS' => 'warning',
                                                        'COMPLETED' => 'success',
                                                        'PENDING_PROOF' => 'primary'
                                                    ];
                                                @endphp
                                                <span class="badge bg-{{ $itemStatusColors[$ticket->checklistItem->status] ?? 'secondary' }}">
                                                    {{ $ticket->checklistItem->status }}
                                                </span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th class="text-muted">Proof Required:</th>
                                            <td>
                                                @if($ticket->checklistItem->proof_required)
                                                    <span class="badge bg-danger">Yes</span>
                                                @else
                                                    <span class="badge bg-secondary">No</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <th class="text-muted">Checklist Date:</th>
                                            <td>{{ \Carbon\Carbon::parse( $ticket->checklistItem->checklist->date)->format('d M Y') }}</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Assign Modal -->
    @can('update tickets')
        <div class="modal fade" id="assignModal" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Assign Ticket to User</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        {{-- ✅ Assign list should be filtered (admin/supervisor/maintenance/vendor only) --}}
                        <select class="form-control" id="assignUser">
                            <option value="">Select User</option>
                            @foreach(($assignees ?? $users) as $user)
                                <option value="{{ $user->id }}" {{ $ticket->assigned_to == $user->id ? 'selected' : '' }}>
                                    {{ $user->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                        <button type="button" class="btn btn-primary" id="confirmAssign">Assign</button>
                    </div>
                </div>
            </div>
        </div>
    @endcan
@endsection

@push('script')
<script>
$(document).ready(function() {
    // Assign ticket
    $('#confirmAssign').on('click', function() {
        var userId = $('#assignUser').val();
        if (!userId) {
            alert('Please select a user');
            return;
        }

        $.ajax({
            url: "{{ route('tickets.assign', $ticket->id) }}",
            type: "POST",
            data: {
                assigned_to: userId,
                _token: '{{ csrf_token() }}'
            },
            success: function(response) {
                if (response.success) {
                    $('#assignModal').modal('hide');
                    Swal.fire(
                        'Assigned!',
                        'Ticket has been assigned successfully.',
                        'success'
                    ).then(() => {
                        location.reload();
                    });
                }
            },
            error: function(xhr) {
                // show backend validation message if available
                let msg = 'Error assigning ticket';
                if (xhr.responseJSON && xhr.responseJSON.message) msg = xhr.responseJSON.message;
                Swal.fire('Error', msg, 'error');
            }
        });
    });

    // Mark as resolved
    $('#resolveBtn').on('click', function() {
        Swal.fire({
            title: 'Mark as Resolved?',
            text: 'This will change the ticket status to RESOLVED.',
            icon: 'question',
            showCancelButton: true,
            confirmButtonText: 'Yes, mark as resolved',
            cancelButtonText: 'Cancel'
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: "{{ route('tickets.update-status', $ticket->id) }}",
                    type: "POST",
                    data: {
                        status: 'RESOLVED',
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(response) {
                        if (response.success) {
                            Swal.fire(
                                'Resolved!',
                                'Ticket has been marked as resolved.',
                                'success'
                            ).then(() => {
                                location.reload();
                            });
                        }
                    },
                    error: function() {
                        alert('Error updating ticket status');
                    }
                });
            }
        });
    });
});
</script>
@endpush