@extends('layout.master')
@section('content')
<div class="content datatable">
    <div class="p-4 code-to-copy">
        <div class="card shadow border">
            <div class="card-header bg-light border-bottom">
                <h4 class="mb-0">Ticket #{{ $ticket->ticket_id }}</h4>
            </div>

            <div class="card-body">
                <div class="row">
                    <!-- Left Side: Ticket Info -->
                    <div class="{{ $ticket->status == 'pending' ? 'col-md-7' : 'col-md-12' }}">
                        {{-- User Info --}}
                        <div class="mb-3">
                            <h5 class="mb-2 text-primary">User Info</h5>
                            <p><strong>Name :</strong> {{ $ticket->username }}</p>
                            <p><strong>Email :</strong> {{ $ticket->email }}</p>
                            <p><strong>Phone No. :</strong> {{ $ticket->phone_no }}</p>
                            <p><strong>Company Name :</strong> {{ $ticket->company_name }}</p>
                        </div>

                         {{-- Status Info --}}
                        <div class="mb-3">
                            <h5 class="mb-2 text-primary">Status Info</h5>
                            <p>
                                @if($ticket->status == 'pending')
                                    <span class="badge bg-warning text-dark">Pending</span>
                                @elseif($ticket->status == 'resolved')
                                    <span class="badge bg-success">Resolved</span>
                                @elseif($ticket->status == 'reject')
                                    <span class="badge bg-danger">Rejected</span>
                                @else
                                    <span class="badge bg-secondary">Unknown</span>
                                @endif
                            </p>
                            <p><strong>Ticket Created At :</strong> {{ \Carbon\Carbon::parse($ticket->ticket_create_at)->format('d-m-Y h:i A') }}</p>
                        </div>
                        <hr>

                        {{-- Ticket Info --}}
                        <div class="mb-3">
                            <h5 class="mb-2 text-primary">Ticket Details</h5>
                            <p><strong>Title :</strong> {{ $ticket->title }}</p>
                            <p><strong>Issue :</strong> {{ $ticket->issue }}</p>
                            <p><strong>Category :</strong> {{ $ticket->category_name ?? 'N/A' }}</p>
                            <p><strong>Subcategory :</strong> {{ $ticket->sub_category_name ?? 'N/A' }}</p>

                            @if(!empty($ticket->attachment))
                                <p><strong>Attachments:</strong></p>
                                @foreach(json_decode($ticket->attachment, true) as $file)
                                <div class="border p-1" style="width: 120px;">
                                    <a href="{{ asset('uploads/ticket/' . $file) }}" target="_blank" class="d-block text-primary">
                                     <img src="{{ asset('uploads/ticket/' . $file) }}" alt="Image" class="img-fluid" style="max-height: 100px; object-fit: cover; width: 100%;">
                                    </a>
                                </div>
                                @endforeach
                            @endif
                        </div>
                        <hr>

                      {{-- Resolution Info --}}
                        @if(in_array($ticket->status, ['resolved', 'reject']))
                        <div class="mb-3">
                            <h5 class="mb-2 text-primary">
                                {{ $ticket->status == 'resolved' ? 'Resolution Info' : 'Rejection Info' }}
                            </h5>
                            <p>
                                <strong>
                                    {{ $ticket->status == 'resolved' ? 'Resolved By :' : 'Rejected By :' }}
                                </strong>
                                {{ ucfirst($ticket->resolve_by ?? 'N/A') }}
                            </p>
                            <p>
                                <strong>
                                    {{ $ticket->status == 'resolved' ? 'Resolved At :' : 'Rejected At :' }}
                                </strong>
                                {{ $ticket->ticket_resolve_at ? \Carbon\Carbon::parse($ticket->ticket_resolve_at)->format('d-m-Y h:i A') : 'N/A' }}
                            </p>
                            <p><strong>Description :</strong> {{ $ticket->resolve_description ?? 'N/A' }}</p>
                            @if(!empty($ticket->resolve_image))
                                <p><strong>{{ $ticket->status == 'resolved' ? 'Resolution Images :' : 'Rejection Images :' }}</strong></p>
                                <div class="d-flex flex-wrap gap-2">
                                    @foreach(json_decode($ticket->resolve_image, true) as $img)
                                        <div class="border p-1" style="width: 120px;">
                                            <a href="{{ asset('uploads/ticket/' . $img) }}" data-lightbox="roadtrip" {{-- data-gallery="gallery-posts-0" --}}
                                                                        id="company_logo_parent">
                                                <img src="{{ asset('uploads/ticket/' . $img) }}" alt="Image" class="img-fluid" style="max-height: 100px; object-fit: cover; width: 100%;">
                                            </a>
                                        </div>
                                    @endforeach
                                </div>
                            @endif
                        </div>
                        @endif
                    </div>

                    <!-- Right Side: Empty Space or Future Use -->
                    @if($ticket->status == 'pending')
                    <div class="col-md-5">
                         <div class="border p-3 mt-3 shadow-sm rounded bg-light">
                            <h5 class="text-primary mb-3">Take Action on Ticket</h5>
                            <form action="{{ route('ticket.view', $ticket->id) }}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <div class="mb-3">
                                    <label for="status" class="form-label">Change Status</label>
                                    <select name="status" id="status" class="form-select" required>
                                        <option value="">-- Select --</option>
                                        <option value="resolved">Resolved</option>
                                        <option value="reject">Rejected</option>
                                    </select>
                                </div>

                                <div class="mb-3">
                                    <label for="resolve_description" class="form-label">Resolution Description</label>
                                    <textarea name="resolve_description" id="resolve_description" rows="6" class="form-control" required></textarea>
                                </div>

                                <div class="mb-3">
                                    <label for="resolve_image" class="form-label">Upload Images</label>
                                    <input type="file" name="resolve_image[]" multiple class="form-control">
                                </div>

                                <input type="hidden" name="resolve_by" value="vendor">
                                <input type="hidden" name="ticket_resolve_at" value="{{ \Carbon\Carbon::now() }}">

                                <button type="submit" class="btn btn-success w-100">Submit</button>
                            </form>
                        </div>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection