crewsportswear update as of 3_18_19
This commit is contained in:
Frank John Begornia
520
resources/views/emails/orders.blade.php
Normal file
520
resources/views/emails/orders.blade.php
Normal file
@@ -0,0 +1,520 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>Order Details</title>
|
||||
<style>
|
||||
/* -------------------------------------
|
||||
GLOBAL RESETS
|
||||
------------------------------------- */
|
||||
|
||||
/*All the styling goes here*/
|
||||
|
||||
img {
|
||||
border: none;
|
||||
-ms-interpolation-mode: bicubic;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #f6f6f6;
|
||||
font-family: sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-size: 12px;
|
||||
line-height: 1.4;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: separate;
|
||||
mso-table-lspace: 0pt;
|
||||
mso-table-rspace: 0pt;
|
||||
width: 100%; }
|
||||
table td {
|
||||
font-family: sans-serif;
|
||||
font-size: 12px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
BODY & CONTAINER
|
||||
------------------------------------- */
|
||||
|
||||
.body {
|
||||
background-color: #f6f6f6;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
|
||||
.container {
|
||||
display: block;
|
||||
margin: 0 auto !important;
|
||||
/* makes it centered */
|
||||
max-width: 580px;
|
||||
padding: 10px;
|
||||
width: 580px;
|
||||
}
|
||||
|
||||
/* This should also be a block element, so that it will fill 100% of the .container */
|
||||
.content {
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
max-width: 580px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
HEADER, FOOTER, MAIN
|
||||
------------------------------------- */
|
||||
.main {
|
||||
background: #ffffff;
|
||||
border-radius: 3px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
box-sizing: border-box;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.content-block {
|
||||
padding-bottom: 10px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
clear: both;
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
.footer td,
|
||||
.footer p,
|
||||
.footer span,
|
||||
.footer a {
|
||||
color: #999999;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
TYPOGRAPHY
|
||||
------------------------------------- */
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
color: #000000;
|
||||
font-family: sans-serif;
|
||||
font-weight: 400;
|
||||
line-height: 1.4;
|
||||
margin: 0;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 35px;
|
||||
font-weight: 300;
|
||||
text-align: center;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
p,
|
||||
ul,
|
||||
ol {
|
||||
font-family: sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
margin: 0;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
p li,
|
||||
ul li,
|
||||
ol li {
|
||||
list-style-position: inside;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #3498db;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
BUTTONS
|
||||
------------------------------------- */
|
||||
.btn {
|
||||
box-sizing: border-box;
|
||||
width: 100%; }
|
||||
.btn > tbody > tr > td {
|
||||
padding-bottom: 15px; }
|
||||
.btn table {
|
||||
width: auto;
|
||||
}
|
||||
.btn table td {
|
||||
background-color: #ffffff;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
.btn a {
|
||||
background-color: #ffffff;
|
||||
border: solid 1px #3498db;
|
||||
border-radius: 5px;
|
||||
box-sizing: border-box;
|
||||
color: #3498db;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
padding: 12px 25px;
|
||||
text-decoration: none;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.btn-primary table td {
|
||||
background-color: #3498db;
|
||||
}
|
||||
|
||||
.btn-primary a {
|
||||
background-color: #3498db;
|
||||
border-color: #3498db;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
OTHER STYLES THAT MIGHT BE USEFUL
|
||||
------------------------------------- */
|
||||
.last {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.first {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.align-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.align-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.align-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.mt0 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.mb0 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.preheader {
|
||||
color: transparent;
|
||||
display: none;
|
||||
height: 0;
|
||||
max-height: 0;
|
||||
max-width: 0;
|
||||
opacity: 0;
|
||||
overflow: hidden;
|
||||
mso-hide: all;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.powered-by a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-bottom: 1px solid #f6f6f6;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
RESPONSIVE AND MOBILE FRIENDLY STYLES
|
||||
------------------------------------- */
|
||||
@media only screen and (max-width: 620px) {
|
||||
table[class=body] h1 {
|
||||
font-size: 28px !important;
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
table[class=body] p,
|
||||
table[class=body] ul,
|
||||
table[class=body] ol,
|
||||
table[class=body] td,
|
||||
table[class=body] span,
|
||||
table[class=body] a {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
table[class=body] .wrapper,
|
||||
table[class=body] .article {
|
||||
padding: 10px !important;
|
||||
}
|
||||
table[class=body] .content {
|
||||
padding: 0 !important;
|
||||
}
|
||||
table[class=body] .container {
|
||||
padding: 0 !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
table[class=body] .main {
|
||||
border-left-width: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
border-right-width: 0 !important;
|
||||
}
|
||||
table[class=body] .btn table {
|
||||
width: 100% !important;
|
||||
}
|
||||
table[class=body] .btn a {
|
||||
width: 100% !important;
|
||||
}
|
||||
table[class=body] .img-responsive {
|
||||
height: auto !important;
|
||||
max-width: 100% !important;
|
||||
width: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
PRESERVE THESE STYLES IN THE HEAD
|
||||
------------------------------------- */
|
||||
@media all {
|
||||
.ExternalClass {
|
||||
width: 100%;
|
||||
}
|
||||
.ExternalClass,
|
||||
.ExternalClass p,
|
||||
.ExternalClass span,
|
||||
.ExternalClass font,
|
||||
.ExternalClass td,
|
||||
.ExternalClass div {
|
||||
line-height: 100%;
|
||||
}
|
||||
.apple-link a {
|
||||
color: inherit !important;
|
||||
font-family: inherit !important;
|
||||
font-size: inherit !important;
|
||||
font-weight: inherit !important;
|
||||
line-height: inherit !important;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
.btn-primary table td:hover {
|
||||
background-color: #34495e !important;
|
||||
}
|
||||
.btn-primary a:hover {
|
||||
background-color: #34495e !important;
|
||||
border-color: #34495e !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.table-bordered td {
|
||||
border: 1px solid black;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.previewImage {
|
||||
height: 200px;
|
||||
overflow: hidden;
|
||||
object-fit: contain;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="">
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="container">
|
||||
<div class="content">
|
||||
|
||||
<!-- START CENTERED WHITE CONTAINER -->
|
||||
<table role="presentation" class="main">
|
||||
|
||||
<!-- START MAIN CONTENT AREA -->
|
||||
<tr>
|
||||
<td class="wrapper">
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td>
|
||||
<h3 class="align-center"><b>Order Details</b></h3>
|
||||
<table class="table table-condensed table-bordered" style="width: 100%; border-collapse: collapse; ">
|
||||
<tr >
|
||||
<td class="text-center" colspan="2"><b>Payer Information</b></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-md-3">Payer Name</td>
|
||||
<td>{{ $array_payment_details[0]->Payer_Firstname . ' ' . $array_payment_details[0]->Payer_Lastname }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-md-3">Payer Email Address</td>
|
||||
<td>{{ $array_payment_details[0]->Payer_Email }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-md-3">Payment Method</td>
|
||||
<td>{{ $array_payment_details[0]->PaymentMethod }}</td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td class="text-center" colspan="2"><b>Transaction Information</b></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-md-3">Subtotal</td>
|
||||
<td>{{ $array_payment_details[0]->SubTotal . ' ' . $array_payment_details[0]->Currency }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-md-3">Tax</td>
|
||||
<td>{{ $array_payment_details[0]->Tax . ' ' . $array_payment_details[0]->Currency }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-md-3">Total</td>
|
||||
<td>{{ $array_payment_details[0]->Total . ' ' . $array_payment_details[0]->Currency }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-md-3">Invoice #</td>
|
||||
<td>{{ $array_payment_details[0]->InvoiceNumber }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
<p>Item Order(s):</p>
|
||||
@foreach($item_goup_array as $item)
|
||||
<div style="border: 1px solid #e2e2e2; padding: 10px; margin-bottom: 10px;">
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0" >
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="left">
|
||||
@foreach($img_thumb as $img)
|
||||
@if($img->ProductId == $item->ProductId)
|
||||
<img style="height: 200px; overflow: hidden; object-fit: contain;" src="http://{{ config('site_config.prod_private_server_ip') }}/images/{{ $img->Image }}">
|
||||
@endif
|
||||
@endforeach
|
||||
</td>
|
||||
<td>
|
||||
<div style="font-size: 14px;"><a href="{{ url('teamstore') . '/' . $item->StoreURL . '/' . 'product/' . $item->ProductURL }}">{{ $item->ProductName }}</a></div>
|
||||
Total Price: ${{ $item->total_price * $item->total_qty }} • Row(s): {{ $item->qty }}
|
||||
<table class="table table-condensed table-bordered" style="width: 100%; border-collapse: collapse;">
|
||||
@if($item->FormUsed=="jersey-and-shorts-form")
|
||||
<tr>
|
||||
<td><b>Name</b></td>
|
||||
<td><b>Number</b></td>
|
||||
<td><b>Jersey Size</b></td>
|
||||
<td><b>Shorts Size</b></td>
|
||||
<td><b>Price</b></td>
|
||||
<td><b>Quantity</b></td>
|
||||
</tr>
|
||||
@elseif($item->FormUsed=="tshirt-form")
|
||||
<tr>
|
||||
<td><b>Size</b></td>
|
||||
<td><b>Price</b></td>
|
||||
<td><b>Quantity</b></td>
|
||||
|
||||
</tr>
|
||||
|
||||
@elseif($item->FormUsed=="quantity-form")
|
||||
<tr>
|
||||
<td><b>Price</b></td>
|
||||
<td>Quantity</b></td>
|
||||
</tr>
|
||||
|
||||
@elseif($item->FormUsed=="name-number-form")
|
||||
<tr>
|
||||
<td><b>Name</b></td>
|
||||
<td><b>Number</b></td>
|
||||
<td><b>Price</b></td>
|
||||
<td><b>Quantity</b></td>
|
||||
</tr>
|
||||
|
||||
@else
|
||||
|
||||
@endif
|
||||
<!-- table header -->
|
||||
<!-- table body -->
|
||||
@foreach($order_item_array as $sub_item)
|
||||
@if($sub_item->ProductId == $item->ProductId)
|
||||
|
||||
@if($item->FormUsed=="jersey-and-shorts-form")
|
||||
<tr>
|
||||
<td> @if($sub_item->Name != '') {{ $sub_item->Name }} @else -- @endif </td>
|
||||
<td>{{ $sub_item->Number }}</td>
|
||||
<td>{{ $sub_item->JerseySize }}</td>
|
||||
<td>{{ $sub_item->ShortsSize }}</td>
|
||||
<td>{{ $sub_item->Price }}</td>
|
||||
<td>{{ $sub_item->Quantity }}</td>
|
||||
|
||||
</tr>
|
||||
@elseif($item->FormUsed=="tshirt-form")
|
||||
<tr>
|
||||
<td>{{ $sub_item->Size }}</td>
|
||||
<td>{{ $sub_item->Price }}</td>
|
||||
<td>{{ $sub_item->Quantity }}</td>
|
||||
|
||||
</tr>
|
||||
@elseif($item->FormUsed=="quantity-form")
|
||||
<tr>
|
||||
<td>{{ $sub_item->Price }}</td>
|
||||
<td>{{ $sub_item->Quantity }}</td>
|
||||
|
||||
</tr>
|
||||
@elseif($item->FormUsed=="name-number-form")
|
||||
<tr>
|
||||
<td>{{ $sub_item->Name }}</td>
|
||||
<td>{{ $sub_item->Number }}</td>
|
||||
<td>{{ $sub_item->Price }}</td>
|
||||
<td>{{ $sub_item->Quantity }}</td>
|
||||
|
||||
</tr>
|
||||
@else
|
||||
|
||||
@endif
|
||||
|
||||
@endif
|
||||
@endforeach
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@endforeach
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- END MAIN CONTENT AREA -->
|
||||
</table>
|
||||
<!-- END CENTERED WHITE CONTAINER -->
|
||||
|
||||
<!-- START FOOTER -->
|
||||
<div class="footer">
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="content-block">
|
||||
<span class="apple-link">Copyright © 2019 <a href="https://crewsportswear.com">crewsportswear.com. All rights reserved.</a></span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<!-- END FOOTER -->
|
||||
|
||||
</div>
|
||||
</td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@@ -63,12 +63,17 @@
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<div class="text-center">
|
||||
<img class="previewImage" src="http://{{ config('site_config.prod_private_server_ip') }}/images/{{ $item->DesignCode }}{{ $thumb_display }}">
|
||||
@foreach($img_thumb as $img)
|
||||
@if($img->ProductId == $item->ProductId)
|
||||
<img class="previewImage" src="http://{{ config('site_config.prod_private_server_ip') }}/images/{{ $img->Image }}">
|
||||
@endif
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<h4><a href="{{ url('teamstore') . '/' . $item->StoreURL . '/' . 'product/' . $item->ProductURL }}">{{ $item->ProductName }}</a></h4>
|
||||
<p>Total Price: ${{ $item->total_price }} • Row(s): {{ $item->qty }} </p>
|
||||
<p>Total Price: ${{ $item->total_price * $item->total_qty }} • Row(s): {{ $item->qty }} </p>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-condensed">
|
||||
|
||||
@@ -97,6 +102,26 @@
|
||||
<th></th>
|
||||
</tr>
|
||||
|
||||
|
||||
@elseif($item->FormUsed=="name-number-form")
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Number</th>
|
||||
<th>Price</th>
|
||||
<th>Quantity</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
|
||||
@elseif($item->FormUsed=="name-number-size-form")
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Number</th>
|
||||
<th>Size</th>
|
||||
<th>Price</th>
|
||||
<th>Quantity</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
|
||||
@else
|
||||
|
||||
@endif
|
||||
@@ -128,7 +153,23 @@
|
||||
<td>{{ $sub_item->Quantity }}</td>
|
||||
<td><a class="btn btn-xs btn-link pull-right" href="{{ url('removeitem') }}/{{ $sub_item->Id }}"><span class="glyphicon glyphicon-remove"></span></a></td>
|
||||
</tr>
|
||||
|
||||
@elseif($item->FormUsed=="name-number-form")
|
||||
<tr>
|
||||
<td>{{ $sub_item->Name }}</td>
|
||||
<td>{{ $sub_item->Number }}</td>
|
||||
<td>{{ $sub_item->Price }}</td>
|
||||
<td>{{ $sub_item->Quantity }}</td>
|
||||
<td><a class="btn btn-xs btn-link pull-right" href="{{ url('removeitem') }}/{{ $sub_item->Id }}"><span class="glyphicon glyphicon-remove"></span></a></td>
|
||||
</tr>
|
||||
@elseif($item->FormUsed=="name-number-size-form")
|
||||
<tr>
|
||||
<td>{{ $sub_item->Name }}</td>
|
||||
<td>{{ $sub_item->Number }}</td>
|
||||
<td>{{ $sub_item->Size }}</td>
|
||||
<td>{{ $sub_item->Price }}</td>
|
||||
<td>{{ $sub_item->Quantity }}</td>
|
||||
<td><a class="btn btn-xs btn-link pull-right" href="{{ url('removeitem') }}/{{ $sub_item->Id }}"><span class="glyphicon glyphicon-remove"></span></a></td>
|
||||
</tr>
|
||||
@else
|
||||
|
||||
@endif
|
||||
|
||||
@@ -112,6 +112,14 @@
|
||||
}
|
||||
});
|
||||
|
||||
$('#myCarousel').on('slid.bs.carousel', function (e) {
|
||||
var id = $('.item.active').data('slide-number');
|
||||
// $('#carousel-text').html($('#slide-content-'+id).html());
|
||||
// console.log(id)
|
||||
$('.a_thumbnail').removeClass('active');
|
||||
$('#carousel-selector-'+id).addClass('active');
|
||||
});
|
||||
|
||||
$('.input-number').focusin(function(){
|
||||
$(this).data('oldValue', $(this).val());
|
||||
});
|
||||
@@ -227,20 +235,28 @@
|
||||
$(this).val($(this).val().toUpperCase());
|
||||
});
|
||||
|
||||
$('.image-thumbnails').click(function(){
|
||||
// console.log($(this))
|
||||
// console.log($(this).attr('src'))
|
||||
$('#main-thumbnail').attr('src', $(this).attr('src'));
|
||||
// $('.image-thumbnails').click(function(){
|
||||
// // console.log($(this))
|
||||
// // console.log($(this).attr('src'))
|
||||
// $('#main-thumbnail').attr('src', $(this).attr('src'));
|
||||
|
||||
// $('.a_thumbnail').removeClass('active');
|
||||
// $(this).parent().addClass('active');
|
||||
// });
|
||||
|
||||
$('[id^=carousel-selector-]').click( function(){
|
||||
var id = this.id.substr(this.id.lastIndexOf("-") + 1);
|
||||
var id = parseInt(id);
|
||||
$('#myCarousel').carousel(id);
|
||||
$('.a_thumbnail').removeClass('active');
|
||||
$(this).parent().addClass('active');
|
||||
$(this).addClass('active');
|
||||
});
|
||||
|
||||
$(document).on('button click', '.removeRow', function(){
|
||||
var str = $(this).closest('tr').attr('class');
|
||||
var trCount = $('#tableRow tbody').children('tr').length;
|
||||
|
||||
if(trCount == 2){
|
||||
var str = $(this).closest('tr').attr('class');
|
||||
var trCount = $('#tableRow tbody').children('tr').length;
|
||||
|
||||
if(trCount == 2){
|
||||
return false;
|
||||
}
|
||||
|
||||
@@ -250,6 +266,40 @@
|
||||
}
|
||||
$('.'+str).remove();
|
||||
});
|
||||
|
||||
$(document).on('button click', '.removeRow-name-and-number', function(){
|
||||
var str = $(this).closest('tr').attr('class');
|
||||
var trCount = $('#tableRow tbody').children('tr').length;
|
||||
|
||||
if(trCount == 2){
|
||||
return false;
|
||||
}
|
||||
|
||||
if(trCount == 3){
|
||||
$('#addnew-btn-tbl-row').remove();
|
||||
$('.tr-remove-btn').html('<button type="button" id="addNewRow_name_and_number" class="btn btn-success btn-sm btn-roster-action" data-toggle="tooltip" title="Add Another"><i class="fa fa-plus" aria-hidden="true"></i></button>');
|
||||
}
|
||||
$('.'+str).remove();
|
||||
});
|
||||
|
||||
|
||||
$(document).on('button click', '.removeRow-name-number-size', function(){
|
||||
var str = $(this).closest('tr').attr('class');
|
||||
var trCount = $('#tableRow tbody').children('tr').length;
|
||||
|
||||
if(trCount == 2){
|
||||
return false;
|
||||
}
|
||||
|
||||
if(trCount == 3){
|
||||
$('#addnew-btn-tbl-row').remove();
|
||||
$('.tr-remove-btn').html('<button type="button" id="addNewRow_name_number_size" class="btn btn-success btn-sm btn-roster-action" data-toggle="tooltip" title="Add Another"><i class="fa fa-plus" aria-hidden="true"></i></button>');
|
||||
}
|
||||
$('.'+str).remove();
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
$("#frm-order-list").validate({
|
||||
|
||||
@@ -352,6 +402,88 @@
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
$(document).on('button click', '#addNewRow_name_and_number', function(){
|
||||
var TemplateCode = $('#template_code').val();
|
||||
// console.log(TemplateCode)
|
||||
var orderCounterValue = $('#orderCounterValue').val();
|
||||
var numi = document.getElementById('orderCounterValue');
|
||||
var num = (document.getElementById('orderCounterValue').value -1) + 2;
|
||||
numi.value = num;
|
||||
|
||||
$.ajax({ //create an ajax request to load_page.php
|
||||
type: "POST",
|
||||
url: "{{ url('/designer/a/add-new-row-name-and-number') }}",
|
||||
data:{
|
||||
|
||||
itemCount : num,
|
||||
tempCode : TemplateCode
|
||||
},
|
||||
|
||||
dataType: "html", //expect html to be returned
|
||||
beforeSend:function(xhr){
|
||||
var token = $('meta[name="csrf_token"]').attr('content');
|
||||
|
||||
if (token) {
|
||||
return xhr.setRequestHeader('X-CSRF-TOKEN', token);
|
||||
}
|
||||
xhr.setRequestHeader( 'X-Requested-With', 'XMLHttpRequest');
|
||||
},
|
||||
success: function(response){
|
||||
var className = "row" + (num - 1);
|
||||
$('.tr-remove-btn').html('<button type="button" class="btn btn-danger btn-sm removeRow-name-and-number btn-roster-action" data-toggle="tooltip" title="Remove"><i class="fa fa-remove" aria-hidden="true"></i></button>');
|
||||
$('#addnew-btn-tbl-row').remove();
|
||||
$('#tableRow tbody').append(response);
|
||||
$('#orderListPanel').scrollTop($('#orderListPanel')[0].scrollHeight);
|
||||
$('.inputName').keyup(function() {
|
||||
this.value = this.value.toLocaleUpperCase();
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
$(document).on('button click', '#addNewRow_name_number_size', function(){
|
||||
var TemplateCode = $('#template_code').val();
|
||||
// console.log(TemplateCode)
|
||||
var orderCounterValue = $('#orderCounterValue').val();
|
||||
var numi = document.getElementById('orderCounterValue');
|
||||
var num = (document.getElementById('orderCounterValue').value -1) + 2;
|
||||
numi.value = num;
|
||||
|
||||
$.ajax({ //create an ajax request to load_page.php
|
||||
type: "POST",
|
||||
url: "{{ url('/designer/a/add-new-row-name-number-size') }}",
|
||||
data:{
|
||||
|
||||
itemCount : num,
|
||||
tempCode : TemplateCode
|
||||
},
|
||||
|
||||
dataType: "html", //expect html to be returned
|
||||
beforeSend:function(xhr){
|
||||
var token = $('meta[name="csrf_token"]').attr('content');
|
||||
|
||||
if (token) {
|
||||
return xhr.setRequestHeader('X-CSRF-TOKEN', token);
|
||||
}
|
||||
xhr.setRequestHeader( 'X-Requested-With', 'XMLHttpRequest');
|
||||
},
|
||||
success: function(response){
|
||||
var className = "row" + (num - 1);
|
||||
$('.tr-remove-btn').html('<button type="button" class="btn btn-danger btn-sm removeRow-name-number-size btn-roster-action" data-toggle="tooltip" title="Remove"><i class="fa fa-remove" aria-hidden="true"></i></button>');
|
||||
$('#addnew-btn-tbl-row').remove();
|
||||
$('#tableRow tbody').append(response);
|
||||
$('#orderListPanel').scrollTop($('#orderListPanel')[0].scrollHeight);
|
||||
$('.inputName').keyup(function() {
|
||||
this.value = this.value.toLocaleUpperCase();
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
}); //end document ready
|
||||
|
||||
function myCart(){
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<!-- <h1>{{ $product_array[0]->ProductName }} <small id="display-product-price">$ {{ $product_array[0]->ProductPrice }} </small></h1> -->
|
||||
<h1>{{ $product_array[0]->ProductName }}</h1>
|
||||
<h1>{{ $product_array[0]->ProductName }} <p class="price"><small>$ {{ $product_array[0]->ProductPrice }}</small></p></h1>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="row">
|
||||
|
||||
@@ -0,0 +1,90 @@
|
||||
<style>
|
||||
tbody#orderTableBody>tr>td {
|
||||
padding: 0px !important;
|
||||
}
|
||||
.panel-design-details{
|
||||
max-height: 300px;
|
||||
overflow: auto;
|
||||
}
|
||||
</style>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<!-- <h1>{{ $product_array[0]->ProductName }} <small id="display-product-price">$ {{ $product_array[0]->ProductPrice }} </small></h1> -->
|
||||
<h1>{{ $product_array[0]->ProductName }} <p class="price"><small>$ {{ $product_array[0]->ProductPrice }}</small></p></h1>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<form id="frm-order-list">
|
||||
<input type="hidden" value="1" id="orderCounterValue" name="orderCounterValue" />
|
||||
<input type="hidden" value="{{ $product_array[0]->Id }}" id="product_id" name="product_id" />
|
||||
<input type="hidden" name="product_price" id="product_price" value="{{ $product_array[0]->ProductPrice }}">
|
||||
<input type="hidden" name="price_holder" id="price_holder" value="{{ $product_array[0]->ProductPrice }}">
|
||||
<input type="hidden" name="template_code" id="template_code" value="{{ $product_array[0]->TemplateCode }}">
|
||||
<input type="hidden" name="store_url" id="store_url" value="{{ $store_array[0]->StoreUrl }}">
|
||||
|
||||
|
||||
<div class="panel-design-details" id="orderListPanel">
|
||||
<table class="table" id="tableRow" style="font-size:12px;">
|
||||
<thead>
|
||||
<tr>
|
||||
<!-- <th>#</th> -->
|
||||
<th class="col-md-6">Name</th>
|
||||
<th class="col-md-5">Number</th>
|
||||
<th class="text-center"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="orderTableBody">
|
||||
<tr class="table-tr-1">
|
||||
<td>
|
||||
<input type="text" name="order_names[]" id="order_names" class="form-control input-sm inputName roster-input" placeholder="Name">
|
||||
</td>
|
||||
<td>
|
||||
<!-- <input type="text" name="order_numbers[]" id="order_numbers" class="form-control input-sm inputName" placeholder="Number"> -->
|
||||
<select class="form-control input-sm roster-input" name="order_number[]" id="order_number">
|
||||
<option value="none">none</option>
|
||||
@for($i = 0; $i <= 99; $i++)
|
||||
<option value="{{ $i }}">{{ $i }}</option>
|
||||
@endfor
|
||||
<option value="00">00</option>
|
||||
</select>
|
||||
</td>
|
||||
<td id="action-column" class="text-center" style="padding: 4px !important; border-top: none">
|
||||
<span class="tr-remove-btn">
|
||||
<button type="button" id="addNewRow_name_and_number" class="btn btn-success btn-sm btn-roster-action" data-toggle="tooltip" title="Add Another"><i class="fa fa-plus" aria-hidden="true"></i></button>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- <hr class="hr-design"> -->
|
||||
<div id="displayqty"></div>
|
||||
<br>
|
||||
<button class="btn btn-primary pull-right" type="submit" id="btn-add-to-cart"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="spacer-top"></div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<ul class="nav nav-tabs" role="tablist">
|
||||
<li role="presentation" class="active"><a href="#productDescription" aria-controls="productDescription" role="tab" data-toggle="tab">Desciption</a></li>
|
||||
</ul>
|
||||
<!-- Tab panes -->
|
||||
<div class="tab-content">
|
||||
<div role="tabpanel" class="tab-pane active" id="productDescription">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<p>
|
||||
{{ $product_array[0]->ProductDescription }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,99 @@
|
||||
<style>
|
||||
tbody#orderTableBody>tr>td {
|
||||
padding: 0px !important;
|
||||
}
|
||||
.panel-design-details{
|
||||
max-height: 300px;
|
||||
overflow: auto;
|
||||
}
|
||||
</style>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<!-- <h1>{{ $product_array[0]->ProductName }} <small id="display-product-price">$ {{ $product_array[0]->ProductPrice }} </small></h1> -->
|
||||
<h1>{{ $product_array[0]->ProductName }} <p class="price"><small>$ {{ $product_array[0]->ProductPrice }}</small></p></h1>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<form id="frm-order-list">
|
||||
<input type="hidden" value="1" id="orderCounterValue" name="orderCounterValue" />
|
||||
<input type="hidden" value="{{ $product_array[0]->Id }}" id="product_id" name="product_id" />
|
||||
<input type="hidden" name="product_price" id="product_price" value="{{ $product_array[0]->ProductPrice }}">
|
||||
<input type="hidden" name="price_holder" id="price_holder" value="{{ $product_array[0]->ProductPrice }}">
|
||||
<input type="hidden" name="template_code" id="template_code" value="{{ $product_array[0]->TemplateCode }}">
|
||||
<input type="hidden" name="store_url" id="store_url" value="{{ $store_array[0]->StoreUrl }}">
|
||||
|
||||
|
||||
<div class="panel-design-details" id="orderListPanel">
|
||||
<table class="table" id="tableRow" style="font-size:12px;">
|
||||
<thead>
|
||||
<tr>
|
||||
<!-- <th>#</th> -->
|
||||
<th class="col-md-5">Name</th>
|
||||
<th class="col-md-3">Number</th>
|
||||
<th class="col-md-3">Size</th>
|
||||
<th class="text-center"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="orderTableBody">
|
||||
<tr class="table-tr-1">
|
||||
<td>
|
||||
<input type="text" name="order_names[]" id="order_names" class="form-control input-sm inputName roster-input" placeholder="Name">
|
||||
</td>
|
||||
<td>
|
||||
<!-- <input type="text" name="order_numbers[]" id="order_numbers" class="form-control input-sm inputName" placeholder="Number"> -->
|
||||
<select class="form-control input-sm roster-input" name="order_number[]" id="order_number">
|
||||
<option value="none">none</option>
|
||||
@for($i = 0; $i <= 99; $i++)
|
||||
<option value="{{ $i }}">{{ $i }}</option>
|
||||
@endfor
|
||||
<option value="00">00</option>
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<select class="form-control input-sm order-size roster-input" name="order_size[]" id="order_jersey_size_1" data-row-number="1">
|
||||
@foreach($sizes_array as $size)
|
||||
<option value="{{ $size->Size }}">{{ $size->Size }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</td>
|
||||
<td id="action-column" class="text-center" style="padding: 4px !important; border-top: none">
|
||||
<span class="tr-remove-btn">
|
||||
<button type="button" id="addNewRow_name_number_size" class="btn btn-success btn-sm btn-roster-action" data-toggle="tooltip" title="Add Another"><i class="fa fa-plus" aria-hidden="true"></i></button>
|
||||
</span>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- <hr class="hr-design"> -->
|
||||
<div id="displayqty"></div>
|
||||
<br>
|
||||
<button class="btn btn-primary pull-right" type="submit" id="btn-add-to-cart"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="spacer-top"></div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<ul class="nav nav-tabs" role="tablist">
|
||||
<li role="presentation" class="active"><a href="#productDescription" aria-controls="productDescription" role="tab" data-toggle="tab">Desciption</a></li>
|
||||
</ul>
|
||||
<!-- Tab panes -->
|
||||
<div class="tab-content">
|
||||
<div role="tabpanel" class="tab-pane active" id="productDescription">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<p>
|
||||
{{ $product_array[0]->ProductDescription }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -10,7 +10,7 @@
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<!-- <h1>{{ $product_array[0]->ProductName }} <small id="display-product-price">$ {{ $product_array[0]->ProductPrice }} </small></h1> -->
|
||||
<h1>{{ $product_array[0]->ProductName }}</h1>
|
||||
<h1>{{ $product_array[0]->ProductName }} <p class="price"><small>$ {{ $product_array[0]->ProductPrice }}</small></p></h1>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="row">
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<!-- <h1>{{ $product_array[0]->ProductName }} <small id="display-product-price">$ {{ $product_array[0]->ProductPrice }} </small></h1> -->
|
||||
<h1>{{ $product_array[0]->ProductName }}</h1>
|
||||
<h1>{{ $product_array[0]->ProductName }} <p class="price"><small>$ {{ $product_array[0]->ProductPrice }}</small></p></h1>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="row">
|
||||
|
||||
@@ -81,6 +81,9 @@
|
||||
padding-bottom: 20px;
|
||||
background-image: url("{{asset('public/images/teamstore') . '/' . $store_array[0]->StoreUrl . '/' . $store_array[0]->StoreBanner }}");
|
||||
background-color: #f3f3f3;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
width: 100%;
|
||||
height: 128px;
|
||||
}
|
||||
|
||||
@@ -91,6 +94,22 @@
|
||||
padding: 10px;
|
||||
|
||||
}
|
||||
|
||||
@media (min-width: 200px) {
|
||||
.jumbotron { height: 50px; }
|
||||
}
|
||||
|
||||
@media (min-width: 400px) {
|
||||
.jumbotron { height: 57px; }
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.jumbotron { height: 100px; }
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.jumbotron { height: 128px; }
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="container">
|
||||
@@ -105,7 +124,7 @@
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h2>FEATURED PRODUCT</h2>
|
||||
<h2>FEATURED PRODUCTS</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
@@ -122,8 +141,10 @@
|
||||
|
||||
<div class="col-md-3 col-sm-6">
|
||||
<span class="thumbnail">
|
||||
<img src="http://{{ config('site_config.prod_private_server_ip') }}/images/{{ $filename }}" alt="{{ $product->ProductName }}" >
|
||||
<h4>{{ $product->ProductName }}</h4>
|
||||
<a href="{{ url('teamstore') }}/{{ $store_array[0]->StoreUrl }}/product/{{ $product->ProductURL }}">
|
||||
<img style="height: 201.84px;" src="http://{{ config('site_config.prod_private_server_ip') }}/images/{{ $filename }}" alt="{{ $product->ProductName }}" >
|
||||
</a>
|
||||
<h4 class="text-center">{{ $product->ProductName }}</h4>
|
||||
<!-- (w/ Shorts) -->
|
||||
<!-- <div class="ratings">
|
||||
<span class="glyphicon glyphicon-star"></span>
|
||||
|
||||
@@ -163,7 +163,12 @@
|
||||
.table>thead>tr>th{
|
||||
border-bottom:none;
|
||||
}
|
||||
|
||||
.carousel-control.right{
|
||||
margin-right :0px;
|
||||
}
|
||||
.carousel-control.left {
|
||||
margin-left: 0px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="container">
|
||||
@@ -182,25 +187,57 @@
|
||||
|
||||
<div class="col-md-5 col-sm-5">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
@foreach($thumbnails_array as $thumbnail)
|
||||
@if($thumbnail->ImageClass == 'active')
|
||||
<img id="main-thumbnail" class="img img-responsive product-center" style="height:287px;" src="http://{{ config('site_config.prod_private_server_ip') }}/images/{{ $thumbnail->Image }}"/>
|
||||
@endif
|
||||
@endforeach
|
||||
|
||||
<!-- <div class="col-md-12"> -->
|
||||
<div class="col-sm-12" id="carousel-bounding-box">
|
||||
<div class="carousel slide" id="myCarousel" data-interval="false">
|
||||
<!-- Carousel items -->
|
||||
<div class="carousel-inner">
|
||||
@define $i = 0
|
||||
@foreach($thumbnails_array as $thumbnail)
|
||||
|
||||
<!-- @if($thumbnail->ImageClass == 'active')
|
||||
<img id="main-thumbnail" class="img img-responsive product-center" style="height:287px;" src="http://{{ config('site_config.prod_private_server_ip') }}/images/{{ $thumbnail->Image }}"/>
|
||||
@endif -->
|
||||
|
||||
@if($thumbnail->ImageClass == 'active')
|
||||
<div class="active item" data-slide-number="{{ $i }}">
|
||||
<img style="height:400px;" src="http://{{ config('site_config.prod_private_server_ip') }}/images/{{ $thumbnail->Image }}">
|
||||
</div>
|
||||
@else
|
||||
<div class="item" data-slide-number="{{ $i }}">
|
||||
<img style="height:400px;" src="http://{{ config('site_config.prod_private_server_ip') }}/images/{{ $thumbnail->Image }}">
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@define $i++
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
<!-- Carousel nav -->
|
||||
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
|
||||
<span class="glyphicon glyphicon-chevron-left"></span>
|
||||
</a>
|
||||
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
|
||||
<span class="glyphicon glyphicon-chevron-right"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
<hr class="line">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<ul class="hide-bullets">
|
||||
@define $j = 0
|
||||
@foreach($thumbnails_array as $thumbnail)
|
||||
<li class="col-sm-3 col-xs-3">
|
||||
<a class="thumbnail a_thumbnail {{ $thumbnail->ImageClass }}">
|
||||
<a class="thumbnail a_thumbnail {{ $thumbnail->ImageClass }}" id="carousel-selector-{{ $j }}">
|
||||
<img class="img img-responsive product-center image-thumbnails" style="height: 59.45px;" src="http://{{ config('site_config.prod_private_server_ip') }}/images/{{ $thumbnail->Image }}"/>
|
||||
</a>
|
||||
</li>
|
||||
@define $j++
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -3,21 +3,33 @@
|
||||
|
||||
<style>
|
||||
a.thumbnail>img {
|
||||
height: 250px;
|
||||
/* height: 250px; */
|
||||
}
|
||||
|
||||
.hide-bullets {
|
||||
list-style:none;
|
||||
margin-left: -40px;
|
||||
margin-top:20px;
|
||||
position: relative;
|
||||
}
|
||||
.thumbnail{
|
||||
border: none;
|
||||
margin-bottom: 50px;
|
||||
display: unset;
|
||||
background-color: transparent;
|
||||
}
|
||||
.li-custom{
|
||||
padding:10px;
|
||||
}
|
||||
.store-logo{
|
||||
/* height: 250px;
|
||||
width: 250px;
|
||||
overflow: hidden;
|
||||
object-fit: contain; */
|
||||
/* cursor: pointer; */
|
||||
}
|
||||
a.thumbnail>img{
|
||||
height: 150px
|
||||
}
|
||||
</style>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
@@ -25,16 +37,16 @@
|
||||
</div><!-- /row -->
|
||||
<div class="row">
|
||||
|
||||
<div class="col-xs-12 col-sm-12">
|
||||
<div class="row hidden-xs" id="slider-thumbs">
|
||||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
||||
<div class="row" id="slider-thumbs">
|
||||
<!-- Bottom switcher of slider -->
|
||||
<ul class="hide-bullets">
|
||||
|
||||
@foreach ($stores_array as $store)
|
||||
<li class="li-custom col-sm-3">
|
||||
<li class="li-custom col-lg-3 col-md-3 col-sm-4 col-xs-12">
|
||||
<div style="border: 1px solid #dddddd;">
|
||||
<a class="thumbnail" href="{{ url('teamstore') . '/' . $store->StoreUrl }}">
|
||||
<img src="{{asset('public/images/teamstore') . '/' . $store->StoreUrl . '/' . $store->StoreLogo }}">
|
||||
<img class="store-logo" src="{{asset('public/images/teamstore') . '/' . $store->StoreUrl . '/' . $store->StoreLogo }}">
|
||||
</a>
|
||||
<h4 style="border-top: 1px solid #dddddd; padding: 10px;" class="text-center">{{ $store->StoreName }}</h4>
|
||||
</div>
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
</div>
|
||||
<div class="text-center" id="homepage-logo">
|
||||
@endif
|
||||
<img src="{{asset('/public/images/logo.png')}}" class="img img-responsive" />
|
||||
<img src="{{asset('/public/images/logo.png')}}" style="height: 200px;" class="img img-responsive" />
|
||||
</div>
|
||||
</section>
|
||||
<!-- /.content -->
|
||||
|
||||
192
resources/views/user-layouts/order_details.blade.php
Normal file
192
resources/views/user-layouts/order_details.blade.php
Normal file
@@ -0,0 +1,192 @@
|
||||
@extends('user-layouts.user_template')
|
||||
@section('content')
|
||||
<style>
|
||||
.previewImage{
|
||||
height: 150px;
|
||||
width: 95%;
|
||||
overflow:hidden;
|
||||
object-fit: contain;
|
||||
}
|
||||
</style>
|
||||
<div class="content-wrapper" style="min-height: 916px;">
|
||||
<!-- Content Header (Page header) -->
|
||||
<section class="content-header">
|
||||
<h1>
|
||||
Orders
|
||||
<!-- <small>Control panel</small> -->
|
||||
</h1>
|
||||
<ol class="breadcrumb">
|
||||
<li><a href="{{ url ('user') }}"><i class="fa fa-home"></i> Home</a></li>
|
||||
<li><a href="{{ url ('user/orders') }}"><i class="fa fa-list"></i> Orders</a></li>
|
||||
<li class="active">Orders Details</li>
|
||||
|
||||
</ol>
|
||||
</section>
|
||||
|
||||
<!-- Main content -->
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="box box-primary">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">
|
||||
Order Details
|
||||
</h3>
|
||||
</div>
|
||||
<!-- <form role="form" id="frm-create-address-book"> -->
|
||||
<div class="box-body">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<table class="table table-condensed table-bordered">
|
||||
<tr >
|
||||
<th class="text-center" colspan="2">Payer Information</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="col-md-3">Payer Name</th>
|
||||
<td>{{ $array_payment_details[0]->Payer_Firstname . ' ' . $array_payment_details[0]->Payer_Lastname }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="col-md-3">Payer Email Address</th>
|
||||
<td>{{ $array_payment_details[0]->Payer_Email }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="col-md-3">Payment Method</th>
|
||||
<td>{{ $array_payment_details[0]->PaymentMethod }}</td>
|
||||
</tr>
|
||||
<tr >
|
||||
<th class="text-center" colspan="2">Transaction Information</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="col-md-3">Subtotal</th>
|
||||
<td>{{ $array_payment_details[0]->SubTotal . ' ' . $array_payment_details[0]->Currency }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="col-md-3">Tax</th>
|
||||
<td>{{ $array_payment_details[0]->Tax . ' ' . $array_payment_details[0]->Currency }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="col-md-3">Total</th>
|
||||
<td>{{ $array_payment_details[0]->Total . ' ' . $array_payment_details[0]->Currency }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="col-md-3">Invoice #</th>
|
||||
<td>{{ $array_payment_details[0]->InvoiceNumber }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
@foreach($item_goup_array as $item)
|
||||
|
||||
<div style="border: 1px solid #e2e2e2; padding: 10px; margin-bottom: 10px;">
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<div class="text-center">
|
||||
@foreach($img_thumb as $img)
|
||||
@if($img->ProductId == $item->ProductId)
|
||||
<img class="previewImage" src="http://{{ config('site_config.prod_private_server_ip') }}/images/{{ $img->Image }}">
|
||||
@endif
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
<h4><a href="{{ url('teamstore') . '/' . $item->StoreURL . '/' . 'product/' . $item->ProductURL }}">{{ $item->ProductName }}</a></h4>
|
||||
<p>Total Price: ${{ $item->total_price * $item->total_qty }} • Row(s): {{ $item->qty }} </p>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-condensed">
|
||||
|
||||
@if($item->FormUsed=="jersey-and-shorts-form")
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Number</th>
|
||||
<th>Jersey Size</th>
|
||||
<th>Shorts Size</th>
|
||||
<th>Price</th>
|
||||
<th>Quantity</th>
|
||||
</tr>
|
||||
@elseif($item->FormUsed=="tshirt-form")
|
||||
<tr>
|
||||
<th>Size</th>
|
||||
<th>Price</th>
|
||||
<th>Quantity</th>
|
||||
|
||||
</tr>
|
||||
|
||||
@elseif($item->FormUsed=="quantity-form")
|
||||
<tr>
|
||||
<th>Price</th>
|
||||
<th>Quantity</th>
|
||||
</tr>
|
||||
|
||||
|
||||
@elseif($item->FormUsed=="name-number-form")
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Number</th>
|
||||
<th>Price</th>
|
||||
<th>Quantity</th>
|
||||
</tr>
|
||||
|
||||
@else
|
||||
|
||||
@endif
|
||||
|
||||
|
||||
@foreach($order_item_array as $sub_item)
|
||||
@if($sub_item->ProductId == $item->ProductId)
|
||||
|
||||
@if($item->FormUsed=="jersey-and-shorts-form")
|
||||
<tr>
|
||||
<td> @if($sub_item->Name != '') {{ $sub_item->Name }} @else -- @endif </td>
|
||||
<td>{{ $sub_item->Number }}</td>
|
||||
<td>{{ $sub_item->JerseySize }}</td>
|
||||
<td>{{ $sub_item->ShortsSize }}</td>
|
||||
<td>{{ $sub_item->Price }}</td>
|
||||
<td>{{ $sub_item->Quantity }}</td>
|
||||
|
||||
</tr>
|
||||
@elseif($item->FormUsed=="tshirt-form")
|
||||
<tr>
|
||||
<td>{{ $sub_item->Size }}</td>
|
||||
<td>{{ $sub_item->Price }}</td>
|
||||
<td>{{ $sub_item->Quantity }}</td>
|
||||
|
||||
</tr>
|
||||
@elseif($item->FormUsed=="quantity-form")
|
||||
<tr>
|
||||
<td>{{ $sub_item->Price }}</td>
|
||||
<td>{{ $sub_item->Quantity }}</td>
|
||||
|
||||
</tr>
|
||||
@elseif($item->FormUsed=="name-number-form")
|
||||
<tr>
|
||||
<td>{{ $sub_item->Name }}</td>
|
||||
<td>{{ $sub_item->Number }}</td>
|
||||
<td>{{ $sub_item->Price }}</td>
|
||||
<td>{{ $sub_item->Quantity }}</td>
|
||||
|
||||
</tr>
|
||||
@else
|
||||
|
||||
@endif
|
||||
|
||||
@endif
|
||||
@endforeach
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- /.content -->
|
||||
</div>
|
||||
@endsection
|
||||
@@ -45,7 +45,7 @@
|
||||
<td>{{ $row->Currency }} {{ $row->Total }} </td>
|
||||
<td>{{ date('F j, Y g:i a', strtotime($row->DateCreated)) }} </td>
|
||||
<td class="text-center">
|
||||
<a href="{{ url('user/orders/view') }}/{{ $row->CartKey }}" class="btn btn-default btn-xs">View</a>
|
||||
<a href="{{ url('user/orders/view') }}/{{ $row->CartKey }}" class="btn btn-default btn-xs">View Details</a>
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
|
||||
@@ -36,7 +36,7 @@
|
||||
<div class="col-md-12 text-center">
|
||||
@foreach($thumbnails_array as $thumbnail)
|
||||
@if($thumbnail->ImageClass == 'active')
|
||||
<img src="http://{{ config('site_config.prod_private_server_ip') }}/images/{{ $thumbnail->Image }}" id="main-thumbnail">
|
||||
<img style="height:400px" src="http://{{ config('site_config.prod_private_server_ip') }}/images/{{ $thumbnail->Image }}" id="main-thumbnail">
|
||||
@endif
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user