@extends('components.customer_layout')
@section('customer-content')
    <div class="container mt-4">
        <h2>Complaint Details</h2>
        <a href="#" class="btn btn-sm btn-info float-end">Approve</a>
        <table class="table table-bordered">
            <tr>
                <th>Application Number</th>
                <td>{{ $complaint->application_number }}</td>
            </tr>
            <tr>
                <th>Customer</th>
                <td>{{ $complaint->customer->full_name }}</td>
            </tr>
            <tr>
                <th>Office</th>
                <td>{{ $complaint->office->name }}</td>
            </tr>
            <tr>
                <th>Service</th>
                <td>{{ $complaint->service->name }}</td>
            </tr>
            <tr>
                <th>Description</th>
                <td>{{ $complaint->description }}</td>
            </tr>
            <tr>
                <th>File</th>
                <td>
                    @if($complaint->file)
                        <a href="{{ asset('storage/' . $complaint->file) }}" target="_blank">View File</a>
                    @else
                        No file uploaded
                    @endif
                </td>
            </tr>
        </table>
        @if($complaint->file)
            <embed src="{{ asset('storage/' . $complaint->file) }}" width="100%" height="440px"
                   alt="pdf"/>        @else
            <p>No file uploaded</p>
        @endif
        <a href="{{ route('complaint.mayor.index') }}" class="btn btn-secondary">Back</a>
    </div>
    @endsection