@extends('admin.layouts.master')

@section('title', $ticket->number)
@section('page_title', 'تذكرة صيانة: ' . $ticket->number)

@section('breadcrumbs')
    <li class="breadcrumb-item"><a href="{{ route('admin.maintenance.index') }}">الصيانة</a></li>
    <li class="breadcrumb-item active">{{ $ticket->number }}</li>
@endsection

@section('content')
@php
    $priorityMap = ['low'=>'secondary','medium'=>'info','high'=>'warning','urgent'=>'danger'];
@endphp

<div class="card">
    <div class="card-header">
        <h3 class="card-title">{{ $ticket->number }}
            <span class="badge badge-{{ $ticket->statusBadge() }} mx-2">{{ $ticket->status }}</span>
            <span class="badge badge-light">{{ $ticket->type }}</span>
            <span class="badge badge-{{ $priorityMap[$ticket->priority] ?? 'secondary' }}">{{ $ticket->priority }}</span>
        </h3>
        <div class="card-tools">
            @can('maintenance.edit')
                @if($ticket->status === 'open')
                    <button type="button" class="btn btn-info btn-sm" data-toggle="modal" data-target="#assignModal">
                        <i class="fas fa-user-check"></i> إسناد
                    </button>
                @endif
                @if($ticket->status === 'assigned')
                    <form action="{{ route('admin.maintenance.start', $ticket) }}" method="POST" class="d-inline">@csrf
                        <button class="btn btn-warning btn-sm"><i class="fas fa-play"></i> بدء العمل</button>
                    </form>
                @endif
                @if($ticket->status === 'in_progress')
                    <button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target="#resolveModal">
                        <i class="fas fa-check"></i> تسجيل الحل
                    </button>
                @endif
                @if($ticket->status === 'resolved')
                    <button type="button" class="btn btn-secondary btn-sm" data-toggle="modal" data-target="#closeModal">
                        <i class="fas fa-lock"></i> إغلاق
                    </button>
                @endif
                @if(! in_array($ticket->status, ['closed', 'cancelled']))
                    <a href="{{ route('admin.maintenance.edit', $ticket) }}" class="btn btn-info btn-sm"><i class="fas fa-edit"></i> {{ __('admin.edit') }}</a>
                    <form action="{{ route('admin.maintenance.cancel', $ticket) }}" method="POST" class="d-inline">@csrf
                        <button class="btn btn-danger btn-sm" onclick="return confirm('إلغاء التذكرة؟')"><i class="fas fa-ban"></i> إلغاء</button>
                    </form>
                @endif
            @endcan
        </div>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-md-6">
                <table class="table table-sm">
                    <tr><th width="35%">العميل</th>
                        <td><a href="{{ route('admin.customers.show', $ticket->customer) }}">{{ $ticket->customer?->name_ar }}</a></td></tr>
                    @if($ticket->product)
                        <tr><th>المنتج</th><td><code>{{ $ticket->product->sku }}</code> {{ $ticket->product->name_ar }}</td></tr>
                    @endif
                    @if($ticket->invoice)
                        <tr><th>الفاتورة</th><td><a href="{{ route('admin.invoices.show', $ticket->invoice) }}">{{ $ticket->invoice->number }}</a></td></tr>
                    @endif
                    <tr><th>تاريخ البلاغ</th><td>{{ $ticket->reported_at?->format('Y-m-d') }}</td></tr>
                    <tr><th>موعد الزيارة</th><td>{{ $ticket->visit_at?->format('Y-m-d H:i') ?? '—' }}</td></tr>
                    <tr><th>المسؤول</th><td>{{ $ticket->assignee?->name ?? '— غير مسند —' }}</td></tr>
                </table>
            </div>
            <div class="col-md-6">
                <table class="table table-sm">
                    <tr><th width="35%">تاريخ الحل</th><td>{{ $ticket->resolved_at?->format('Y-m-d H:i') ?? '—' }}</td></tr>
                    <tr><th>التكلفة</th><td>{{ number_format((float) $ticket->cost, 2) }}</td></tr>
                    <tr><th>قابل للفوترة</th>
                        <td>{!! $ticket->is_billable ? '<span class="badge badge-success">نعم</span>' : '<span class="badge badge-secondary">لا</span>' !!}</td></tr>
                    @if($ticket->customer_rating)
                        <tr><th>تقييم العميل</th><td>
                            <span class="text-warning" style="font-size:1.2em">
                                {{ str_repeat('★', $ticket->customer_rating) }}{{ str_repeat('☆', 5 - $ticket->customer_rating) }}
                            </span>
                        </td></tr>
                    @endif
                    <tr><th>أنشأها</th><td>{{ $ticket->creator?->name ?? '—' }}</td></tr>
                </table>
            </div>
        </div>

        <h5 class="mt-3">{{ $ticket->subject }}</h5>
        <div class="alert alert-light border">{!! nl2br(e($ticket->description)) !!}</div>

        @if($ticket->resolution)
            <h5 class="mt-3">الحل</h5>
            <div class="alert alert-success">{!! nl2br(e($ticket->resolution)) !!}</div>
        @endif

        @if($ticket->customer_feedback)
            <h5 class="mt-3">ملاحظات العميل</h5>
            <div class="alert alert-info">{!! nl2br(e($ticket->customer_feedback)) !!}</div>
        @endif
    </div>
