first commit
This commit is contained in:
franknstayn
@@ -0,0 +1,52 @@
|
||||
<div class="panel-design-details" id="orderListPanel">
|
||||
<table class="table" id="tableRow" style="font-size:12px;">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="col-md-4">Name on Jersey</th>
|
||||
<th class="col-md-2">Number</th>
|
||||
<th class="col-md-3">Jersey Size</th>
|
||||
<th class="col-md-3">Shorts Size</th>
|
||||
<th class="text-center"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="orderTableBody">
|
||||
<tr class="table-tr-0">
|
||||
<td>
|
||||
<input type="text" name="order_names[]" class="form-control input-sm inputName roster-input" placeholder="Name on Jersey">
|
||||
</td>
|
||||
<td>
|
||||
<select class="form-control input-sm roster-input" name="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_jersey_size[]" data-row-number="1">
|
||||
<option value="none">none</option>
|
||||
@foreach($sizes_array as $size)
|
||||
<option value="{{ $size->Size }}">{{ $size->SizeDisplay }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<select class="form-control input-sm order-size roster-input" name="order_shorts_size[]" style="border-right: 1px solid #ccc;" data-row-number="1">
|
||||
<option value="none">none</option>
|
||||
@foreach($sizes_array as $size)
|
||||
<option value="{{ $size->Size }}">{{ $size->SizeDisplay }}</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" 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 id="addnew-btn-tbl-row">
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,47 @@
|
||||
<div class="panel-design-details" id="orderListPanel">
|
||||
<table class="table" id="tableRow" style="font-size:12px;">
|
||||
<thead>
|
||||
<tr>
|
||||
|
||||
<th class="col-md-4">Jersey Size</th>
|
||||
<th class="col-md-4">Shorts Size</th>
|
||||
<th class="col-md-4">Quantity</th>
|
||||
<th class="text-center"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="orderTableBody">
|
||||
<tr class="table-tr-0">
|
||||
<td>
|
||||
<select class="form-control input-sm order-size roster-input" name="order_jersey_size[]" data-row-number="1">
|
||||
<!-- <option value="none">none</option> !-->
|
||||
@foreach($sizes_array as $size)
|
||||
<option value="{{ $size->Size }}">{{ $size->SizeDisplay }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<select class="form-control input-sm order-size roster-input" name="order_shorts_size[]" data-row-number="1">
|
||||
<!-- <option value="none">none</option> !-->
|
||||
@foreach($sizes_array as $size)
|
||||
<option value="{{ $size->Size }}">{{ $size->SizeDisplay }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<select class="form-control input-sm roster-input" name="quantity[]">
|
||||
@for($i = 1; $i <= 50; $i++)
|
||||
<option value="{{ $i }}">{{ $i }}</option>
|
||||
@endfor
|
||||
</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" 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 id="addnew-btn-tbl-row">
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,38 @@
|
||||
<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">Gamer Tag</th>
|
||||
<th class="col-md-3">Name</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[]" class="form-control input-sm inputName roster-input" placeholder="Gamer Tag">
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" name="order_names2[]" class="form-control input-sm inputName roster-input" placeholder="Name">
|
||||
</td>
|
||||
<td>
|
||||
<select class="form-control input-sm order-size roster-input" name="order_size[]" style="border-right: 1px solid #ccc;" >
|
||||
@foreach($sizes_array as $size)
|
||||
<option value="{{ $size->Size }}">{{ $size->SizeDisplay }}</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" 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 id="addnew-btn-tbl-row">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,35 @@
|
||||
<div class="panel-design-details" id="orderListPanel">
|
||||
<table class="table" id="tableRow" style="font-size:12px;">
|
||||
<thead>
|
||||
<tr>
|
||||
<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-0">
|
||||
<td>
|
||||
<input type="text" name="order_names[]" class="form-control input-sm inputName roster-input" placeholder="Name">
|
||||
</td>
|
||||
<td>
|
||||
<select class="form-control input-sm roster-input" style="border-right: 1px solid #ccc;" 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" 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 id="addnew-btn-tbl-row">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,45 @@
|
||||
|
||||
<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-0">
|
||||
<td>
|
||||
<input type="text" name="order_names[]" id="order_names" class="form-control input-sm inputName roster-input" placeholder="Name">
|
||||
</td>
|
||||
<td>
|
||||
<select class="form-control input-sm roster-input" name="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[]" style="border-right: 1px solid #ccc;" data-row-number="1">
|
||||
@foreach($sizes_array as $size)
|
||||
<option value="{{ $size->Size }}">{{ $size->SizeDisplay }}</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" 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 id="addnew-btn-tbl-row">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,33 @@
|
||||
|
||||
<div class="panel-design-details" id="orderListPanel">
|
||||
<table class="table" id="tableRow" style="font-size:12px;">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="col-md-6">Name</th>
|
||||
<th class="col-md-5">Size</th>
|
||||
<th class="text-center"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="orderTableBody">
|
||||
<tr class="table-tr-0">
|
||||
<td>
|
||||
<input type="text" name="order_names[]" class="form-control input-sm inputName roster-input" placeholder="Name">
|
||||
</td>
|
||||
<td>
|
||||
<select class="form-control input-sm order-size roster-input" style="border-right: 1px solid #ccc;" name="order_size[]" data-row-number="1">
|
||||
@foreach($sizes_array as $size)
|
||||
<option value="{{ $size->Size }}">{{ $size->SizeDisplay }}</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" 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 id="addnew-btn-tbl-row">
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,32 @@
|
||||
<div class="panel-design-details" id="orderListPanel">
|
||||
<table class="table" id="tableRow" style="font-size:12px;">
|
||||
<thead>
|
||||
<tr>
|
||||
<!-- <th>#</th> -->
|
||||
<th class="col-md-11">Number</th>
|
||||
<th class="text-center"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="orderTableBody">
|
||||
<tr class="table-tr-0">
|
||||
<td>
|
||||
<select class="form-control input-sm roster-input" name="order_number[]" style="border-right: 1px solid #ccc;">
|
||||
<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" 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 id="addnew-btn-tbl-row">
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,48 @@
|
||||
<div class="panel-design-details" id="orderListPanel">
|
||||
<table class="table" id="tableRow" style="font-size:12px;">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="col-md-3">Number</th>
|
||||
<th class="col-md-4">Jersey Size</th>
|
||||
<th class="col-md-4">Shorts Size</th>
|
||||
<th class="text-center"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="orderTableBody">
|
||||
<tr class="table-tr-0">
|
||||
<td>
|
||||
<select class="form-control input-sm roster-input" name="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_jersey_size[]" data-row-number="1">
|
||||
<option value="none">none</option>
|
||||
@foreach($sizes_array as $size)
|
||||
<option value="{{ $size->Size }}">{{ $size->SizeDisplay }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<select class="form-control input-sm order-size roster-input" name="order_shorts_size[]" style="border-right: 1px solid #ccc;" data-row-number="1">
|
||||
<option value="none">none</option>
|
||||
@foreach($sizes_array as $size)
|
||||
<option value="{{ $size->Size }}">{{ $size->SizeDisplay }}</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" 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 id="addnew-btn-tbl-row">
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,29 @@
|
||||
<div class="form-group">
|
||||
<label class="control-label">Quantity <span class="required">*</span></label>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="input-group">
|
||||
<span class="input-group-btn">
|
||||
<button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="quantity">
|
||||
<span class="glyphicon glyphicon-minus"></span>
|
||||
</button>
|
||||
</span>
|
||||
@if($product_array[0]->ProductAvailableQty == null)
|
||||
<input type="text" name="quantity" class="form-control input-number" value="1" min="1" max="100">
|
||||
@else
|
||||
<input type="text" name="quantity" class="form-control input-number" value="1" min="1" max="{{ $available_qty }}">
|
||||
@endif
|
||||
<span class="input-group-btn">
|
||||
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quantity">
|
||||
<span class="glyphicon glyphicon-plus"></span>
|
||||
</button>
|
||||
</span>
|
||||
|
||||
</div>
|
||||
@if($available_qty != null)
|
||||
<p>{{ $available_qty }} piece/s available</p>
|
||||
@endif
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,41 @@
|
||||
|
||||
<div class="form-group mb-3">
|
||||
<label class="control-label">Size <span class="required">*</span></label>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<select class="form-control input-sm cls-uniformSize" name="uniformSize" data-error="#err-uniformSize" required >
|
||||
<option value="">Select Size</option>
|
||||
@foreach($sizes_array as $size)
|
||||
<option value="{{ $size->Size }}">{{ $size->SizeDisplay }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
<span id="err-uniformSize" style="color: #dd4b39"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="control-label">Quantity <span class="required">*</span></label>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="input-group">
|
||||
<button class="btn btn-outline-secondary btn-number" disabled="disabled" data-type="minus" data-field="quantity" type="button" id="button-addon1"><i class="fa fa-minus"></i></button>
|
||||
<input type="text" name="quantity" class="form-control input-number" value="1" min="1" max="100">
|
||||
<button class="btn btn-outline-secondary btn-number" data-type="plus" data-field="quantity" type="button" id="button-addon1"> <i class="fa fa-plus"></i> </button>
|
||||
</div>
|
||||
{{-- <div class="input-group">
|
||||
<span class="input-group-btn">
|
||||
<button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="quantity">
|
||||
<span class="glyphicon glyphicon-minus"></span>
|
||||
</button>
|
||||
</span>
|
||||
<input type="text" name="quantity" class="form-control input-number" value="1" min="1" max="100">
|
||||
<span class="input-group-btn">
|
||||
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quantity">
|
||||
<span class="glyphicon glyphicon-plus"></span>
|
||||
</button>
|
||||
</span>
|
||||
</div> --}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
175
resources/views/teamstore-sublayouts/index.blade.php
Normal file
175
resources/views/teamstore-sublayouts/index.blade.php
Normal file
@@ -0,0 +1,175 @@
|
||||
@extends('merchbay_main')
|
||||
@section('main-content')
|
||||
|
||||
@if ($store_array[0]->IsHibernated)
|
||||
<script>
|
||||
window.location = "../";
|
||||
</script>
|
||||
@endif
|
||||
|
||||
|
||||
<div class="pb-5">
|
||||
<div class="main__banner">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
<div class="store-banner border-top">
|
||||
<img
|
||||
src="{{ config('site_config.uploads') . 'teamstore/' . $store_array[0]->ImageFolder . '/' . $store_array[0]->StoreBanner }}"
|
||||
id="storeBanner"
|
||||
class="shadow-sm img-fluid w-100"
|
||||
alt="{{$store_array[0]->StoreName}}"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main__content">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="pt-4 b">
|
||||
<p class="please-read-title">Please read:</p>
|
||||
<ol class="please-read">
|
||||
<li>
|
||||
Items purchased are made on demand. Orders will be shipped
|
||||
based on dates set by your store administrator.
|
||||
</li>
|
||||
<li>
|
||||
Store payments are processed through PayPal. A PayPal
|
||||
account is not required to make a purchase.
|
||||
</li>
|
||||
<li>
|
||||
Orders will be batch processed on a weekly basis, please
|
||||
allow 2-3 weeks for delivery.
|
||||
</li>
|
||||
<li>
|
||||
We are currently only shipping to US locations. For
|
||||
international orders, please contact orders@merchbay.com
|
||||
if you'd like to place an order.
|
||||
</li>
|
||||
<li>Expect shipping delays due to COVID-19.</li>
|
||||
<li>
|
||||
All sales are final. No returns or exchanges will be
|
||||
accepted.
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="bg-black py-2">
|
||||
<p class="disclaimer text-white">Disclaimer</p>
|
||||
<div class="disclaimer-message">
|
||||
Masks and gaiters sold by Merchbay are not intended for
|
||||
medical use. Merchbay does not make any medical or health
|
||||
claims.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row py-4">
|
||||
<div class="col-lg-7">
|
||||
<form class="row g-2 g-lg-5">
|
||||
<div class="col-lg-9">
|
||||
<div class="input-group">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control border-end-0"
|
||||
placeholder="Search Item"
|
||||
aria-label="Search Item"
|
||||
aria-describedby="basic-addon2"
|
||||
/>
|
||||
<span
|
||||
class="input-group-text bg-white border-start-0"
|
||||
id="basic-addon2"
|
||||
><i class="bi bi-search"></i
|
||||
></span>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-lg-5">
|
||||
<form
|
||||
class="row g-2 g-lg-5 justify-content-end align-items-center"
|
||||
>
|
||||
<div class="col-lg-12">
|
||||
<div class="row">
|
||||
<div class="col-md-5 sort-by">
|
||||
<label for="selectSortBy" class="col-form-label"
|
||||
>Sort by:</label
|
||||
>
|
||||
</div>
|
||||
<div class="col-md-7">
|
||||
<select name="sort" class="form-control" id="sort">
|
||||
<option value="">Store Name A → Z</option>
|
||||
<option value="">Store Name Z → A</option>
|
||||
<option value="">Newest → Oldest</option>
|
||||
<option value="">Oldest → Newest</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<h4>Catalog</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
@foreach($product_array as $i => $product)
|
||||
@if($product->PrivacyStatus == "public")
|
||||
@foreach($thumbnails as $t => $thumb)
|
||||
@if($thumb['product_id'] == $product->Id)
|
||||
@define $storeFolder = $thumb['folder']
|
||||
@define $filename = $thumb['thumb']
|
||||
@endif
|
||||
@endforeach
|
||||
|
||||
<div class="col-lg-3 col-md-3 col-sm-4">
|
||||
<div class="p-3 product">
|
||||
<a href="{{ url('store') }}/{{ $store_array[0]->StoreUrl }}/product/{{ $product->ProductURL }}">
|
||||
<div class="product-image">
|
||||
<img
|
||||
src="{{ config('site_config.images_url') }}/{{ $filename }}"
|
||||
class="d-block border shadow-sm"
|
||||
alt="{{ $product->ProductName }}"
|
||||
/>
|
||||
</div>
|
||||
</a>
|
||||
<div class="row">
|
||||
<div class="col-sm-8">
|
||||
<div class="store-name">{{ $product->ProductName }}</div>
|
||||
<div class="product-price d-flex">
|
||||
<div class="price">{{ $store_array[0]->StoreCurrency }} {{ $product->ProductPrice }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4 py-2">
|
||||
<a
|
||||
href="{{ url('store') }}/{{ $store_array[0]->StoreUrl }}/product/{{ $product->ProductURL }}"
|
||||
class="btn btn-sm btn-black w-100"
|
||||
>View</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
@endforeach
|
||||
<!-- END PRODUCTS -->
|
||||
|
||||
{{--
|
||||
<div class="col-lg-12">
|
||||
<div class="py-4 text-center">
|
||||
<button type="submit" class="btn btn-black mb-3 px-5">
|
||||
View more
|
||||
</button>
|
||||
</div>
|
||||
</div> --}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
38
resources/views/teamstore-sublayouts/login.blade.php
Normal file
38
resources/views/teamstore-sublayouts/login.blade.php
Normal file
@@ -0,0 +1,38 @@
|
||||
@extends('app')
|
||||
@section('content')
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h3 class="text-center">
|
||||
Team Store Login
|
||||
</h3>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
@if (\Session::has('errors'))
|
||||
<div class="alert alert-danger">
|
||||
<strong>Whoops!</strong> {!! \Session::get('errors') !!}.<br><br>
|
||||
</div>
|
||||
@endif
|
||||
<form class="form-horizontal" role="form" method="POST" action="teamstore/checkpassword">
|
||||
<input type="hidden" name="_token" value="{{ csrf_token() }}">
|
||||
|
||||
<div class="form-group">
|
||||
<label class="col-md-4 control-label">Password</label>
|
||||
<div class="col-md-6">
|
||||
<input type="password" class="form-control" name="password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-md-6 col-md-offset-4">
|
||||
<button type="submit" class="btn btn-primary btn-block">Login</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
394
resources/views/teamstore-sublayouts/product-details.blade.php
Normal file
394
resources/views/teamstore-sublayouts/product-details.blade.php
Normal file
@@ -0,0 +1,394 @@
|
||||
@extends('merchbay_main')
|
||||
@section('main-content')
|
||||
@if ($store_array[0]->IsHibernated)
|
||||
<script>
|
||||
window.location = "../";
|
||||
</script>
|
||||
@endif
|
||||
|
||||
<style>
|
||||
.carousel-item img {
|
||||
/* width: 100%; */
|
||||
/* height: 100%; */
|
||||
object-fit: contain !important;
|
||||
width: 100% !important;
|
||||
max-height: 100% !important;
|
||||
padding: 5px !important;
|
||||
}
|
||||
.carousel-indicators {
|
||||
display: inline-block !important;
|
||||
height: 400px !important;
|
||||
overflow-y: scroll !important;
|
||||
overflow-x: hidden !important;
|
||||
position: static !important;
|
||||
direction: rtl !important;
|
||||
}
|
||||
|
||||
.carousel-inner,
|
||||
.carousel-item {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 992px) {
|
||||
.carousel-indicators {
|
||||
display: inline-flex !important;
|
||||
direction: inherit !important;
|
||||
height: auto !important;
|
||||
width: 100% !important;
|
||||
max-width: 800px !important;
|
||||
overflow-x: auto !important;
|
||||
position: relative !important;
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
overflow-y: hidden !important;
|
||||
justify-content: normal !important;
|
||||
margin-top: 20px !important;
|
||||
margin-bottom: 20px !important;
|
||||
}
|
||||
.carousel-inner {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
}
|
||||
/* width */
|
||||
::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
/* Track */
|
||||
::-webkit-scrollbar-track {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Handle */
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #888;
|
||||
}
|
||||
|
||||
/* Handle on hover */
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #555;
|
||||
}
|
||||
.item {
|
||||
margin-bottom: 10px !important;
|
||||
margin-left: 10px !important;
|
||||
cursor: pointer !important;
|
||||
height: 100px !important;
|
||||
width: 100px !important;
|
||||
border: solid 1px #e2e2e2 !important;
|
||||
text-align: center !important;
|
||||
}
|
||||
.item.active img {
|
||||
/* border:1px solid #000000; */
|
||||
opacity: 1;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.item.active {
|
||||
border: 1px solid #000000 !important;
|
||||
}
|
||||
|
||||
.item img {
|
||||
border: 1px solid transparent !important;
|
||||
opacity: 0.5;
|
||||
transition: 0.5s !important;
|
||||
height: inherit !important;
|
||||
padding: 5px !important;
|
||||
display: block !important;
|
||||
margin: auto;
|
||||
|
||||
}
|
||||
|
||||
.item:hover {
|
||||
border: 1px solid #000000 !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
.content {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.5); /* Black background with transparency */
|
||||
color: #f1f1f1;
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
}
|
||||
.content p {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 992px) {
|
||||
.content {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 1440px) {
|
||||
/* .carousel-inner{
|
||||
margin-left: -60px;
|
||||
} */
|
||||
}
|
||||
@media screen and (min-width: 1200px) and (max-width: 1439px) {
|
||||
.carousel-inner {
|
||||
margin-left: -20px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 880px) and (max-width: 1199px) {
|
||||
.carousel-inner {
|
||||
margin-left: 20px;
|
||||
}
|
||||
.content {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 576px) and (max-width: 879px) {
|
||||
.carousel-inner {
|
||||
margin-left: 50px;
|
||||
}
|
||||
.content {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style>
|
||||
|
||||
.custom-chevron-left,
|
||||
.custom-chevron-right {
|
||||
color: grey;
|
||||
}
|
||||
/* end single carousel*/
|
||||
|
||||
.hide-bullets {
|
||||
list-style:none;
|
||||
margin-left: -40px;
|
||||
margin-top:20px;
|
||||
}
|
||||
.spacer-top{
|
||||
margin-top: 40px;
|
||||
}
|
||||
.roster-input{
|
||||
border-radius: 0px;
|
||||
border-right: none;
|
||||
border-top: none;
|
||||
}
|
||||
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
|
||||
border-bottom-width: 0px;
|
||||
}
|
||||
.btn-roster-action{
|
||||
/* width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 10px; */
|
||||
}
|
||||
|
||||
.btn-group-sm>.btn{
|
||||
padding: 0px 0px;
|
||||
}
|
||||
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
|
||||
vertical-align: unset;
|
||||
}
|
||||
|
||||
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
|
||||
border: none;
|
||||
}
|
||||
|
||||
.table>thead>tr>th{
|
||||
border-bottom:none;
|
||||
}
|
||||
.carousel-control.right{
|
||||
margin-right :0px;
|
||||
}
|
||||
.carousel-control.left {
|
||||
margin-left: 0px;
|
||||
}
|
||||
/* .edge-text { position:absolute; top:3px; right:28px; color:#555; font:bold 13px/1 sans-serif;} */
|
||||
|
||||
/* these styles are for the demo, but are not required for the plugin */
|
||||
.zoom {
|
||||
display:inline-block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* magnifying glass icon */
|
||||
.zoom:after {
|
||||
content:'';
|
||||
display:block;
|
||||
width:33px;
|
||||
height:33px;
|
||||
position:absolute;
|
||||
top:0;
|
||||
right:0;
|
||||
/* background:url("{{asset('public/images/icon.png') }}"); */
|
||||
}
|
||||
|
||||
|
||||
tbody#orderTableBody>tr>td {
|
||||
padding: 0px !important;
|
||||
}
|
||||
.panel-design-details{
|
||||
max-height: 300px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
<div class="wrapper bg-white pb-5">
|
||||
<div class="main__banner">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
<div class="store-banner border-top">
|
||||
<img
|
||||
src="{{ config('site_config.uploads') . 'teamstore/' . $store_array[0]->ImageFolder . '/' . $store_array[0]->StoreBanner }}"
|
||||
id="storeBanner"
|
||||
class="shadow-sm img-fluid w-100"
|
||||
alt="..."
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main__content">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="py-4">
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{{ url('store') }}/{{ $store_array[0]->StoreUrl }}"
|
||||
>{{$store_array[0]->StoreName}}</a
|
||||
>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">
|
||||
{{ $product_array[0]->ProductName }}
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row pb-5">
|
||||
<div class="col-lg-6">
|
||||
<div
|
||||
id="demo"
|
||||
class="carousel slide vert"
|
||||
data-bs-interval="false"
|
||||
data-bs-ride="carousel"
|
||||
>
|
||||
<div class="row no-gutters">
|
||||
<div class="col-12 col-sm-12 col-md-12 col-lg-3 col-xl-3">
|
||||
<div class="carousel-indicators">
|
||||
@define $i = 0
|
||||
@foreach($thumbnails_array as $thumbnail)
|
||||
@if($thumbnail->ImageClass == 'active')
|
||||
<div
|
||||
data-bs-target="#demo"
|
||||
data-bs-slide-to="{{ $i }}"
|
||||
class="item active"
|
||||
>
|
||||
<img
|
||||
src="{{ config('site_config.images_url') }}/{{ $thumbnail->Image }}"
|
||||
/>
|
||||
</div>
|
||||
@else
|
||||
<div
|
||||
data-bs-target="#demo"
|
||||
data-bs-slide-to="{{ $i }}"
|
||||
class="item"
|
||||
>
|
||||
<img
|
||||
src="{{ config('site_config.images_url') }}/{{ $thumbnail->Image }}"
|
||||
/>
|
||||
</div>
|
||||
@endif
|
||||
@define $i++
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
<!-- col-sm-4 Indicators -->
|
||||
|
||||
<div class="col-12 col-sm-12 col-md-12 col-lg-9 col-xl-9 order-first order-lg-last">
|
||||
<div
|
||||
class="border text-center p-1 product-active-thumbnail"
|
||||
>
|
||||
<div class="carousel-inner align-self-center">
|
||||
@define $j = 0
|
||||
@foreach($thumbnails_array as $thumbnail)
|
||||
@if ($j == 0)
|
||||
<div class="carousel-item active">
|
||||
<img
|
||||
src="{{ config('site_config.images_url') }}/{{ $thumbnail->Image }}"
|
||||
class="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
@else
|
||||
<div class="carousel-item">
|
||||
<img
|
||||
src="{{ config('site_config.images_url') }}/{{ $thumbnail->Image }}"
|
||||
class="img-fluid"
|
||||
/>
|
||||
</div>
|
||||
@endif
|
||||
@define $j++
|
||||
@endforeach
|
||||
</div>
|
||||
<!--inner-->
|
||||
</div>
|
||||
</div>
|
||||
<!-- col-sm-6 -->
|
||||
</div>
|
||||
<!--row-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6">
|
||||
<div class="product-name-display">
|
||||
<h3>{{ $product_array[0]->ProductName }}</h3>
|
||||
</div>
|
||||
<div class="d-flex product-price-display">
|
||||
<div class="currency">{{ $store_array[0]->StoreCurrency }} </div>
|
||||
<div class="price-display">{{ $product_array[0]->ProductPrice }}</div>
|
||||
</div>
|
||||
<form id="frm-order-list">
|
||||
<input type="hidden" value="{{ md5($product_array[0]->Id) }}" name="p_id" id="p_id" />
|
||||
@include('teamstore-sublayouts.forms.'.$product_array[0]->ProductForm)
|
||||
|
||||
@if($product_array[0]->ProductPrice > 0)
|
||||
<div class="py-3">
|
||||
<button class="btn btn-black" type="submit" id="btn-add-to-cart"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</button>
|
||||
</div>
|
||||
@endif
|
||||
</form>
|
||||
<hr>
|
||||
<p>{{ $product_array[0]->ProductDescription }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row py-5">
|
||||
<div class="col-lg-12">
|
||||
<h4>Other similar products</h4>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<p>...</p>
|
||||
</div>
|
||||
{{-- <div
|
||||
class="col-lg-2 col-md-3 col-6"
|
||||
v-for="index in 6"
|
||||
:key="index"
|
||||
>
|
||||
<div class="text-center p-3">
|
||||
<div class="store-logo">
|
||||
<v-lazy-image
|
||||
src="https://crewsportswear.com/uploads/images/teamstore/all-in-athletics/logo.jpg"
|
||||
class="d-block border shadow-sm"
|
||||
alt="..."
|
||||
/>
|
||||
</div>
|
||||
<div class="store-name text-truncate">22PLE</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
137
resources/views/teamstore-sublayouts/stores.blade.php
Normal file
137
resources/views/teamstore-sublayouts/stores.blade.php
Normal file
@@ -0,0 +1,137 @@
|
||||
<div class="row py-5">
|
||||
@foreach ($stores_array as $store)
|
||||
<div class="col-lg-2 col-md-3 col-sm-4">
|
||||
<div class="p-3 store">
|
||||
<a href="{{ url('store') . '/' . $store->StoreUrl }}">
|
||||
<div class="store-logo" v-if="index === 1">
|
||||
<img
|
||||
src="{{ config('site_config.uploads') . 'teamstore/' . $store->ImageFolder . '/' . $store->StoreLogo }}"
|
||||
class="d-block border shadow-sm"
|
||||
alt="{{ $store->StoreName }}"
|
||||
/>
|
||||
</div>
|
||||
<div class="store-name">{{ $store->StoreName }}</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
{{-- <div class="col-lg-12">
|
||||
<div class="py-4 text-center">
|
||||
<button type="submit" class="btn btn-black mb-3 px-5">
|
||||
View all store
|
||||
</button>
|
||||
</div>
|
||||
</div> --}}
|
||||
</div>
|
||||
{{-- <div class="container">
|
||||
<div class="row">
|
||||
<form class="form-horizontal" role="search" id="frm_search_store">
|
||||
<div class="col-lg-7">
|
||||
<div class="form-group">
|
||||
<div class="col-sm-12">
|
||||
<label>Seach Store</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" placeholder="Search Store" value="{{ $keyword }}" name="q">
|
||||
<div class="input-group-btn">
|
||||
<button class="btn btn-default" type="submit"><i class="fa fa-search"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-7 control-label hidden-xs"> </label>
|
||||
<div class="col-sm-5">
|
||||
<label>Sort by:</label>
|
||||
<select class="form-control" name="s" id="select_sort_stores">
|
||||
<option @if($filter == "al-asc") selected @endif value="al-asc">Store Name A → Z</option>
|
||||
<option @if($filter == "al-desc") selected @endif value="al-desc">Store Name Z → A</option>
|
||||
<option @if($filter == "latest") selected @endif value="latest">Newest → Oldest</option>
|
||||
<option @if($filter == "oldest") selected @endif value="oldest">Oldest → Newest</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<div class="row" id="slider-thumbs">
|
||||
|
||||
<ul class="hide-bullets">
|
||||
@foreach ($stores_array as $store)
|
||||
<li class="li-custom col-lg-3 col-md-3 col-sm-4 col-xs-12">
|
||||
<div style="border: 1px solid #dddddd; padding: 5px;">
|
||||
@if($store->Password != null )
|
||||
<a class="thumbnail password-protected" href="#" data-store-id="{{ $store->Id }}" data-store-url="{{ $store->StoreUrl }}">
|
||||
<img class="store-logo" src="{{ config('site_config.uploads') . 'teamstore/'. $store->ImageFolder . '/' . $store->StoreLogo }}">
|
||||
</a>
|
||||
<h4 style="border-top: 1px solid #dddddd; padding: 10px; font-size: 16px; font-weight: bold; text-transform: uppercase;" class="text-center">{{ $store->StoreName }} <i class="fa fa-lock" title="This store is password protected."></i></h4>
|
||||
@else
|
||||
<a class="thumbnail" href="{{ url('teamstore') . '/' . $store->StoreUrl }}">
|
||||
<img class="store-logo" src="{{ config('site_config.uploads') . 'teamstore/' . $store->ImageFolder . '/' . $store->StoreLogo }}">
|
||||
</a>
|
||||
<h4 style="border-top: 1px solid #dddddd; padding: 10px; font-size: 16px; font-weight: bold; text-transform: uppercase;" class="text-center">{{ $store->StoreName }}</h4>
|
||||
@endif
|
||||
</div>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="text-center">
|
||||
{!! $stores_array->render() !!}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
<!-- /container -->
|
||||
|
||||
|
||||
<div id="team-store-login" class="modal fade" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
|
||||
<!-- Modal content-->
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h4 class="modal-title">Teamstore Login</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
@if (\Session::has('errors'))
|
||||
<div class="alert alert-danger data-errors">
|
||||
<strong>Whoops!</strong> {!! \Session::get('errors') !!}.<br><br>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<form class="form-horizontal" role="form" method="POST" action="{{ url('teamstore/checkpassword') }}">
|
||||
<input type="hidden" name="_token" value="{{ csrf_token() }}">
|
||||
<input type="hidden" class="form-control" id="_teamstore_id" name="store_id">
|
||||
<div class="form-group">
|
||||
<label class="col-md-4 control-label">Password</label>
|
||||
<div class="col-md-6">
|
||||
<div class="input-group">
|
||||
|
||||
<input type="password" class="form-control pwd" name="password">
|
||||
<span class="input-group-btn">
|
||||
<button class="btn btn-default reveal-password" type="button"><i class="fa fa-eye"></i></button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-md-6 col-md-offset-4">
|
||||
<button type="submit" class="btn btn-primary btn-block">Login</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user