@extends('back.layouts.main')
@section('title', 'اتصل بنا')
@section('content')
    @if ($model->status)
        <div class="card">
            <div class="card-body">
                <div class="col-md-3">
                    <table class='table table-striped'>
                        <tr>
                            <th>الحالة</th>
                            <td>{{ @$model->status->name }}</td>
                        </tr>
                        <tr>
                            <th>تم بواسطة</th>
                            <td>{{ @$model->statusBy->name }}</td>
                        </tr>
                        <tr>
                            <th> في </th>
                            <td>{{ $model->status_at }}</td>
                        </tr>
                        @if ($model->is_solved_by_phone == 1)
                            <tr>
                                <th>تم الحل بالهاتف </th>
                                <td>{{ $model->phone_solution }}</td>
                            </tr>
                        @endif
                    </table>
                </div>
            </div>
        </div>
    @endif
    <div class="card">
        <div class="card-content collapse show">

            <div class="card-body card-dashboard">
                <div class="mb-2 text-right">
                    <a class='btn btn-success' href="contactus/changeStatus/1?id={{ $model->id }}">تم الحل</a>
                    <a class='btn btn-success' data-toggle="modal" data-target="#solved-by-phone">تم الحل عن طريق الهاتف</a>

                    <a class='btn btn-warning' href="contactus/changeStatus/2?id={{ $model->id }}">جاري الحل</a>
                    <a class='btn btn-warning' href="contactus/changeStatus/3?id={{ $model->id }}">بحاجة لحل</a>
                </div>


                <div class="row">
                    <div class="col-md-9">
                        <table class='table table-striped'>
                            <tr>
                                <th>الاسم</th>
                                <td>{{ $model->name }}</td>
                            </tr>
                            <tr>
                                <th>البريد الاكتروني</th>
                                <td>{{ $model->email }}</td>
                            </tr>
                            <tr>
                                <th>الموبايل</th>
                                <td>{{ $model->mobile }}</td>
                            </tr>
                            <tr>
                                <th>النوع</th>
                                <td>{{ $model->reason }}</td>
                            </tr>
                            <tr>
                                <th>الرسالة</th>
                                <td>{{ $model->msg }}</td>
                            </tr>
                            <tr>
                                <th>وقت الرسالة</th>
                                <td>{{ $model->created_at }}</td>
                            </tr>
                            <tr>
                                <th>المصدر</th>
                                <td>
                                    @if ($model->from_backend == 1)
                                        الهاتف
                                        <br>
                                        {{ @$model->createdBy->name }}
                                    @else
                                        التطبيق
                                    @endif

                                </td>
                            </tr>
                        </table>
                    </div>

                </div>


                <div class="col-12">
                    <h3>الردود السابقة</h3>
                    <table class='table table-striped'>
                        <tr>
                            <th>الرد</th>
                            <th>المرسل</th>
                            <th>الوقت</th>
                        </tr>
                        @forelse($model->replies as $reply)
                            <tr>
                                <td>{{ $reply->reply }}</td>
                                <td>{{ @$reply->createdBy->name }}</td>
                                <td>{{ $reply->created_at->format('Y-m-d h:i A') }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td class='text-center' colspan='3'>لا يوجد ردود على هذه الرسالة</td>
                            </tr>
                        @endforelse
                    </table>
                </div>
                <form action="contactus/reply" method="post">
                    {{ csrf_field() }}
                    <input type="hidden" name="contactus_id" value='{{ $model->id }}'>
                    <input type="hidden" name="mobile" value='{{ $model->mobile }}'>
                    <div class="row px-3">
                        <div class='col-md-6'>
                            <label for="">الرد</label>
                            <textarea name="msg" class="form-control" cols="15" rows="10"></textarea>
                        </div>
                        <div class="w-100"></div>
                        {{-- <div class='col-md-6'>
					<label for="">نوع الرسالة</label>
					<select name="type" class="form-control">
						<option value="sms">SMS</option>
						<option value="notification">Notification</option>
					</select>
				</div> --}}
                        <div class='col-md-6 my-2'>
                            <input type="submit" class='btn btn-primary' value="ارسال">
                        </div>
                    </div>
                </form>

            </div>
        </div>

        <!-- Modal -->
        <div class="modal fade" id="solved-by-phone" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
            aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalCenterTitle">تم الحل</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <form action="contactus/solved_by_phone" method="post">
                            @csrf
                            <input type="hidden" name="id" value='{{ $model->id }}'>
                            <textarea name="phone_solution" class="form-control" required>{{ $model->phone_solution }}</textarea>
                            <input type="submit" class='btn btn-success' value="تم الحل">
                        </form>
                    </div>
                </div>
            </div>
        </div>

    @stop