ok
Direktori : /home2/selectio/www/bharath/a1tex.in/resources/views/seller-views/product/ |
Current File : /home2/selectio/www/bharath/a1tex.in/resources/views/seller-views/product/view.blade.php |
@extends('layouts.back-end.app-seller') @section('title', \App\CPU\translate('Product Preview')) @push('css_or_js') @endpush @section('content') <div class="content container-fluid" style="text-align: {{Session::get('direction') === "rtl" ? 'right' : 'left'}};"> <!-- Page Header --> <div class="page-header pb-0 mb-0 border-0"> <div class="d-flex align-items-center justify-content-between flex-wrap gap-10 mb-3"> <!-- Page Title --> <div class=""> <h2 class="h1 mb-0 text-capitalize d-flex align-items-center gap-2"> <img width="20" onerror="this.src='{{asset('public/assets/back-end/img/160x160/img2.jpg')}}'" src="{{asset('/public/assets/back-end/img/products.png')}}" alt=""> {{$product['name']}} </h2> </div> <!-- End Page Title --> <div class="d-flex justify-content-end flex-wrap gap-10"> <a href="{{url()->previous()}}" class="btn btn--primary"> <i class="tio-back-ui"></i> {{\App\CPU\translate('Back')}} </a> </div> </div> @if($product['request_status'] == 2) <!-- Card --> <div class="card mb-3 mb-lg-5 mt-2 mt-lg-3 bg-warning"> <!-- Body --> <div class="card-body text-center"> <span class="text-dark">{{ $product['denied_note'] }}</span> </div> </div> @endif <!-- End Nav --> </div> <!-- End Page Header --> <!-- Card --> <div class="card mb-3 mb-lg-5"> <!-- Body --> <div class="card-body"> <div class="row align-items-md-center gx-md-5"> <div class="col-md-auto mb-3 mb-md-0"> <div class="d-flex align-items-center"> <img class="avatar avatar-xxl avatar-4by3 {{Session::get('direction') === "rtl" ? 'ml-4' : 'mr-4'}}" onerror="this.src='{{asset('public/assets/front-end/img/image-place-holder.png')}}'" src="{{\App\CPU\ProductManager::product_image_path('thumbnail')}}/{{$product['thumbnail']}}" alt="Image Description"> <div class="d-block"> <h4 class="display-2 text-dark mb-0">{{count($product->rating)>0?number_format($product->rating[0]->average, 2, '.', ' '):0}}</h4> <p> of {{$product->reviews->count()}} {{\App\CPU\translate('reviews')}} <span class="badge badge-soft-dark badge-pill {{Session::get('direction') === "rtl" ? 'mr-1' : 'ml-1'}}"></span> </p> </div> </div> </div> <div class="col-md"> <ul class="list-unstyled list-unstyled-py-2 mb-0"> @php($total=$product->reviews->count()) <!-- Review Ratings --> <li class="d-flex align-items-center font-size-sm"> @php($five=\App\CPU\Helpers::rating_count($product['id'],5)) <span class="{{Session::get('direction') === "rtl" ? 'ml-3' : 'mr-3'}}">5 {{\App\CPU\translate('star')}}</span> <div class="progress flex-grow-1"> <div class="progress-bar" role="progressbar" style="width: {{$total==0?0:($five/$total)*100}}%;" aria-valuenow="{{$total==0?0:($five/$total)*100}}" aria-valuemin="0" aria-valuemax="100"></div> </div> <span class="{{Session::get('direction') === "rtl" ? 'mr-3' : 'ml-3'}}">{{$five}}</span> </li> <!-- End Review Ratings --> <!-- Review Ratings --> <li class="d-flex align-items-center font-size-sm"> @php($four=\App\CPU\Helpers::rating_count($product['id'],4)) <span class="{{Session::get('direction') === "rtl" ? 'ml-3' : 'mr-3'}}">4 {{\App\CPU\translate('star')}}</span> <div class="progress flex-grow-1"> <div class="progress-bar" role="progressbar" style="width: {{$total==0?0:($four/$total)*100}}%;" aria-valuenow="{{$total==0?0:($four/$total)*100}}" aria-valuemin="0" aria-valuemax="100"></div> </div> <span class="{{Session::get('direction') === "rtl" ? 'mr-3' : 'ml-3'}}">{{$four}}</span> </li> <!-- End Review Ratings --> <!-- Review Ratings --> <li class="d-flex align-items-center font-size-sm"> @php($three=\App\CPU\Helpers::rating_count($product['id'],3)) <span class="{{Session::get('direction') === "rtl" ? 'ml-3' : 'mr-3'}}">3 {{\App\CPU\translate('star')}}</span> <div class="progress flex-grow-1"> <div class="progress-bar" role="progressbar" style="width: {{$total==0?0:($three/$total)*100}}%;" aria-valuenow="{{$total==0?0:($three/$total)*100}}" aria-valuemin="0" aria-valuemax="100"></div> </div> <span class="{{Session::get('direction') === "rtl" ? 'mr-3' : 'ml-3'}}">{{$three}}</span> </li> <!-- End Review Ratings --> <!-- Review Ratings --> <li class="d-flex align-items-center font-size-sm"> @php($two=\App\CPU\Helpers::rating_count($product['id'],2)) <span class="{{Session::get('direction') === "rtl" ? 'ml-3' : 'mr-3'}}">2 {{\App\CPU\translate('star')}}</span> <div class="progress flex-grow-1"> <div class="progress-bar" role="progressbar" style="width: {{$total==0?0:($two/$total)*100}}%;" aria-valuenow="{{$total==0?0:($two/$total)*100}}" aria-valuemin="0" aria-valuemax="100"></div> </div> <span class="{{Session::get('direction') === "rtl" ? 'mr-3' : 'ml-3'}}">{{$two}}</span> </li> <!-- End Review Ratings --> <!-- Review Ratings --> <li class="d-flex align-items-center font-size-sm"> @php($one=\App\CPU\Helpers::rating_count($product['id'],1)) <span class="{{Session::get('direction') === "rtl" ? 'ml-3' : 'mr-3'}}">1 {{\App\CPU\translate('star')}}</span> <div class="progress flex-grow-1"> <div class="progress-bar" role="progressbar" style="width: {{$total==0?0:($one/$total)*100}}%;" aria-valuenow="{{$total==0?0:($one/$total)*100}}" aria-valuemin="0" aria-valuemax="100"></div> </div> <span class="{{Session::get('direction') === "rtl" ? 'mr-3' : 'ml-3'}}">{{$one}}</span> </li> <!-- End Review Ratings --> </ul> </div> <div class="col-12"> <hr> </div> <div class="col-sm-4 pt-2"> <div class="d-flex flex-wrap gap-2 "> <h4 class="">{{$product['name']}}</h4> </div> <div class="d-flex flex-wrap gap-2 "> <span>{{\App\CPU\translate('Price')}} : </span> <span>{{\App\CPU\BackEndHelper::set_symbol(\App\CPU\BackEndHelper::usd_to_currency($product['unit_price']))}}</span> </div> <div class="d-flex flex-wrap gap-2 "> <span>{{\App\CPU\translate('TAX')}} : </span> <span>{{($product['tax'])}} % </span> </div> <div class="d-flex flex-wrap gap-2 "> <span>{{\App\CPU\translate('Discount')}} : </span> <span>{{ $product->discount_type=='flat'?\App\CPU\BackEndHelper::set_symbol(\App\CPU\BackEndHelper::usd_to_currency($product->discount)): $product->discount.''.'%'}}</span> </div> @if($product->product_type == 'physical') <div class="d-flex flex-wrap gap-2 "> <span>{{\App\CPU\translate('shipping Cost')}} : </span> <span>{{ \App\CPU\BackEndHelper::set_symbol(\App\CPU\BackEndHelper::usd_to_currency($product->shipping_cost))}}</span> </div> <div class="d-flex flex-wrap gap-2 "> <span>{{\App\CPU\translate('Current Stock')}} : </span> <span>{{ $product->current_stock }}</span> </div> @endif @if(($product->product_type == 'digital') && ($product->digital_product_type == 'ready_product')) <a href="{{asset("storage/app/public/product/digital-product/$product->digital_file_ready")}}" class="btn btn--primary px-4 mt-4">{{\App\CPU\translate('download')}}</a> @endif </div> <div class="col-sm-8 pt-2 border-left"> <span> @if(count(json_decode($product->colors)) > 0) <div class="row no-gutters"> <div class="col-sm-4 col-lg-2"> <div class="product-description-label mt-2">{{\App\CPU\translate('Available_Color')}}: </div> </div> <div class="col-sm-8 col-lg-10"> <ul class="list-inline checkbox-color mb-1"> @foreach (json_decode($product->colors) as $key => $color) <li> <label style="background: {{ $color }};" for="{{ $product->id }}-color-{{ $key }}" data-toggle="tooltip"></label> </li> @endforeach </ul> </div> </div> @endif </span> <br> <div> <div class="mb-2 title-color">{{\App\CPU\translate('Product Image')}}</div> <div class="row gy-1"> @foreach (json_decode($product->images) as $key => $photo) <div class="col-md-3"> <div class="card"> <div class="card-body"> <img class="w-100" onerror="this.src='{{asset('public/assets/front-end/img/image-place-holder.png')}}'" src="{{asset("storage/app/public/product/$photo")}}" alt="Product image"> </div> </div> </div> @endforeach </div> </div> </div> </div> </div> <!-- End Body --> </div> <!-- End Card --> <!-- Card --> <div class="card"> <!-- Table --> <div class="table-responsive datatable-custom"> <table class="table table-hover table-borderless table-thead-bordered table-nowrap table-align-middle card-table" style="text-align: {{Session::get('direction') === "rtl" ? 'right' : 'left'}};"> <thead class="thead-light thead-50 text-capitalize"> <tr> <th>{{\App\CPU\translate('Reviewer')}}</th> <th>{{\App\CPU\translate('Review')}}</th> <th>{{\App\CPU\translate('Date')}}</th> </tr> </thead> <tbody> @foreach($reviews as $review) @if(isset($review->customer)) <tr> <td> <div class="d-flex gap-3 flex-wrap align-items-center"> <div class="avatar avatar-circle"> <img class="avatar-img" onerror="this.src='{{asset('public/assets/front-end/img/image-place-holder.png')}}'" src="{{asset('storage/app/public/profile/'.$review->customer->image??"")}}" alt="Image Description"> </div> <div> <span class="d-block h5 text-hover-primary mb-0">{{$review->customer['f_name']??""}} {{$review->customer['l_name']??""}} <i class="tio-verified text-primary" data-toggle="tooltip" data-placement="top" title="Verified Customer"></i></span> <span class="d-block font-size-sm text-body">{{$review->customer->email??""}}</span> </div> </div> </td> <td> <div class="text-wrap"> <div class="d-flex mb-2"> <label class="badge badge-soft-info"> <span>{{$review->rating}} <i class="tio-star"></i> </span> </label> </div> <p> {{$review['comment']}} </p> @if(json_decode($review->attachment) != null) @foreach (json_decode($review->attachment) as $img) <a class="float-left" href="{{asset('storage/app/public/review')}}/{{$img}}" data-lightbox="mygallery"> <img class="p-2" width="60" height="60" onerror="this.src='{{asset('public/assets/back-end/img/160x160/img2.jpg')}}'" src="{{asset('storage/app/public/review')}}/{{$img}}" alt=""> </a> @endforeach @endif </div> </td> <td> {{date('d M Y H:i:s',strtotime($review['updated_at']))}} </td> </tr> @endif @endforeach </tbody> </table> </div> <!-- End Table --> @if(count($reviews)==0) <div class="text-center p-4"> <img class="mb-3 w-160" src="{{asset('public/assets/back-end')}}/svg/illustrations/sorry.svg" alt="Image Description"> <p class="mb-0">{{\App\CPU\translate('No data to show')}}</p> </div> @endif <div class="table-responsive mt-4"> <div class="px-4 d-flex justify-content-lg-end"> <!-- Pagination --> {!! $reviews->links() !!} </div> </div> </div> <!-- End Card --> </div> @endsection @push('script_2') <script src="{{asset('public/assets/back-end')}}/js/tags-input.min.js"></script> <script src="{{ asset('public/assets/select2/js/select2.min.js')}}"></script> <script> $('input[name="colors_active"]').on('change', function () { if (!$('input[name="colors_active"]').is(':checked')) { $('#colors-selector').prop('disabled', true); } else { $('#colors-selector').prop('disabled', false); } }); $(document).ready(function () { $('.color-var-select').select2({ templateResult: colorCodeSelect, templateSelection: colorCodeSelect, escapeMarkup: function (m) { return m; } }); function colorCodeSelect(state) { var colorCode = $(state.element).val(); if (!colorCode) return state.text; return "<span class='color-preview' style='background-color:" + colorCode + ";'></span>" + state.text; } }); </script> @endpush