@extends('layouts.admin')

@section('content')


  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        Dashboard
        <small>Control panel</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">Dashboard</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">
      <!-- Main row -->
      <div class="row">
        <!-- Left col -->
      

     <section class="col-lg-12 connectedSortable">
          <!-- Custom tabs (Charts with tabs)-->
          <!-- quick email widget -->
          <div class="box box-info">
            <div class="box-header">
              <i class="fa fa-envelope"></i>

              <h3 class="box-title">All Feedback</h3>
              <!-- tools box -->
              <div class="pull-right box-tools">
                <button type="button" class="btn btn-info btn-sm" data-widget="remove" data-toggle="tooltip"
                        title="Remove">
                  <i class="fa fa-times"></i></button>
              </div>
              <!-- /. tools -->
            </div>
            <div class="box-body">
              <table class="table table-bordered">
                <tr>
                  <th style="width: 10px">#</th>
                  <th>Enquiry Type</th>
                  <th>Name</th>
                  <th>Email</th>
                  <th>Mobile</th>
                  <th>Message</th>
                  <th style="width: 150px">Option</th>
                </tr>
                @foreach($user as $keys=> $alluser)
                <tr>
                  <td>{{$keys+1}}</td>
                  <td>{{$alluser->enqtype}}</td>
                  <td>{{$alluser->name}}</td>
                  <td>{{$alluser->email}}</td>
                  <td>{{$alluser->contact}}</td>
                  <td>{{$alluser->query}}</td>
                  <td>
                    <a data-toggle="modal" data-id="{{$alluser->id}}" title="Add this item" class="open-AddBookDialog btn  btn-primary" href="#addBookDialog">Reply</a>
                    <a href="{{url('admin/feedback/delete/'.$alluser->id)}}" class="btn btn-sm btn-danger">Delete</a>
                  </td>
                </tr>
                @endforeach
              </table>
            </div>
            <div class="box-footer clearfix">
             
            </div>
          </div>

        </section>
        <!-- /.Left col -->
      </div>
      <!-- /.row (main row) -->
    </section>
    <!-- /.content -->
  </div>

      <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="modal fade" id="addBookDialog">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Relpy</h4>
              </div>
                  <form class="form-horizontal" method="POST" action="{{ url('admin/feedbackreply/') }}">
              <div class="modal-body">
                <input type="hidden" name="uid" id="tour_id" value="">
                        {{ csrf_field() }}
                        <div class="col-md-12 form-group">
                                
                                <textarea  class="form-control" name="message" placeholder="Your Answer" ></textarea>
                               
                        </div>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primary">Submit</button>
              </div>
            </form>
            </div>
            <!-- /.modal-content -->
          </div>
          <!-- /.modal-dialog -->
        </div>
     
<script type="text/javascript">
   $(document).on("click", ".open-AddBookDialog", function () {
     var myBookId = $(this).data('id');
     $(".modal-body #tour_id").val( myBookId );
});
</script>  
@endsection