
<?php include('header.php');?>

<section class="product-details-main-sec"> 
	<div class="container-fluid">
		<div class="row">
			<div class="col-md-6">
				 <div class="">
               <div class="videowidth">
                  <video muted="" loop="" preload="" width="100%">
                     <source src="assets\vedio\1.mp4" type="video/mp4">
                     <source src="12.webm" type="video/webm">
                  </video>
               </div>
            </div> 
			</div>
			<div class="col-md-6">

				<div class="outer-imag-detials-box artwork-focus">
          <div class="row">
            <!--  <div class="col-md-6">
              <div class="how-look-img-box">
                <div class="side-slider">
                  <div class="item for-show-look1">
                    <img src="assets/images/other/show-look.jpg" class="img-fluid">
                    <img src="assets/images/other/show-look.jpg" class="img-look">
                  </div>
                  <div class="item for-show-look2">
                    <img src="assets/images/other/show-look2.jpg" class="img-fluid">
                    <img src="assets/images/other/show-look.jpg" class="img-look">
                  </div>
                   <div class="item for-show-look2">
                      <a href="/frontEndBlockOfPainting?pain_id=5e733197117e94001c994c19&user_id=5e0dbd9a141056001c7524d6">
                                 <div class="desc-painting-all">
                                       <h4>Artist: Wajid khan</h4>  
                                       <div class="row inner-row">
                                           <div class="col-md-4 col-sm-4 col-4">
                                               <h6 class="heading-line">Err<span>,2014</h6>
                                               <div>

                                                   
                                                   <img class="art-img-main" src="assets/images/other/show-look.jpg" class="img-fluid">
                                                    
                                                   <div class="signature-box">
                                                    
                                                    
                                                    <img src="assets/images/other/show-look.jpg">
                                                    
                                                       
                                                       
                                                   </div>
                                               </div>
                                           </div>
                                           <div class="col-md-8 col-sm-8 col-8">
                                               <div>
                                                   <ul>
                                                       <li>
                                                           <img src="assets/images/other/ART-W-SEAL.png" class="img-fluid">
                                                       </li>
                                                        <li>
                                                           <img src="assets/images/other/artistseal.png" class="img-fluid">
                                                       </li>
                                                      
                                                   </ul>
                                                   <div class="row">
                                                       <div class="col-md-4 col-sm-4 col-4">
                                                           <div class="inner-text">
                                                               <h6>Orientation</h6>
                                                               <h3>landscape</h3>
                                                           </div>
                                                       </div>
                                                       <div class="col-md-4 col-sm-4 col-4">
                                                           <div class="inner-text">
                                                               <h6>Location</h6>
                                                               <h3>Indore</h3>
                                                           </div>
                                                       </div>
                                                       <div class="col-md-4 col-sm-4 col-4">
                                                           <div class="inner-text">
                                                               <h6>Type</h6>
                                                               <h3>painting</h3>
                                                           </div>
                                                       </div>
                                                       <div class="col-md-4 col-sm-4 col-4">
                                                           <div class="inner-text">
                                                               <h6>Size</h6>
                                                               <h3>34x34 cm</h3>
                                                           </div>
                                                       </div>
                                                       <div class="col-md-4 col-sm-4 col-4">
                                                           <div class="inner-text">
                                                               <h6>Category</h6>
                                                               <h3>everyday life</h3>
                                                           </div>
                                                       </div>
                                                       <div class="col-md-4 col-sm-4 col-4">
                                                           <div class="inner-text">
                                                               <h6>Style</h6>
                                                               <h3>comics</h3>
                                                           </div>
                                                       </div>
                                                       <div class="col-md-4 col-sm-4 col-4">
                                                           <div class="inner-text">
                                                               <h6>For Sale</h6>
                                                               <h3>yes</h3>
                                                           </div>
                                                       </div>
                                                       <div class="col-md-4 col-sm-4 col-4">
                                                           <div class="inner-text">
                                                               <h6>Technique</h6>
                                                               <h3>chalk</h3>
                                                           </div>
                                                       </div>
                                                   </div>
                                                   <div class="row">
                                                      
                                                   </div>
                                               </div>
                                           </div>
                                       </div>
                                       <div class="row">
                                           <div class="col-md-12">
                                               <div class="past-event-table">
                                                   <h6>Past Events/History</h6>
                                                   <table class="table table-bordered">
                                                      <thead>
                                                        <tr>
                                                          <th scope="col">Event</th>
                                                          <th scope="col">User</th>
                                                          <th scope="col">Timestamp</th>
                                                        </tr>
                                                      </thead>
                                                      <tbody>
                                                        <tr>
                                                          <td>Created</td>
                                                          <td>Wajid khan</td>
                                             
                                                          <td>Nov 26, 2019 | 11:30 am</td>
                                                        </tr>
                                                      </tbody>
                                                    </table>
                                               </div>
                                           </div>
                                       </div>
                             </div>
                            </a>
                  </div>
                </div>
                
              </div>
            </div> -->
            <div class="col-md-12">
              <div class="row">
                <div class="col-md-6">
                    <div class="name first-box-here">
                       <h2>MoeTokens - #123/150</h2>
                       <p class="text-muted"><a href="#">By Amit Singh</a></p>
                       <p ><a href=""> <img src="assets/images/other/home-image3.png">  Owned by DrBurry </a></p>
                    </div>
                </div>
                <div class="col-md-6 col-6">
                   <div class="jumbotron new-box text-center">
                     <p class="font-weight-light" >Current Price</p>
                     <h2><i class="fab fa-ethereum fa-1x"></i>  1 ETC <span><i>(USD 2,000.00)</i></span> </h2>
                     <div>
                     	<button type="button" class="btn btn-primary buy">Buy Now</button>
                     </div>
                  </div>
                </div>
              </div>
                 <div class="">
                            <div class="artwork-details ">
                                <ul class="artwork-details-list">
                                    <li>
                                        <div class="title">Contract Address</div>
                                        <div class="info"><a href="https://etherscan.io/address/0x495f947276749ce646f68ac8c248420045cb7b5e">-0x495f...b7b5e</a></div>
                                    </li>
                                    <li>
                                        <div class="title">Token ID</div>
                                        <div class="info">7689653129144294...</div>
                                    </li>
                                    <li>
                                        <div class="title">Blockchain</div>
                                        <div class="info">Ethereum</div>
                                    </li>
                                    <li>
                                        <div class="title">View Offers</div>
                                        <div class="info">landscape</div>
                                    </li>
                                 </ul>
                                <div class="clear"></div>
                            </div>
                        </div>
            </div>
           

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


