@extends('layouts.affiliate.index')
@section('title', $label)

@section('content')
    <div class="card">
        <div class="card-body">
            <x-section-header action="list" :icon="$icon" :label="$label" />
        </div>
    </div>
    <div class="row mt-4">
        <div class="col-md-8">
            @if ($ticket->is_open)


            <div class="card">
                <div class="card-header">
                    <h4 class="card-title mb-1">
                        {{ $ticket->subject }}
                    </h4>
                </div>
                <div class="card-body">
                    <form method="post" action="{{ route('affiliate.support.ticket.reply', $ticket->encrypted_id) }}"
                        class="form-block" enctype="multipart/form-data">
                        @csrf
                        <x-form.text-editor id="message" name="message" :old="old('message')" />
                        <x-form.input-multi-files :name="'documents'"
                            info="Gunakan file jpg, jpeg, png, dan pdf. Ukuran file maksimal 2 MB." id="documents"
                            :optional="true" />
                        <x-form.button-submit :label="'Submit'" />


                    </form>
                </div>
            </div>
            @endif
            @foreach ($ticket->messages as $message)
                <div class="card mt-3">
                    <div class="card-body">
                        <div class="ticket-user-profile mb-4">
                            <h6 class="font-weight-bold m-0">{{ $message->creator->name }}</h6>
                            <small class="text-muted">{{ $message->created_date }}</small>
                        </div>

                        {!! $message->message !!}
                        @isset($message->attachmentData)
                            <div class="list-group">
                                @foreach ($message->attachmentData as $item)
                                    <a target="_blank" href="{{$item['url']}}" class="list-group-item">{{$item['filename']}}</a>
                                @endforeach
                            </div>
                        @endisset
                    </div>
                </div>
            @endforeach
        </div>
        <div class="col-md-4">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title mb-1">
                        Detail Ticket
                    </h4>
                </div>
                <div class="card-body">
                    <h6 class="font-weight-bold m-0">Nomor Ticket</h6>
                    <p>{{ $ticket->number }}</p>
                    <h6 class="font-weight-bold m-0">Tanggal</h6>
                    <p>{{ $ticket->created_date }}</p>
                    <h6 class="font-weight-bold m-0">Kategori</h6>
                    <p>{{ @$ticket->categoryData->name ?? '' }}</p>
                    <h6 class="font-weight-bold m-0">Status</h6>
                    <p>{!! @$ticket->status_badge !!}</p>
                </div>
            </div>
        </div>
    </div>
@endsection