@extends('layouts.default')

@section('content')


<div class="jumbotron jumbotron-sm jumbotron_contact jumbotron-sm-contact">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 col-lg-12">
                <h1 class="h1 contact_h1 " >
                  <span class="glyphicon glyphicon-envelope"></span> {{Lang::get('messages.messages')}} <small></h1>
            </div>
        </div>
    </div>
</div>

<div class="container">

<div class="row">

@if(!$Message->isEmpty())




  @foreach($Message as $key=> $message)



  @if($message->user_id==Auth::user()->id)



  <div class="alert alert-warning">

    <h3>
      <i class="fa fa-reply blue-icon"></i>
      <a href="#" class="text-info message_detail">{{$message->order->product->name}}</a>
      <small>



       @if($message->status_type==1)
        <span class="label label-default">{{Lang::get('messages.close_conversation')}} <span class="glyphicon glyphicon-ok"></span></span>
       @else
         @foreach($message->messagedetail as $key=>$messagedetail)
         @if($key+1 == count($message->messagedetail))
                @if(Auth::user()->id == $messagedetail->user_id )
                <span class="label label-default">{{Lang::get('messages.answered')}} <span class="glyphicon glyphicon-ok"></span></span>
                @else
                <span class="label label-warning">{{Lang::get('messages.waiting_answer')}} <span class="glyphicon glyphicon-flash"></span></span>
                @endif
        @endif
        @endforeach
      @endif





        @if($message->type==0)

        <span class="label label-info"><i class="fa fa-headphones"></i> {{Lang::get('messages.support')}}</span>
        @elseif($message->type==1)


        <span class="label label-primary"><i class="fa fa-truck"></i> {{Lang::get('messages.shipping')}}</span>
        @elseif($message->type==2)

        <span class="label label-warning"><i class="fa fa-bug"></i> {{Lang::get('messages.problem')}}</span>
        @elseif($message->type==3)


        <span class="label label-danger"><i class="fa fa-reply"></i> {{Lang::get('messages.return')}}</span>
        @endif

      </small>
    </h3>

<!--     <span class="mail_buttons pull-right">

      <a class="btn btn-sm btn-success" href="#"><span class="glyphicon glyphicon-lock"></span> {{Lang::get('messages.close_conversation')}}</a>
      <a href="#" class="btn btn-sm btn-danger"><span class="glyphicon glyphicon-trash"></span> {{Lang::get('messages.delete')}}</a>

    </span> -->

    <div class="comments" style="display:none;" id="comments">

      <ul class="media-list">
        @foreach($message->messagedetail as $key=>$messagedetail)
        <li class="media">
          <a class="pull-left" href="#">
            <img class="media-object" src="http://placehold.it/64x64">

          </a>
          <div class="media-body">
            <h4 class="media-heading">{{$messagedetail->user->name}}</h4>
            <p class="text-warning">{{$messagedetail->message}}</p>
            <!-- Nested media object -->
          </li>
          @endforeach
        </ul>
@if($message->status_type==0)
        <div class="reply">

          <p><textarea class="form-control order_message" rows="3"></textarea></p>
          <button class="btn btn-primary pull-right message_send" rel="{{$message->order->id}}"><span class="glyphicon glyphicon-send"></span> {{Lang::get('messages.reply')}}</button>
          <input type="hidden" class="user_id" value="{{$message->order->user_id}}" />
          <input type="hidden" class="owner_id" value="{{$message->order->owner_id}}" />
          <input type="hidden" class="type" value="{{$message->type}}" />
          <input type="hidden" class="reply_user_id" value="{{Auth::user()->id}}" />
          <input type="hidden" class="created_at" value="{{$message->created_at}}" />
        </div>
@endif
      </div>

      <p class="message_bottom">
       <a href="#" class="message_detail"><i class="fa fa-comments"></i> {{count($message->messagedetail)}} {{Lang::get('messages.messages')}} </a>|
       <a href=""><i class="fa fa-user"></i> {{$message->order->fullname}}</a> | <a href=""><i class="fa fa-calendar-o"></i> {{$message->order->created_at}}</a>|
       <a href="#" class="message_detail"><span class="glyphicon glyphicon-envelope"></span> {{$message->order->email}}</a>
     </p>

     <p class="message_result-{{$message->order->id}}"></p>

   </div>

   @else


   <div class="alert alert-info">

    <h3>
      <i class="fa fa-inbox blue-icon"></i>
      <a href="#" class="text-info message_detail">{{$message->order->product->name}}</a>
      <small>


       @if($message->status_type==1)
        <span class="label label-default">{{Lang::get('messages.close_conversation')}} <span class="glyphicon glyphicon-ok"></span></span>
       @else
          @foreach($message->messagedetail as $key=>$messagedetail)
          @if($key+1 == count($message->messagedetail))
          @if(Auth::user()->id == $messagedetail->user_id )
          <span class="label label-default">{{Lang::get('messages.answered')}} <span class="glyphicon glyphicon-ok"></span></span>
          @else
          <span class="label label-warning">{{Lang::get('messages.waiting_answer')}} <span class="glyphicon glyphicon-flash"></span></span>
          @endif
          @endif

          @endforeach
      @endif





        @if($message->type==0)

        <span class="label label-info"><i class="fa fa-headphones"></i> {{Lang::get('messages.support')}}</span>
        @elseif($message->type==1)


        <span class="label label-primary"><i class="fa fa-truck"></i> {{Lang::get('messages.shipping')}}</span>
        @elseif($message->type==2)

        <span class="label label-warning"><i class="fa fa-bug"></i> {{Lang::get('messages.problem')}}</span>
        @elseif($message->type==3)


        <span class="label label-danger"><i class="fa fa-reply"></i> {{Lang::get('messages.return')}}</span>
        @endif

      </small>
    </h3>

    <span class="mail_buttons pull-right">

    @if($message->status_type==0)
      <a class="btn btn-sm btn-success" href="{{URL::route('qrpay-message_conversation',array('status' => 'close','message_id' => $message->id,'token' => csrf_token() ))}}"><span class="glyphicon glyphicon-lock"></span> {{Lang::get('messages.close_conversation')}}</a>
    @elseif($message->status_type==1)
      <a class="btn btn-sm btn-success" href="{{URL::route('qrpay-message_conversation',array('status' => 'open','message_id' => $message->id,'token' => csrf_token() ))}}"><span class="glyphicon glyphicon-lock"></span> {{Lang::get('messages.open_conversation')}}</a>
    @endif
