@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-list-alt"></span> {{Lang::get('messages.purchased_products')}} <small></h1>
            </div>
        </div>
    </div>
</div>

<div class="container">



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

@foreach ($buyProduct as $key => $order)
<div class="media well">
    <div class="row">

        <div class="col-md-3">
            <a href="#">
                @foreach($order->product->productimages as $key=>$image)
                    @if($key==0)
                    <a href="#">
                        <img class="thumbnail img-responsive" style="width:250px;height:140px;"
                             src="{{{ asset('/files/images_files/thumbnail') }}}/{{$image->name}}" alt="..."></a>
                    @else

                    <div class="row">
                        <div class="col-xs-4">
                            <a href="#" class="thumbnail img-responsives">
                                <img src="{{{ asset('/files/images_files/thumbnail') }}}/{{$image->name}}" alt="thumbnails">
                            </a>
                        </div>
                    </div>
                    @endif
                @endforeach
            </a>
        </div>

        <div class="col-md-9">

        <div class="media-body">
            <h4 class="media-heading">{{$order->product->name}}</h4>

            <p>{{$order->product->description}}</p>
            <div class="row">

                <div class="col-md-6">

                    <p><strong>{{Lang::get('messages.order_id')}}</strong> <span class="text-info">{{$order->id}}</span></p>

                    <p><strong>{{Lang::get('messages.date_of_order')}}</strong> <span class="text-info">{{$order->created_at}}</span>

                    </p>
                    <p><strong>{{Lang::get('messages.order_status')}}</strong> <span class="text-info">
                    @if($order->status==0)
                        {{Lang::get('messages.pending')}}
                    @elseif($order->status==1)
                        {{Lang::get('messages.preparing_order')}}
                    @elseif($order->status==2)
                        {{Lang::get('messages.shipped')}}
                        - {{Lang::get('messages.tracking_number')}}: {{$order->tracking_number}}
                    @endif

                    </span>
                </div>

                <div class="col-md-3">
                 <button class="btn btn-primary" data-toggle="modal" data-target="#myModal-{{$order->id}}">
                    <span class="glyphicon glyphicon-send"></span> {{Lang::get('messages.send_message_to_merchant')}}
                </button>
                </div>

            </div>

      @if($order->product->type=='digital' && !$order->product->productdigital->isEmpty())

    <h4>{{Lang::get('messages.download_digital_files')}}</h4>
    <ul>
      @foreach($order->product->productdigital as $digital)
       <li><a href="{{ route('qrpay-user_digital_download',array($digital->name,$digital->product_id,csrf_token())) }}">{{$digital->name}}</a></li>
      @endforeach
      </ul>
    @endif



            </p>
            </div>
        </div>
        <!-- Modal -->
        <div class="modal fade" id="myModal-{{$order->id}}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
             aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel">{{Lang::get('messages.send_message')}}</h4>
                    </div>
                    <div class="modal-body">
                        <form class="form-horizontal" role="form">
                            <div class="form-group">
                                <label class="col-sm-2 control-label">{{Lang::get('messages.order_id')}}</label>

                                <div class="col-sm-10">
                                    <p class="form-control-static">{{$order->id}}</p>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">{{Lang::get('messages.date_of_order')}}</label>

                                <div class="col-sm-10">
                                    <p class="form-control-static">{{$order->created_at}}</p>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">{{Lang::get('messages.message_type')}}</label>

                                <div class="col-sm-10">
                                    <select class="form-control message_type">
                                        <option value="0">{{Lang::get('messages.support')}}</option>
                                        <option value="1">{{Lang::get('messages.shipping')}}</option>
                                        <option value="2">{{Lang::get('messages.problem')}}</option>
                                        <option value="3">{{Lang::get('messages.return')}}</option>
                                    </select>
                                </div>
                            </div>
                            <input type="hidden" class="user_id" value="{{$order->user_id}}" />
                            <input type="hidden" class="owner_id" value="{{$order->owner_id}}" />
                            <div class="form-group">
                                <label class="col-sm-2 control-label">{{Lang::get('messages.your_message')}}</label>
                                <div class="col-sm-10">
                                    <textarea class="form-control order_message" rows="3" placeholder="{{Lang::get('messages.your_message')}}"></textarea>
                                </div>
                            </div>
                        </form>
                        <p class="message_result"></p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">{{Lang::get('messages.close')}}</button>
                        <button type="button" class="btn btn-primary message_send" rel="{{$order->id}}">{{Lang::get('messages.send')}}</button>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endforeach


{{ $buyProduct->links(); }}
@else

<p class="lead">You don't have any purchased product yet</p>
@endif
</div>
@stop

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

        $('.message_send').on("click", function (e) {
            e.preventDefault();
            var ForwappURL = "{{Request::url();}}/{{Lang::get('routes.message_send')}}";
            var order_id   = $(this).attr("rel");
            var user_id    = $("div#myModal-" + order_id + " input.user_id").val();
            var owner_id   = $("div#myModal-" + order_id + " input.owner_id").val();


            $("div#myModal-" + order_id + " p.message_result").html('{{Lang::get('messages.please_complete_form')}}'
            );

            $.ajax({
                url: ForwappURL,
                type: 'POST',
                dataType: "json",
                data: {message: $("div#myModal-" + order_id + " textarea.order_message").val(), order_id: order_id, type:$("div#myModal-" + order_id + " select.message_type").val(), user_id: user_id,owner_id: owner_id},
                success: function (data) {



                    if (data.status==true) {
                        $("div#myModal-" + order_id + " p.message_result").fadeOut('slow', function () {
                            $(this).html("<p class='text-success paypalvalidation'>{{Lang::get('messages.succesful_message')}}</p>").fadeIn("slow");
                        });
                    }else{
                        $("div#myModal-" + order_id + " p.message_result").fadeOut('slow', function () {
                            $(this).html("<p class='text-warning'>{{Lang::get('messages.please_complete_form')}}</p>").fadeIn("slow");
                        });
                    }
                },

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

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

                            // $('#qrpay_result').fadeOut('slow', function(){
                            //  $(this).html("<p class='text-error paypalvalidation'>{{Lang::get('messages.failed_payment')}}</p>").fadeIn("slow");
                            // });
                }
            }


            });

        });
    });
</script>
@stop