@extends('layout.mainlayout')

@section('content')
    <div class="page-wrapper cardhead">
        <div class="content container-fluid">

            @component('components.breadcrumb')
                @slot('title')
                    Ticket #{{ $ticket->id }} Details
                @endslot
            @endcomponent

            @if (session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
            @endif
            @if (session('error'))
                <div class="alert alert-danger">{{ session('error') }}</div>
            @endif
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul class="mb-0">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <div class="row">
                {{-- Left column: core ticket info --}}
                <div class="col-lg-7">
                    <div class="card">
                        <div class="card-header d-flex justify-content-between align-items-center">
                            <div>
                                <h4 class="card-title mb-0">
                                    #{{ $ticket->id }} — {{ $ticket->subject }}
                                </h4>
                                <small class="text-muted">
                                    Created {{ $ticket->created_at?->format('d M Y H:i') }}
                                </small>
                            </div>
                            <div class="text-end">
                                <span
                                    class="badge
                                @if ($ticket->status === 'OPEN') bg-warning
                                @elseif($ticket->status === 'IN_PROGRESS') bg-info
                                @elseif($ticket->status === 'RESOLVED') bg-success
                                @elseif($ticket->status === 'CLOSED') bg-secondary
                                @elseif($ticket->status === 'REOPENED') bg-danger
                                @else bg-dark @endif">
                                    {{ $ticket->status }}
                                </span>
                                @if (!empty($ticket->priority))
                                    <div class="mt-1">
                                        <span
                                            class="badge
                                        @if ($ticket->priority === 'HIGH') bg-danger
                                        @elseif($ticket->priority === 'MEDIUM') bg-warning
                                        @else bg-info @endif">
                                            {{ $ticket->priority }} Priority
                                        </span>
                                    </div>
                                @endif
                            </div>
                        </div>

                        <div class="card-body">
                            <dl class="row mb-0">
                                <dt class="col-sm-4">Raised By</dt>
                                <dd class="col-sm-8">
                                    {{ $ticket->user->name ?? '—' }}
                                    @if ($ticket->user?->email)
                                        <div class="text-muted small">{{ $ticket->user->email }}</div>
                                    @endif
                                </dd>

                                <dt class="col-sm-4">Phone</dt>
                                <dd class="col-sm-8">{{ $ticket->user_phone ?? '—' }}</dd>

                                <dt class="col-sm-4">Location</dt>
                                <dd class="col-sm-8">{{ $ticket->location->name ?? ($ticket->location_name ?? '—') }}</dd>

                                <dt class="col-sm-4">Project</dt>
                                <dd class="col-sm-8">{{ $ticket->project->name ?? ($ticket->project_name ?? '—') }}</dd>

                                <dt class="col-sm-4">Department</dt>
                                <dd class="col-sm-8">{{ $ticket->department->name ?? '—' }}</dd>

                                <dt class="col-sm-4">Assignee</dt>
                                <dd class="col-sm-8">
                                    {{ $ticket->assignee->name ?? '—' }}
                                    @if ($ticket->assignee?->email)
                                        <div class="text-muted small">{{ $ticket->assignee->email }}</div>
                                    @endif
                                </dd>

                                <dt class="col-sm-4">Resolver</dt>
                                <dd class="col-sm-8">
                                    {{ $ticket->resolver->name ?? '—' }}
                                    @if ($ticket->resolver?->email)
                                        <div class="text-muted small">{{ $ticket->resolver->email }}</div>
                                    @endif
                                </dd>

                                <dt class="col-sm-4">TAT / Due</dt>
                                <dd class="col-sm-8">
                                    {{ $ticket->tat_due_at ? $ticket->tat_due_at->format('d M Y H:i') : '—' }}
                                </dd>

                                <dt class="col-sm-4">Attachment</dt>
                                <dd class="col-sm-8">
                                    @if (!empty($ticket->attachment_path))
                                        <a href="{{ asset('storage/' . $ticket->attachment_path) }}" target="_blank"
                                            class="btn btn-sm btn-outline-primary">
                                            View / Download
                                        </a>
                                    @else
                                        —
                                    @endif
                                </dd>
                            </dl>

                            <hr>

                            <h5 class="mb-2">Ticket Details</h5>
                            <p class="mb-0" style="white-space: pre-wrap;">
                                {{ $ticket->details }}
                            </p>
                        </div>
                    </div>
                </div>

                {{-- Right column: actions + update log --}}
                <div class="col-lg-5">

                    @php
                        $currentUserId = Auth::id();
                        $isAssignee = $currentUserId === $ticket->assignee_id;
                        $isResolver = $currentUserId === $ticket->resolver_id;
                        $canAssign = Auth::user()->can('ticket-assign');
                        $canResolve = Auth::user()->can('ticket-resolve');
                        // showActionGroup: only assignee/resolver or privileged staff
                        $showActionGroup = $isAssignee || $isResolver || $canAssign || $canResolve;
                    @endphp

                    {{-- Actions card: Accept / Add Update / Change Status --}}
                    <div class="card mb-3">
                        <div class="card-header">
                            <h5 class="card-title mb-0">Actions</h5>
                        </div>
                        <div class="card-body">

                            {{-- 1) Accept (only visible to assigned resolver or users with resolve permission) --}}
                            @can('accept', $ticket)
                                @if ($ticket->status !== 'IN_PROGRESS')
                                    <form action="{{ route('tickets.accept', $ticket->id) }}" method="POST" class="mb-3">
                                        @csrf

                                        <div class="mb-2">
                                            <label class="form-label">Accept & Set TAT</label>
                                            <input type="datetime-local" name="tat_at"
                                                value="{{ $ticket->tat_at ? $ticket->tat_at->format('Y-m-d\TH:i') : '' }}"
                                                class="form-control" required>
                                        </div>

                                        <button type="submit" class="btn btn-outline-primary w-100"
                                            onclick="return confirm('Accept this ticket and set TAT?')">
                                            Accept & Set TAT
                                        </button>
                                    </form>
                                @endif
                            @endcan

                            {{-- 2) Add Update (comment + optional attachment) - VISIBLE ONLY TO staff (assignee/resolver/privileged), NOT OWNER --}}
                            @if ($showActionGroup)
                                <form action="{{ route('tickets.update-log', $ticket->id) }}" method="POST"
                                      enctype="multipart/form-data" class="mb-3">
                                    @csrf

                                    <div class="mb-2">
                                        <label class="form-label">Add Remark / Update</label>
                                        <textarea name="comment" rows="3" class="form-control"
                                            placeholder="Describe action or update..." required>{{ old('comment') }}</textarea>
                                    </div>

                                    <div class="mb-2">
                                        <label class="form-label">Attachment (optional)</label>
                                        <input type="file" name="attachment" class="form-control">
                                    </div>

                                    <button type="submit" class="btn btn-secondary w-100">Add Update</button>
                                </form>
                            @endif

                            {{-- 3) Change Status (generic) - VISIBLE ONLY TO staff (assignee/resolver/privileged), NOT OWNER --}}
                            @if ($showActionGroup)
                                <form action="{{ route('tickets.update-status', $ticket->id) }}" method="POST">
                                    @csrf

                                    <div class="mb-2">
                                        <label class="form-label">Change Status</label>
                                        <select name="status" class="form-control" required>
                                            <option value="">Select Status</option>
                                            <option value="OPEN" {{ $ticket->status === 'OPEN' ? 'selected' : '' }}>Open</option>
                                            <option value="ASSIGNED" {{ $ticket->status === 'ASSIGNED' ? 'selected' : '' }}>Assigned</option>
                                            <option value="IN_PROGRESS" {{ $ticket->status === 'IN_PROGRESS' ? 'selected' : '' }}>In Progress</option>
                                            <option value="PENDING" {{ $ticket->status === 'PENDING' ? 'selected' : '' }}>Pending</option>
                                            <option value="RESOLVED" {{ $ticket->status === 'RESOLVED' ? 'selected' : '' }}>Resolved</option>
                                            <option value="CLOSED" {{ $ticket->status === 'CLOSED' ? 'selected' : '' }}>Closed</option>
                                            <option value="REOPENED" {{ $ticket->status === 'REOPENED' ? 'selected' : '' }}>Reopened</option>
                                            <option value="ESCALATED" {{ $ticket->status === 'ESCALATED' ? 'selected' : '' }}>Escalated</option>
                                        </select>
                                    </div>

                                    <div class="mb-2">
                                        <label class="form-label">Remark (optional)</label>
                                        <input type="text" name="message" class="form-control" placeholder="Optional note for this status change">
                                    </div>

                                    <div class="mb-2">
                                        <label class="form-label">TAT / Due Date (optional)</label>
                                        <input type="datetime-local" name="tat_due_at"
                                            value="{{ $ticket->tat_at ? $ticket->tat_at->format('Y-m-d\TH:i') : '' }}"
                                            class="form-control">
                                    </div>

                                    <button type="submit" class="btn btn-primary w-100"
                                            onclick="return confirm('Save status change?')">
                                        Save Status
                                    </button>
                                </form>
                            @endif

                            {{-- 4) Quick Resolve button (optional) - visible only to resolver or users with resolve perm --}}
                            @if ($isResolver || $canResolve)
                                <form action="{{ route('tickets.resolve', $ticket->id) }}" method="POST" class="mt-2">
                                    @csrf
                                    <input type="hidden" name="comment" value="Resolved by {{ Auth::user()->name ?? Auth::user()->email }}">
                                    <button type="submit" class="btn btn-success w-100"
                                            onclick="return confirm('Mark ticket as resolved?')">
                                        Mark Resolved
                                    </button>
                                </form>
                            @endif

                            {{-- 5) Reopen & Escalate: show to owner via @can (policy controls) --}}
                            <div class="mt-3">
                                @can('reopen', $ticket)
                                    @if(in_array($ticket->status, ['RESOLVED','CLOSED']))
                                        <form action="{{ route('tickets.reopen', $ticket->id) }}" method="POST" class="d-inline-block me-2">
                                            @csrf
                                            <button class="btn btn-warning btn-sm" onclick="return confirm('Re-open this ticket?')">Reopen</button>
                                        </form>
                                    @endif
                                @endcan

                                @can('escalate', $ticket)
                                    @if(!in_array($ticket->status, ['CLOSED','ESCALATED']))
                                        <form action="{{ route('tickets.escalate', $ticket->id) }}" method="POST" class="d-inline-block">
                                            @csrf
                                            <button class="btn btn-danger btn-sm" onclick="return confirm('Escalate this ticket?')">Escalate</button>
                                        </form>
                                    @endif
                                @endcan
                            </div>

                        </div>
                    </div>

                    {{-- Ticket history / log --}}
                    <div class="card">
                        <div class="card-header">
                            <h5 class="card-title mb-0">Ticket Activity Log</h5>
                        </div>
                        <div class="card-body">
                            @if ($ticket->updates->isEmpty())
                                <p class="text-muted mb-0">No updates yet.</p>
                            @else
                                <ul class="timeline">
                                    @foreach ($ticket->updates->sortByDesc('created_at') as $log)
                                        <li class="timeline-item mb-3">
                                            <div class="d-flex justify-content-between">
                                                <strong>{{ $log->user->name ?? 'System' }}</strong>
                                                <small class="text-muted">
                                                    {{ $log->created_at?->format('d M Y H:i') }}
                                                </small>
                                            </div>
                                            @if ($log->old_status || $log->new_status)
                                                <div class="small text-muted">
                                                    Status: {{ $log->old_status ?? '—' }} → {{ $log->new_status ?? '—' }}
                                                </div>
                                            @endif
                                            @if ($log->priority_from || $log->priority_to)
                                                <div class="small text-muted">
                                                    Priority: {{ $log->priority_from ?? '—' }} → {{ $log->priority_to ?? '—' }}
                                                </div>
                                            @endif
                                            @if ($log->tat_due_at)
                                                <div class="small text-muted">
                                                    TAT set to:
                                                    {{ \Carbon\Carbon::parse($log->tat_due_at)->format('d M Y H:i') }}
                                                </div>
                                            @endif
                                            @if ($log->comment)
                                                <div class="mt-1">
                                                    {{ $log->comment }}
                                                </div>
                                            @endif
                                            @if (!empty($log->attachment_path))
                                                <div class="mt-1">
                                                    <a href="{{ asset('storage/' . $log->attachment_path) }}" target="_blank" class="btn btn-sm btn-outline-primary">View Attachment</a>
                                                </div>
                                            @endif
                                        </li>
                                    @endforeach
                                </ul>
                            @endif
                        </div>
                    </div>

                </div>
            </div>

            <div class="mt-3">
                <a href="{{ route('tickets.index') }}" class="btn btn-secondary btn-sm">
                    ← Back to Tickets
                </a>
            </div>

        </div>
    </div>
@endsection