<!--       <a href="#" class="btn btn-sm btn-danger"><span class="glyphicon glyphicon-trash"></span> {{Lang::get('messages.delete')}}</a> -->

    </span>

    <div class="comments" style="display:none;" id="comments">



      <ul class="media-list">
        @foreach($message->messagedetail as $key=>$messagedetail)
        <li class="media">
          <a class="pull-left" href="#">
            <img class="media-object" src="http://placehold.it/64x64">

          </a>
          <div class="media-body">
            <h4 class="media-heading">{{$messagedetail->user->name}}</h4>
            <p class="text-warning">{{$messagedetail->message}}</p>
            <!-- Nested media object -->
          </li>
          @endforeach
        </ul>

@if($message->status_type==0)
        <div class="reply">

          <p><textarea class="form-control order_message" rows="3"></textarea></p>
          <button class="btn btn-primary pull-right message_send" rel="{{$message->order->id}}"><span class="glyphicon glyphicon-send"></span> {{Lang::get('messages.reply')}}</button>
          <input type="hidden" class="user_id" value="{{$message->order->user_id}}" />
          <input type="hidden" class="owner_id" value="{{$message->order->owner_id}}" />
          <input type="hidden" class="type" value="{{$message->type}}" />
          <input type="hidden" class="reply_user_id" value="{{Auth::user()->id}}" />
          <input type="hidden" class="created_at" value="{{$message->created_at}}" />
        </div>
@endif
      </div>

      <p class="message_bottom">
       <a href="#" class="message_detail"><i class="fa fa-comments"></i> {{count($message->messagedetail)}} {{Lang::get('messages.messages')}} </a>|
       <a href=""><i class="fa fa-user"></i> {{$message->order->fullname}}</a> | <a href=""><i class="fa fa-calendar-o"></i> {{$message->order->created_at}}</a>|
       <a href="#" class="message_detail"><span class="glyphicon glyphicon-envelope"></span> {{$message->order->email}}</a>
     </p>
     <p class="message_result-{{$message->order->id}}"></p>
   </div>

   @endif

   @endforeach
 </div>
{{ $Message->links(); }}
@else
 <p class="lead"> {{Lang::get('messages.no_message')}}</p>
@endif



</div>
</div>
@stop

@section('footer_js')
<script type="text/javascript">
	$(document).ready(function(){

		$('#myMessages a').click(function (e) {
			e.preventDefault()
			$(this).tab('show')
		})

		$('a.message_detail').click(function(e){
			e.preventDefault();
			$(this).parent().siblings('div.comments').slideToggle('slow');

		});

    $('.message_send').on("click", function (e) {
      e.preventDefault();
      var ForwappURL          = "{{URL::route('qrpay-user_myreceivedproducts_message')}}";
      var order_id            = $(this).attr("rel");
      var user_id             = $(this).siblings('input.user_id').val();
      var owner_id            = $(this).siblings("input.owner_id").val();
      var type                = $(this).siblings("input.type").val();
      var reply_user_id       = $(this).siblings("input.reply_user_id").val();
      var created_at          = $(this).siblings("input.created_at").val();
      var message             = $(this).prev('p').children('textarea').val();

      $.ajax({
        url: ForwappURL,
        type: 'POST',
        dataType: "json",
        data: {message: message, order_id: order_id, type:type, user_id: user_id,owner_id: owner_id, reply_user_id:reply_user_id,created_at:created_at},
        success: function (data) {


          if (data.status==true) {

            $('p.message_result-'+order_id).fadeIn('slow',function(){
              $(this).html("<p class='text-success paypalvalidation'>{{Lang::get('messages.succesful_message')}}</p>").fadeIn("slow");
            });
            location.reload();

          }else{

            $('p.message_result-'+order_id).fadeIn('slow',function(){
              $(this).html("<p class='text-danger'>{{Lang::get('messages.fail_message')}}</p>").fadeIn("slow");
            });

          }
        },

        error: function (xhr, textStatus, thrownError) {
          if (xhr.status == 500 || xhr.status == 404) {

            $("div#all-" + order_id + " p.message_result").fadeOut('slow', function () {
              $(this).html("<p class='text-danger'>{{Lang::get('messages.technical_error')}}</p>").fadeIn("slow");
            });

          }
        }

      });
});






});
</script>
@stop