<section class="for-all-collaps-sec"  id="accordion">
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-6 mb-3">
        <div class="panel-group" >
          <div class="panel panel-default">
            <div class="panel-heading">
              <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">
                <i class="fas fa-link"></i> Chain Info</a>
              </h4>
            </div>
            <div id="collapse1" class="panel-collapse collapse in">
              <div class="panel-body">
                  <div>
                    <ul>
                      <li><span>Contract Address</span>  <span><a href="https://etherscan.io/address/0x495f947276749ce646f68ac8c248420045cb7b5e">-0x495f...b7b5e</a></span></li>
                      <li><span>Token ID</span> <span>7689653129144294...</span></li>
                      <li><span>Blockchain</span> <span>Ethereum</span></li>
                    </ul>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-6 mb-3">
        <div class="panel-group" >
          <div class="panel panel-default">
            <div class="panel-heading">
              <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">
                <i class="fas fa-gift"></i> Current Offer</a>
              </h4>
            </div>
            <div id="collapse2" class="panel-collapse collapse in">
              <div class="panel-body">
                  <div class="table-inner-panel table-responsive">
                    <table class="table">
                      <tr>
                        <th>From</th>
                        <th>Unit Price (in ETH)</th>
                        <th>Quantity</th>
                        <th>Expire At</th>
                      </tr>
                      <tr>
                        <td>
                          <a href="">
                            <div class="client">
                              <img src="assets/images/other/show-look.jpg">
                              HugMe
                            </div>
                          </a>
                        </td>
                        <td><span><i class="fab fa-ethereum fa-1x"></i></span> 2,009.99 ($2,030.09)</td>
                        <td>2,009</td>
                        <td>3:00 PM</td>
                      </tr>
                    </table>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      


      <div class="col-md-12 mt-3">
        <div class="panel-group" >
          <div class="panel panel-default">
            <div class="panel-heading">
              <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapse3">
                <i class="fas fa-clipboard-list"></i> Trading History</a>
              </h4>
            </div>
            <div id="collapse3" class="panel-collapse collapse in">
              <div class="panel-body">
                 <div class="table-inner-panel table-responsive">
                    <table class="table">
                      <tr>
                        <th>Type (bid/offer/List)</th>
                        <th>Item</th>
                        <th>Unit Price (in ETH)</th>
                        <th>Quantity</th>
                        <th>From</th>
                        <th>To</th>
                        <th>Date/time</th>
                      </tr>
                      <tr>
                        <td>Bid</td>
                        <td>
                          <a href="">
                            <div class="client">
                              <img src="assets/images/other/show-look.jpg">
                              HugMe
                            </div>
                          </a>
                        </td>
                        <td><span><i class="fab fa-ethereum fa-1x"></i></span> 2,009.99 ($2,030.09)</td>
                        <td>123</td>
                        <td>123</td>
                        <td>123</td>
                        <td>20 minutes ago</td>
                      </tr>
                    </table>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>


  <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);

      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Year', 'Sales'],
          ['2004',  100],
          ['2005',  117],
          ['2006',  660],
          ['2007',  330]
        ]);

        var options = {
          title: '',
          
          legend: { position: 'bottom' }
        };

        var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));

        chart.draw(data, options);
      }
    </script>



