@extends('layouts.default')

@section('content')


	<h1 class="page-header">Products</h1>


  <div class="media well">
  <a class="pull-left" href="#">
    <img class="media-object img-rounded" src="http://placehold.it/250x200" alt="...">
  </a>
  <div class="media-body">
    <h4 class="media-heading">Test Product</h4>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras porttitor quam elit, et convallis odio malesuada eu. Curabitur tristique, elit nec convallis ullamcorper, dui neque mollis nulla, eget pretium lectus nulla quis ligula. Proin sit amet ligula ac neque suscipit feugiat. Sed ut pharetra ante. Ut sollicitudin aliquet ultricies. Curabitur lacinia ligula nibh, eu fermentum lorem facilisis ut. Sed condimentum vel libero ac venenatis. Morbi suscipit leo eu augue aliquet scelerisque.</p>
    <p> <strong>Order ID</strong> <span class="text-info">E234FG</span></p>
    <p> <strong>Date of Order</strong> <span class="text-info">02-12-2014</span><button class="btn btn-primary pull-right" data-toggle="modal" data-target="#myModal">
    <span class="glyphicon glyphicon-send"></span>   Send message to your merchant</button></p>
    <p> <strong>Order Status</strong> <span class="text-info">Pending</span>
    </p>

<!-- Modal -->
<div class="modal fade" id="myModal" 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">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">Order ID</label>
    <div class="col-sm-10">
      <p class="form-control-static">E234FG</p>
    </div>
  </div>

    <div class="form-group">
    <label class="col-sm-2 control-label">Date of Order</label>
    <div class="col-sm-10">
      <p class="form-control-static">02-12-2014</p>
    </div>
  </div>

      <div class="form-group">
    <label class="col-sm-2 control-label">Your Message</label>
    <div class="col-sm-10">
      <textarea class="form-control" rows="3"></textarea>
    </div>
  </div>

</form>


      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Send</button>
      </div>
    </div>
  </div>
</div>


  </div>
</div>



   <h1 class="page-header">Products</h1>

     <div class="media well">


  <a class="pull-left" href="#"><img class="media-object img-rounded" src="http://placehold.it/250x200" alt="..."></a>


  <div class="media-body">
    <h4 class="media-heading">Test Product</h4>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras porttitor quam elit, et convallis odio malesuada eu. Curabitur tristique, elit nec convallis ullamcorper, dui neque mollis nulla, eget pretium lectus nulla quis ligula. Proin sit amet ligula ac neque suscipit feugiat. Sed ut pharetra ante. Ut sollicitudin aliquet ultricies. Curabitur lacinia ligula nibh, eu fermentum lorem facilisis ut. Sed condimentum vel libero ac venenatis. Morbi suscipit leo eu augue aliquet scelerisque.</p>
    <p> <strong>Product ID</strong> <span class="text-info">E234FG</span></p>
    <p> <strong>Created At</strong> <span class="text-info">02-12-2014</span></p>
    <p> <strong>Price</strong> <span class="text-info">$70 </span></p>
    <p> <strong>Sales Count</strong> <span class="text-info">120 </span></p>
    <p>
 <button type="button" class="btn btn-success">
  <span class="glyphicon glyphicon-pencil"></span> Edit
</button>

	 <button type="button" class="btn btn-warning">
  <span class="glyphicon glyphicon-qrcode"></span> Get Code
</button>

    <button type="button" class="btn btn-danger">
  <span class="glyphicon glyphicon-trash"></span> Delete
</button></p>







  </div>
</div>



@stop