</div>

@can('maintenance.edit')
{{-- Assign modal --}}
<div class="modal fade" id="assignModal"><div class="modal-dialog">
    <form action="{{ route('admin.maintenance.assign', $ticket) }}" method="POST">@csrf
        <div class="modal-content">
            <div class="modal-header"><h5 class="modal-title">إسناد التذكرة</h5>
                <button class="close" data-dismiss="modal">&times;</button></div>
            <div class="modal-body">
                <div class="form-group">
                    <label>المسؤول *</label>
                    <select name="assigned_to" class="form-control" required>
                        <option value="">—</option>
                        @foreach(\App\Models\User::orderBy('name')->get() as $u)
                            <option value="{{ $u->id }}">{{ $u->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label>موعد الزيارة</label>
                    <input type="datetime-local" name="visit_at" class="form-control">
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary"><i class="fas fa-save"></i> إسناد</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">إلغاء</button>
            </div>
        </div>
    </form>
</div></div>

{{-- Resolve modal --}}
<div class="modal fade" id="resolveModal"><div class="modal-dialog">
    <form action="{{ route('admin.maintenance.resolve', $ticket) }}" method="POST">@csrf
        <div class="modal-content">
            <div class="modal-header"><h5 class="modal-title">تسجيل الحل</h5>
                <button class="close" data-dismiss="modal">&times;</button></div>
            <div class="modal-body">
                <div class="form-group">
                    <label>الحل/الإجراء *</label>
                    <textarea name="resolution" class="form-control" rows="4" required></textarea>
                </div>
                <div class="form-group">
                    <label>التكلفة</label>
                    <input type="number" step="0.01" min="0" name="cost" class="form-control" value="0">
                </div>
                <div class="form-group">
                    <div class="custom-control custom-switch">
                        <input type="checkbox" class="custom-control-input" id="is_billable" name="is_billable" value="1">
                        <label class="custom-control-label" for="is_billable">يتم تحصيل التكلفة من العميل</label>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-success">تأكيد</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">إلغاء</button>
            </div>
        </div>
    </form>
</div></div>

{{-- Close modal --}}
<div class="modal fade" id="closeModal"><div class="modal-dialog">
    <form action="{{ route('admin.maintenance.close', $ticket) }}" method="POST">@csrf
        <div class="modal-content">
            <div class="modal-header"><h5 class="modal-title">إغلاق التذكرة</h5>
                <button class="close" data-dismiss="modal">&times;</button></div>
            <div class="modal-body">
                <div class="form-group">
                    <label>تقييم العميل</label>
                    <select name="customer_rating" class="form-control">
                        <option value="">—</option>
                        <option value="5">★★★★★ ممتاز</option>
                        <option value="4">★★★★ جيد جداً</option>
                        <option value="3">★★★ جيد</option>
                        <option value="2">★★ مقبول</option>
                        <option value="1">★ ضعيف</option>
                    </select>
                </div>
                <div class="form-group">
                    <label>ملاحظات العميل</label>
                    <textarea name="customer_feedback" class="form-control" rows="3"></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-secondary">إغلاق التذكرة</button>
                <button type="button" class="btn btn-light" data-dismiss="modal">إلغاء</button>
            </div>
        </div>
    </form>
</div></div>
@endcan
@endsection

@push('scripts')
@include('admin._partials.crud_scripts')
@endpush