@extends('layouts.app')
@section('title', 'Brand')
@section('breadcrumb', 'Brand')
@section('sub-breadcrumb')
    {{-- <span class="kt-subheader__breadcrumbs-separator"></span> --}}
    <a class="kt-subheader__breadcrumbs-link">
        Detail Enquiry
    </a>
@endsection
@section('manage-contact', 'kt-menu__item--active')
@section('content')
<div class="kt-portlet">
    <div class="kt-portlet__head">
        <div class="kt-portlet__head-label">
            <h3 class="kt-portlet__head-title">
                <i class="flaticon-medal"></i> Detail Enquiry
            </h3>
        </div>
    </div>

        @include('layouts.notification')

        <div class="kt-portlet__body">
            <div class="row">
                <div class="col-md-6" style="height: 500px;">
                    <label>User Detail:</label>
                        <input type="text" class="form-control" id="name" value="{{$detail['user']['name']}} || {{$detail['user']['email']}} || {{$detail['user']['phone']}}" disabled>

                        <label for="name" class="col-form-label">Subject</label>
                            <input type="text" class="form-control" id="name" value="{{$detail['subject']}}" disabled><br>



                        <label for="">Reply</label>
                            <textarea disabled class="form-control summernoteEnquiry">{{ $detail['messages'] }}</textarea>
                        <label for="name" class="col-form-label">Status</label>
                            <input type="text" class="form-control" id="name" value="@if($detail['is_read'] == 1) Read ||@else Unread ||@endif @if($detail['is_reply'] == 1) Replied @else Unreply @endif" disabled>


                        <label for="name" class="col-form-label">Photo</label><br>
                        @if($detail['file'] == null)
                            <img src="https://vignette.wikia.nocookie.net/simpsons/images/6/60/No_Image_Available.png/revision/latest?cb=20170219125728" style="height:100px" />
                        @else
                        <img alt="5" src="{{url('image-show').'?image='.$detail['file']}}"  class="context-menu-one img-thumbnail" width="100" onClick="javascript:openModal('{{url('image-show').'?image='.$detail['file']}}')">
                        @endif

                </div>

                <div class="col-md-6" style="height:500px";>
                    @if($detail['is_reply'] == 1)




                        <label for="">Reply</label>
                            <textarea disabled class="form-control summernoteEnquiry">@if($detail['is_reply'] == 1) {{ $detail['reply_body'] }} @else pesan ini belum dibalas @endif</textarea>



                        <label for="name" class="col-form-label">Reply Image</label><br>
                        @if($detail['reply_image'] == null)
                            <img src="https://vignette.wikia.nocookie.net/simpsons/images/6/60/No_Image_Available.png/revision/latest?cb=20170219125728" style="height:100px;border:2;" />
                        @else

                        <img alt="5" src="{{url('image-show').'?image='.$detail['reply_image']}}"  class="context-menu-one img-thumbnail" width="100" onClick="javascript:openModal('{{url('image-show').'?image='.$detail['reply_image']}}')">

                        @endif
                    @else
                    <form action="{{url('enquiry/reply')}}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="form-group">
                    <label for="">Reply</label>
                            <textarea class="form-control summernoteEnquiry" name="messages" id="" rows="3" placeholder="Masukan pesan balasan . ."></textarea>
                            <br>
                            {{-- <input name="email" type="hidden" value="{{$detail['user']['email']}}">
                            <input name="name" type="hidden" value="{{$detail['user']['name']}}"> --}}
                            <input name="id" type="hidden" value="{{$detail['id']}}">
                            <label for=""><b>Upload Image</b></label>
                            <input type="file" name="reply_image">
                        </div>
                            <button type="submit" class="btn btn-primary">Reply</button>

                    @endif
                    <button class="btn btn-secondary btn-back" type="button">Back</button>
                </form>
                </div>


        </div>







    <div class="kt-separator kt-separator--dashed"></div>

</div>

<div class="modal fade" id="openImage" tabindex="-1" role="dialog" aria-labelledby="openImageLabel" aria-hidden="true">
    <div class="modal-dialog" style="max-width: 90%;" role="document">
    <div class="modal-content">
        <div class="modal-body text-center">
            <img id="gambar" src="" style="max-width:100%;">
        </div>
    </div>
    </div>
</div>
@endsection
@section('custom-script')
<script>
    function openModal(data) {
        $('#gambar').attr("src", data);
        $('#openImage').modal('show');
    }

    $(".btn-back").on("click", function(){
         window.history.back();
     });
</script>
@endsection