<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
               <script type="text/javascript">
                  //with class div
                  $(document).ready(function(){
                    $(".videowidth").hover(function(){
                      $(this).children("video")[0].play();
                    },
                    function(){
                    $(this).children("video")[0].pause();
                    });
                  });
               </script>


<?php include('footer.php');?>



<script type="text/javascript">
     
            $(".product-slider").slick({
                dots: true,
                customPaging : function(slider, i) {
                var thumb = $(slider.$slides[i]).data('thumb');
                return '<a><img src="'+thumb+'"></a>';
              },
                autoplay: false,
                autoplaySpeed: 2000,
                infinite: true,
                arrows: true,
                slidesToShow: 1,
                slidesToScroll: 1,
                responsive: [
                  {
                    breakpoint: 768,
                    settings: {
                      arrows: false,
                      centerMode: false,
                      centerPadding: '40px',
                      slidesToShow: 1,
                      slidesToScroll: 1
                    }
                  },
                  {
                    breakpoint: 480,
                    settings: {
                      arrows: false,
                      centerMode: false,
                      centerPadding: '40px',
                      slidesToShow: 1,
                      slidesToScroll: 1
                    }
                  }
                  ]
              });

             $(".side-slider").slick({
                dots: true,
                autoplay: true,
                autoplaySpeed: 2000,
                infinite: true,
                arrows: false,
                slidesToShow: 1,
                slidesToScroll: 1,
                responsive: [
                  {
                    breakpoint: 768,
                    settings: {
                      arrows: false,
                      centerMode: false,
                      centerPadding: '40px',
                      slidesToShow: 1,
                      slidesToScroll: 1
                    }
                  },
                  {
                    breakpoint: 480,
                    settings: {
                      arrows: false,
                      centerMode: false,
                      centerPadding: '40px',
                      slidesToShow: 1,
                      slidesToScroll: 1
                    }
                  }
                  ]
              });
        </script>





<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdn.staticaly.com/gh/lelinhtinh/watermark/2dd6d88f/dist/jquery.watermark.min.js"></script>
<script type="text/javascript">
$(function(){
   $('.wm-img').watermark({
    path: 'http://www.theartw.com/assets/images/other/water_mark_logo_1.png',
    gravity: 'se',
    opacity: 0.7,
    margin: 12,
    outputWidth: 'auto',
    outputHeight: 'auto',

  })
  $('.wm-text').watermark({
    text: 'SOURCE',
    textWidth: 100,
    gravity: 'w',
    opacity: 1,
    margin: 12
  });
})
</script>

<!-- <script src="assets/js/jquery-3.3.1.min.js"></script> -->

<!-- <script src="https://dist/jquery.watermark.min.js"></script> -->


<script>
    
// $(function(){
//   alert(new Date())
// })

function myFunction() {
  var dots = document.getElementById("dots");
  var moreText = document.getElementById("more");
  var btnText = document.getElementById("myBtn");

  if (dots.style.display === "none") {
    dots.style.display = "block";
    btnText.innerHTML = "Read more"; 
    moreText.style.display = "none";
  } else {
    dots.style.display = "none";
    btnText.innerHTML = "Read less"; 
    moreText.style.display = "block";
  }
};
$("#commission").click(function(){
  $("#box-commission").toggle();
});

$("#askquestion").click(function(){
  $("#ask-details").toggle();
});
</script>

<script>
        $(".test1").click(function(){
           
         var element =document.getElementById("my-div-full")
      
         element.classList.toggle("full-width");
      })
      
</script>
<script>
function sendmessage(){
   var message=  $("#message").val()
   var email =$("#email").val()

   if(email==""||message==""){
      
      if(email==""){
         
  
    $("#c_emailerr").text("*email is required")
  }
  if(message==""){
      
  
      $("#c_texterr").text("*text is required")
  
  }
     }else{
        $.ajax({
        type:"post",
        url:"/commissionMessage",
        data:{
            message,email
            },
        success:function(data){
            alert("your message has been sent successfuly")
            $("#message").val(" ")
            $("#email").val(" ")

        } 
    })
     }
   

}
function sendquestion(){
   var message=  $("#Q_message").val()
   var email =$("#Q_email").val()
   

   if(email==""||message==""){
      
    if(email==""){
       

  $("#emailerr").text("*email is required")
}
if(message==""){
    

    $("#texterr").text("*text is required")

}
   }else{
    $.ajax({
        type:"post",
        url:"/Ask_question",
        data:{
            message,email
            },
        success:function(data){
            alert("your question has been sent successfuly")
            $("#Q_message").val(" ")
            $("#Q_email").val(" ")

        } 
    })
   }
 
    

}

</script>
<script language="javascript">
    function fbshareCurrentPage()
    {window.open("https://www.facebook.com/sharer/sharer.php?u="+encodeURIComponent(window.location.href)+"&t="+document.title, '', 
    'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');
    return false; }

   
    function tweetCurrentPage()
    { window.open("https://twitter.com/share?url="+ encodeURIComponent(window.location.href)+"&text="+document.title, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false; }
   
</script>
