@extends('layouts.app')

@section('title', $ticket->subject)

@section('content')
    <div class="row row-cards">
        <div class="col-lg-8" id="replies">
            @foreach ($ticket->replies as $reply)
                <div class="card mb-2">
                    <div class="card-body">
                        <div class="small text-secondary mb-2">
                            {{ $reply->user?->name ?? 'Sistem' }} · {{ $reply->created_at->timezone(config('app.display_timezone'))->format('d.m.Y H:i') }}
                        </div>
                        <div class="text-pre-wrap">{{ $reply->body }}</div>
                    </div>
                </div>
            @endforeach

            @can('manage-definitions')
                <form method="POST" action="{{ route('tickets.reply', $ticket) }}" class="card" novalidate>
                    @csrf
                    <div class="card-body">
                        <label class="form-label" for="reply-body">Cevap / not ekle</label>
                        <textarea name="body" id="reply-body" rows="4" maxlength="10000" class="form-control @error('body') is-invalid @enderror">{{ old('body') }}</textarea>
                        @error('body')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="card-footer text-end"><button type="submit" class="btn btn-primary">Ekle</button></div>
                </form>
            @endcan
        </div>

        <div class="col-lg-4">
            <div class="card">
                <div class="card-body">
                    <div class="datagrid">
                        <div class="datagrid-item"><div class="datagrid-title">Müşteri</div><div class="datagrid-content"><a href="{{ route('customers.show', $ticket->customer) }}">{{ $ticket->customer->title }}</a></div></div>
                        <div class="datagrid-item"><div class="datagrid-title">Açan</div><div class="datagrid-content">{{ $ticket->creator?->name ?? '—' }}</div></div>
                        <div class="datagrid-item"><div class="datagrid-title">Açılış</div><div class="datagrid-content">{{ $ticket->created_at->timezone(config('app.display_timezone'))->format('d.m.Y H:i') }}</div></div>
                        @if ($ticket->closed_at)
                            <div class="datagrid-item"><div class="datagrid-title">Kapanış</div><div class="datagrid-content">{{ $ticket->closed_at->timezone(config('app.display_timezone'))->format('d.m.Y H:i') }}</div></div>
                        @endif
                    </div>
                </div>
                @can('manage-definitions')
                    <form method="POST" action="{{ route('tickets.update', $ticket) }}" class="card-footer" novalidate>
                        @csrf
                        @method('PUT')
                        <div class="mb-2">
                            <label class="form-label" for="t-status">Durum</label>
                            <select name="status" id="t-status" class="form-select">
                                @foreach ($statuses as $s)
                                    <option value="{{ $s->value }}" @selected($ticket->status === $s)>{{ $s->label() }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="mb-2">
                            <label class="form-label" for="t-priority">Öncelik</label>
                            <select name="priority" id="t-priority" class="form-select">
                                @foreach ($priorities as $p)
                                    <option value="{{ $p->value }}" @selected($ticket->priority === $p)>{{ $p->label() }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="mb-2">
                            <label class="form-label" for="t-user">Sorumlu</label>
                            <select name="assigned_to" id="t-user" class="form-select">
                                <option value="">—</option>
                                @foreach ($users as $user)
                                    <option value="{{ $user->id }}" @selected($ticket->assigned_to === $user->id)>{{ $user->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <button type="submit" class="btn btn-outline-primary w-100">Güncelle</button>
                    </form>
                @endcan
            </div>
        </div>
    </div>
@endsection