@extends('admin::layouts.master')

@section('content')

    <div class="page-header">
        <h3 class="page-title">مشاهده تیکت #{{ $ticket->id }}</h3>
    </div>

    <div class="row">

        {{-- اطلاعات تیکت --}}
        <div class="col-md-4">
            <div class="card mb-3">
                <div class="card-header">اطلاعات تیکت</div>
                <div class="card-body">

                    <p><strong>موضوع:</strong> {{ $ticket->subject }}</p>
                    <p><strong>کاربر:</strong> {{ $ticket->user->name ?? '-' }}</p>
                    <p><strong>ایمیل:</strong> {{ $ticket->user->email ?? '-' }}</p>

                    <p><strong>دپارتمان:</strong> {{ $ticket->department_name ?? '-' }}</p>

                    <p>
                        <strong>اولویت:</strong>
                        @if($ticket->priority == 'high')
                            <span class="badge bg-danger">زیاد</span>
                        @elseif($ticket->priority == 'medium')
                            <span class="badge bg-warning">متوسط</span>
                        @else
                            <span class="badge bg-secondary">کم</span>
                        @endif
                    </p>

                    <p>
                        <strong>وضعیت:</strong>
                        @if($ticket->status === 'open')
                            <span class="badge bg-success">باز</span>
                        @elseif($ticket->status === 'pending')
                            <span class="badge bg-info">در انتظار</span>
                        @else
                            <span class="badge bg-dark">بسته</span>
                        @endif
                    </p>

                    <hr>

                    {{-- تغییر وضعیت --}}
                    <form action="{{ route('admin.tickets.status', $ticket->id) }}" method="POST">
                        @csrf
                        <select name="status" class="form-select mb-2">
                            <option value="open" {{ $ticket->status=='open'?'selected':'' }}>باز</option>
                            <option value="pending" {{ $ticket->status=='pending'?'selected':'' }}>در انتظار</option>
                            <option value="closed" {{ $ticket->status=='closed'?'selected':'' }}>بسته</option>
                        </select>
                        <button class="btn btn-primary w-100">تغییر وضعیت</button>
                    </form>

                    <hr>

                    {{-- حذف تیکت --}}
                    <form action="{{ route('admin.tickets.destroy', $ticket->id) }}" method="POST">
                        @csrf @method('DELETE')
                        <button class="btn btn-danger w-100" onclick="return confirm('آیا مطمئن هستید؟')">
                            حذف تیکت
                        </button>
                    </form>

                </div>
            </div>
        </div>

        {{-- پیام‌ها --}}
        <div class="col-md-8">

            <div class="card">
                <div class="card-header">پیام‌ها</div>
                <div class="card-body" style="max-height: 600px; overflow-y: auto;">

                    @foreach($ticket->messages as $msg)
                        @php $isAdmin = $msg->sender_type === 'admin'; @endphp

                        <div class="mb-3 p-3 rounded {{ $isAdmin ? 'bg-primary text-white' : 'bg-light' }}">
                            <div class="d-flex justify-content-between align-items-start">
                                <div>
                                    <strong>{{ $isAdmin ? 'پشتیبانی' : ($msg->user->name ?? '-') }}</strong>
                                </div>
                                <small class="{{ $isAdmin ? 'text-white-50' : 'text-muted' }}">
                                    {{ \Carbon\Carbon::parse($msg->created_at)->locale('fa')->diffForHumans() }}
                                </small>

                            </div>

                            <p class="mt-2 mb-2">{{ $msg->message }}</p>

                            @if($msg->attachments->count())
                                <div class="mt-2">
                                    <strong>فایل‌ها:</strong>
                                    <ul class="list-unstyled mb-0">
                                        @foreach($msg->attachments as $file)
                                            <li>
                                                <a href="{{ route('admin.tickets.attachments.download', $file->id) }}"
                                                   target="_blank"
                                                   class="{{ $isAdmin ? 'text-white' : 'text-primary' }}">
                                                    {{ $file->filename }}
                                                </a>
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                        </div>
                    @endforeach


                </div>
            </div>

            {{-- فرم پاسخ --}}
            <div class="card mt-3">
                <div class="card-header">ارسال پاسخ</div>
                <div class="card-body">
                    <form action="{{ route('admin.tickets.reply', $ticket->id) }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <textarea name="message" class="form-control" rows="4" placeholder="متن پیام..." required></textarea>
                        <input type="file" name="attachments[]" multiple class="form-control mt-2">
                        <input type="hidden" name="sender_type" value="admin">
                        <button class="btn btn-success mt-3">ارسال پاسخ</button>
                    </form>
                </div>
            </div>

        </div>

    </div>
@endsection