@extends('admin.layout.master')

@section('content')
<div class="content-wrapper">
    <div class="content-header sty-one">
        <h1>Help & Support Detail</h1> 
    </div>
    <div class="content">
    @if(session()->has('success'))
          <div class="alert alert-success">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                    {{ session()->get('success') }}
                </div>
                @else 
                @if(session()->has('error'))  
                <div class="alert alert-danger">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                    {{ session()->get('error') }}
                </div>
                @endif 
         @endif
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                    <div class="row">
                            <div class="col-md-6">
                                <label>Query Id</label>
                                <p>{{$query->id}}</p>
                            </div>
                            <div class="col-md-6">
                                <label>Query Date & Time</label>
                                <p>{{date('d-m-Y',strtotime($query->created_at))}}</p>
                            </div>
                            <div class="col-md-6">
                                <label> Name</label>
                                <p>{{$query->name}}</p>
                            </div>
                            <div class="col-md-6">
                                <label>Email Id</label>
                                <p>{{$query->email}}</p>
                            </div>
                            <div class="col-md-6">
                                <label>Mobile Number</label>
                                <p>{{$query->mobile_number}}</p>
                            </div>
                           
                        </div>
                        
                        <div class="row mt-3">
                        <div class="col-md-12 mb-3">
                                <label>Subject  </label>
                                <p>{{$query->subject}}</p>
                            </div>
                            <div class="col-md-12 mb-3">
                                <label>Description</label>
                                <p>{{$query->message}}</p>
                            </div>
                        </div>
                        @if($query->reply)
                <div class="row mt-4">
                    <div class="col-lg-12 col-xs-12 b-r">
                        <div class="major-cat">
                            <strong>Your Reply</strong>
                            <p>{{$query->reply}}</p>
                        </div>
                    </div> 
                </div>
                @else
                <div class="row mt-4">
                    <div class="col-lg-12 col-xs-12 b-r">
                        <div class="major-cat">
                            <strong>Your Message</strong>
                            <textarea class="form-control" name="reply" placeholder="Write here...."></textarea>
                            <p class="text-danger" id="error"></p>
                        </div>
                    </div> 
                </div>
                @endif
                <div class="row mt-4">
                    <div class="col-lg-12 col-xs-12 b-r">
                        <div class="help-support-img pull-right"> 
                            <a href="{{url('admin/help-management')}}" class="composemail block-user">Go Back</a>
                            <a style="cursor:default;" onclick="sendReply(this,<br />
<b>Warning</b>:  Undefined variable $query in <b>/home/petclap/public_html/dev.paperless/resources/views/admin/query/query_detail.blade.php</b> on line <b>84</b><br />
<br />
<b>Warning</b>:  Attempt to read property "id" on null in <b>/home/petclap/public_html/dev.paperless/resources/views/admin/query/query_detail.blade.php</b> on line <b>84</b><br />
)" class="composemail block-user">Reply</a>
                        </div>
                    </div> 
                </div>
                        <!-- <div class="col-md-12 text-right"> <a href="{{url('admin/help-management')}}" class="composemail">Go Back</a>
                                <a class="composemail" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">Reply</a>
                            </div> -->
                        <!-- <div class="row mt-3">
                            <div class="col-md-12">
                                <div class="collapse" id="collapseExample">
                                <form method='post' id="addForm" enctype="multipart/form-data" action="{{url('admin/query/reply',[base64_encode($query->id)])}}">
                                        @csrf
                                    <div class="card card-body">
                                    <div class="form-group">
                                        <label>Your Message</label>
                                        <textarea class="form-control validate" name="reply" cols="6" rows="6" placeholder="Write here...."></textarea>
                                        <div class="mt-4 mb-4 text-right">  <a style="cursor:default;" onclick="closeTab(this);" class="composemail">Cancel</a>   
                                        <button type="button" style="margin: 15px; height: 32px; margin-top: -5px;"  class="mybtns pull-right" onclick="validate(this);" class="btn btn-primary">Send </button> 
                                        </div>
                                    </div>
                                  </div>
                               </form>
                                </div>
                            </div>
                        </div> -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
            function validate(obj) {
            $(".text-danger").html('');
            var flag = true;
            var formData = $("#addForm").find(".validate:input").not(':input[type=button]');
            $(formData).each(function () {
                var element = $(this);
                var val = element.val();
                var name = element.attr("name");
                if (val == "" || val == "0" || val == null) {
                    
                $("#" + name + "Error").html("This field is required");
                flag = false;
                    
                    
                } else {

                }
            });
           
            if (flag) {
                $("#addForm").submit();
            } else {
                return false;
            }

            
        }
    </script>
    <script>
  function sendReply(obj, id) {
            if (id) {
                var reply = $(":input[name=reply]").val();
                if (reply) {
                    $.ajax({
                        url: "<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function url() in /home/petclap/public_html/dev.paperless/resources/views/admin/query/query_detail.blade.php:149
Stack trace:
#0 {main}
  thrown in <b>/home/petclap/public_html/dev.paperless/resources/views/admin/query/query_detail.blade.php</b> on line <b>149</b><br />