@extends('layouts.app')

@section('title', 'Meja Bantuan')
@section('bantuan', 'm-menu__item--active')

@section('content')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>


<div class="row">
    <div class="col-lg-12">
        <div class="m-portlet">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <span class="m-portlet__head-icon m--hide">
                            <i class="la la-gear"></i>
                        </span>
                        <h3 class="m-portlet__head-text">
                            SSIPR Meja Bantuan
                        </h3>
                    </div>
                </div>
            </div>
            <div class="m-portlet__body">
                <div class="m-form__section m-form__section--first">
                    <div class="m-form__heading">
                        <h3 class="m-form__heading-title" style="font-size: 16px; color: #f4516c; margin-bottom: 20px">
                            Laporan Masalah:
                        </h3>   
                    </div>
                    <table class="table table-bordered" style="width:100%">
                        <tr>
                            <th>#</th>
                            <td>{{ $data->id }}</td>
                        </tr>
                        <tr>
                            <th>ID Pengguna</th>
                            <td>{{ $data->users_id }}</td>
                        </tr>
                        <tr>
                            <th>No. Kad Pengenalan</th>
                            <td>{{ $data->ic }}</td>
                        </tr>
                        <tr>
                            <th>Emel</th>
                            <td>{{ $data->email }}</td>
                        </tr>
                        <tr>
                            <th>Nombor Telefon</th>
                            <td>{{ $data->tel_bimbit }}</td>
                        </tr>
                        <tr>
                            <th>Tarikh / Masa</th>
                            <td>{{ \Carbon\Carbon::parse($data->date_created)->format('d-m-Y (g:i A)') }}</td>
                        </tr>
                        <tr>
                            <th>Kategori</th>
                            <td>{{ !empty($data->display_name) ? $data->display_name : 'Laporan Umum' }}</td>
                        </tr>
                        <tr>
                            <th>Tajuk Laporan</th>
                            <td>{{ $data->tajuk_laporan }}</td>
                        </tr>
                        <tr>
                            <th>Laporan</th>
                            <td><div style="width: 500px">{!! $data->laporan !!}</div></td>
                        </tr>
                        <tr>
                            <th>Dokumen</th>
                            <td>
                                <a href="{{ url('storage/rakyatdocuments/feedback/') }}/{{ $data->ipr_id }}/{{ $data->file }}" target=_blank>{{ $data->file }}</a>
                                @php
                                    $file_ext = pathinfo( url('storage/rakyatdocuments/feedback/'.$data->ipr_id.'/'. $data->file), PATHINFO_EXTENSION)
                                @endphp

                                @if(in_array(strtolower($file_ext), ['jpeg', 'jpg', 'png']))
                                <div class="mt-3">
                                    <a href="{{ url('storage/rakyatdocuments/feedback/') }}/{{ $data->ipr_id }}/{{ $data->file }}" target=_blank>
                                        <img src="{{ url('storage/rakyatdocuments/feedback/') }}/{{ $data->ipr_id }}/{{ $data->file }}" class="img-thumbnail" width="500px">
                                    </a>
                                </div>
                                @endif
                            </td>
                        </tr>
                    </table>
                </div>

                <hr class="my-5">

                <div class="m-form__section m-form__section--middle">
                    <div class="m-form__heading">
                        <h3 class="m-form__heading-title" style="font-size: 16px; color: #f4516c; margin-bottom: 20px">
                            Kemaskini:
                        </h3>   
                    </div>
                    <form action="{{ url('bantuan/ulasan') }}" class="m-form m-form--label-align-right" method="post">
                        @csrf
                        <input type="text" name="feedback_id" value="{{ $data->id }}" hidden>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Status:
                            </label>
                            <div class="col-lg-10">
                                <select id="feedbackstatus" name="feedbackstatus" class="form-control m-input">
                                    <option value="baru"  @if($data->feedback_status == 'null' || $data->feedback_status == '0') selected @endif>Baru</option>
                                    <option value="dalam proses"  @if($data->feedback_status == '1') selected @endif>Dalam Proses</option>
                                    <option value="selesai"  @if($data->feedback_status == '2') selected @endif>Selesai</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Ulasan:
                            </label>
                            <div class="col-lg-10">
                                <textarea class="form-control" rows="10" cols="50" name="ulasan"></textarea>
                                <span class="text-danger font-italic">** Emel akan dihantar kepada pengadu setelah menekan butang Hantar di bawah</span>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <div class="col-lg-12 text-center">
                                <button type="submit" class="btn btn-primary">Hantar</button> 
                            </div>
                        </div>
                    </form>
                </div>

                <div class="m-form__section m-form__section--middle">
                    <div class="m-form__heading">
                        <h3 class="m-form__heading-title" style="font-size: 16px; color: #f4516c; margin-bottom: 20px">
                            Sejarah Kemaskini:
                        </h3>   
                    </div>
                    <table class="table table-bordered" width="100%">
                        <thead class="bg-light">
                            <tr>
                                <th>Dikemaskini Oleh</th>
                                <th>Ulasan</th>
                                <th>Tarikh Kemaskini</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($ulasans as $ulasan)
                            <tr>
                                <td>{{ $ulasan->name }}</td>
                                <td>{{ $ulasan->ulasan }}</td>
                                <td>{{ \Carbon\Carbon::parse($ulasan->ulasan_created)->format('d-m-Y (g:i A)') }}</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <center><a href="{{ url('bantuan') }}" class="btn btn-primary my-3">Kembali</a></center>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection