@extends('admin.layouts.master')

@section('page_title', __('admin.Complaints'))

@section('page_heading', __('admin.Complaints'))

@section('page_text', __('admin.Complaints'))

@section('page_breadcrumb_icon') <i class="ki-duotone ki-home fs-3 text-gray-500 me-n1"></i> @endsection

@section('page_breadcrumb_item', 'Complaints')

@section('page_breadcrumb_item2', 'Complaints')

@section('css')
    <style>
        .background-color {
            background: #f1eaaf;
        }
    </style>
@endsection

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card card-flush">
                <div class="card-body">
                    <div class="row">
                        @foreach ($complaint as $item)
                            <div class="card card-flush  {{ $item->view == 0 ? 'background-color' : '' }} ">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-6">
                                            <p><strong>{{ date('l jS \\of F Y', strtotime($item->created_at)) }}</strong>
                                            </p>
                                            <p>Complaint Type: {{ $item->complaint_type }}</p>
                                            @if ($item->incident_time_date)
                                                <p>Date / Time: {{ $item->incident_time_date }}</p>
                                            @endif
                                            @if ($item->incident_cause)
                                                <p>Location: {{ $item->incident_cause }}</p>
                                            @endif
                                            <p>{{ $item->complaint_detail }}</p>
                                            <p>{{ $item->name }}</p>
                                            <p>{{ $item->apart_number }}</p>
                                            <p>{{ $item->email }}</p>
                                            <p>{{ $item->phone }}</p>
                                            <p>Occupier Status: <span>{{ $item->occupier_status }}</span></p>
                                            <div>
                                                <a class="btn btn-warning"
                                                    href="{{  url('admin/request/message-view/complaint/' . $item->id) }}">View/Reply</a>
                                                &nbsp;&nbsp;&nbsp;&nbsp;
                                                {!! Form::open([
                                                    'method' => 'DELETE',
                                                    'onsubmit' => 'return confirm("Are you sure you want to delete this?")',
                                                    'route' => ['request.complaint.destroy', $item->id],
                                                    'style' => 'display:inline',
                                                ]) !!}
                                                {!! Form::hidden('id', $item->id, ['required' => 'required', 'placeholder' => '', 'class' => 'form-control']) !!}
                                                {!! Form::button('Delete', [
                                                    'type' => 'submit',
                                                    'class' => 'border-0 btn-transition btn btn-outline-danger',
                                                    'data-toggle' => 'tooltip',
                                                    'data-placement' => 'top',
                                                    'title' => '',
                                                    'data-original-title' => 'Delete',
                                                ]) !!}
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <p class="p-2" style="background: rgb(207, 200, 200); width: 200px;">
                                                <strong>Resident</strong><br>
                                                @if ($item->user)
                                                    {{ $item->user->title }} {{ $item->user->first_name }}
                                                    {{ $item->user->last_name }}<br>
                                                    {{ $item->user->residence->apartment->name }}<br>
                                                    Floor {{ $item->user->residence->apartment->floor_no }}<br>
                                                    <a class="remail"
                                                        href="mailto:{{ $item->user->email }}">{{ $item->user->email }}</a>
                                                @endif
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection