Sindbad~EG File Manager
@extends('seller.layouts.app')
@section('panel_content')
@if(addon_is_activated('gst_system') && !auth()->user()->shop->gst_verification)
<div class="aiz-titlebar mt-2 mb-4">
<div class="row align-items-center">
<div class="col-md-12 alert alert-info text-center ">
<p class="font-weight-bold text-danger m-0">{{ translate('GST is being enabled on our platform. Please upload and complete the required documents from ') }} <a class="text-info" href="{{ route('seller.shop.index') }}">{{ translate('here') }}</a>. {{translate('Products will not be published unless the form is completed and HSN codes and GST values are properly assigned.')}}</p>
</div>
</div>
</div>
@endif
@php $authUser = auth()->user(); @endphp
<div class="row">
<div class="col-sm-6 col-md-6 col-xxl-3">
<div class="card shadow-none mb-4 bg-primary ">
<div class="card-body">
<div class="row align-items-center">
<div class="col">
<p class="small text-muted mb-0">
<span class="fe fe-arrow-down fe-12"></span>
<span class="fs-14 text-light">{{ translate('Products') }}</span>
</p>
<h3 class="mb-0 text-white fs-30">
{{ \App\Models\Product::where('user_id', $authUser->id)->count() }}
</h3>
</div>
<div class="col-auto text-right">
<svg xmlns="http://www.w3.org/2000/svg" width="64.001" height="64" viewBox="0 0 64.001 64">
<path id="Path_66" data-name="Path 66"
d="M146.431,117.56l-26.514-10.606a8.014,8.014,0,0,0-5.944,0L87.458,117.56a4,4,0,0,0-2.514,3.714v34.217a4,4,0,0,0,2.514,3.714l26.514,10.606a8.013,8.013,0,0,0,5.944,0L146.431,159.2a4,4,0,0,0,2.514-3.714V121.274a4,4,0,0,0-2.514-3.714m-31.714-8.748a5.981,5.981,0,0,1,4.456,0l26.1,10.44a1,1,0,0,1,0,1.858l-12.332,4.932-30.654-12.26Zm1.228,59.633L88.2,157.347a2,2,0,0,1-1.258-1.856V122.6l29,11.6Zm1-36L88.612,121.11a1,1,0,0,1,0-1.858L99.6,114.858l30.654,12.262Zm30,23.048a2,2,0,0,1-1.258,1.856l-27.742,11.1V134.2l13-5.2V146.61a1.035,1.035,0,0,0,2-.466V128.2l14-5.6Z"
transform="translate(-84.944 -106.382)" fill="#FFFFFF" />
</svg>
</div>
</div>
<div class="d-flex justify-content-between mt-3">
<a href="{{ route('seller.products.create') }}">
<div class="d-flex align-items-center">
<i class="las la-plus la-1x text-white"></i>
<p class="fs-12 text-light my-1 ml-1">{{ translate('Add New Product') }}</p>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-xxl-3">
<div class="card shadow-none mb-4 bg-primary">
<div class="card-body">
<div class="row align-items-center">
<div class="col">
<p class="small text-muted mb-0">
<span class="fe fe-arrow-down fe-12"></span>
<span class="fs-14 text-light">{{ translate('Rating') }}</span>
</p>
<h3 class="mb-0 text-white fs-30">
{{ $authUser->shop?->rating }}
</h3>
</div>
<div class="col-auto text-right">
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="61.143" viewBox="0 0 64 61.143">
<path id="Path_57" data-name="Path 57"
d="M63.286,22.145a2.821,2.821,0,0,0-1.816-.926L43.958,19.455a2.816,2.816,0,0,1-2.294-1.666L34.574,1.68a2.813,2.813,0,0,0-5.148,0l-7.09,16.11a2.813,2.813,0,0,1-2.292,1.666L2.53,21.219a2.813,2.813,0,0,0-1.59,4.9l13.13,11.72a2.818,2.818,0,0,1,.876,2.7l-3.734,17.2a2.812,2.812,0,0,0,4.166,3.026L30.584,51.9a2.8,2.8,0,0,1,2.832,0l15.206,8.864a2.813,2.813,0,0,0,4.166-3.026l-3.734-17.2a2.818,2.818,0,0,1,.876-2.7l13.13-11.72a2.813,2.813,0,0,0,.226-3.972m-1.5,2.546L48.658,36.413a4.717,4.717,0,0,0-1.47,4.524l3.732,17.2a.9.9,0,0,1-1.336.97l-15.2-8.866a4.729,4.729,0,0,0-4.758,0L14.416,59.109a.9.9,0,0,1-1.336-.97l3.732-17.2a4.717,4.717,0,0,0-1.47-4.524L2.212,24.691a.9.9,0,0,1,.51-1.57l17.512-1.766a4.721,4.721,0,0,0,3.85-2.8l7.09-16.11a.9.9,0,0,1,1.652,0l7.09,16.11a4.721,4.721,0,0,0,3.85,2.8l17.512,1.766a.9.9,0,0,1,.51,1.57"
transform="translate(0 0)" fill="#FFFFFF" />
</svg>
</div>
</div>
<div class="d-flex justify-content-between mt-3">
<div class="d-flex align-items-center pt-1">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<g id="Group_38928" data-name="Group 38928" transform="translate(-9435 -1195)">
<g id="Layer_2" data-name="Layer 2" transform="translate(9435 1195)">
<g id="people">
<rect id="Rectangle_23088" data-name="Rectangle 23088" width="16" height="16" fill="#fff" opacity="0"/>
<path id="Path_45108" data-name="Path 45108" d="M6.667,8.333A2.667,2.667,0,1,0,4,5.667,2.667,2.667,0,0,0,6.667,8.333Zm0-4A1.333,1.333,0,1,1,5.333,5.667,1.333,1.333,0,0,1,6.667,4.333ZM12,9.667a2,2,0,1,0-2-2A2,2,0,0,0,12,9.667ZM12,7a.667.667,0,1,1-.667.667A.667.667,0,0,1,12,7Zm0,3.333a3.333,3.333,0,0,0-2.04.7A4.667,4.667,0,0,0,2,14.333a.667.667,0,1,0,1.333,0,3.333,3.333,0,0,1,6.667,0,.667.667,0,0,0,1.333,0A4.6,4.6,0,0,0,10.76,12.1,2,2,0,0,1,14,13.667a.667.667,0,1,0,1.333,0A3.333,3.333,0,0,0,12,10.333Z" transform="translate(-0.667 -1)" fill="#fff"/>
</g>
</g>
</g>
</svg>
<p class="fs-12 text-light my-1 ml-1">{{ translate('Followers').' '.$authUser->shop?->followers()->count() }}</p>
</div>
<div class="d-flex align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16.5" height="16.5" viewBox="0 0 16.5 16.5">
<g id="Group_38929" data-name="Group 38929" transform="translate(-10183 -1360.5)">
<g id="Layer_2" data-name="Layer 2" transform="translate(10183 1361)">
<g id="people">
<rect id="Rectangle_23088" data-name="Rectangle 23088" width="16" height="16" fill="#fff" opacity="0"/>
<path id="Path_45108" data-name="Path 45108" d="M6.667,8.333A2.667,2.667,0,1,0,4,5.667,2.667,2.667,0,0,0,6.667,8.333Zm0-4A1.333,1.333,0,1,1,5.333,5.667,1.333,1.333,0,0,1,6.667,4.333ZM12,9.667a2,2,0,1,0-2-2A2,2,0,0,0,12,9.667ZM12,7a.667.667,0,1,1-.667.667A.667.667,0,0,1,12,7Zm0,3.333a3.333,3.333,0,0,0-2.04.7A4.667,4.667,0,0,0,2,14.333a.667.667,0,1,0,1.333,0,3.333,3.333,0,0,1,6.667,0,.667.667,0,0,0,1.333,0A4.6,4.6,0,0,0,10.76,12.1,2,2,0,0,1,14,13.667a.667.667,0,1,0,1.333,0A3.333,3.333,0,0,0,12,10.333Z" transform="translate(-0.667 -1)" fill="#fff"/>
</g>
</g>
<g id="Group_38926" data-name="Group 38926" transform="translate(10117.9 1317.63)">
<line id="Line_315" data-name="Line 315" x2="4" transform="translate(77.1 45.37)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1"/>
<line id="Line_316" data-name="Line 316" y1="4" transform="translate(79.099 43.37)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1"/>
</g>
</g>
</svg>
<p class="fs-12 text-light my-1 ml-1">{{ translate('Custom Followers').' '.$authUser->shop?->custom_followers }}</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-xxl-3">
<div class="card shadow-none mb-4 bg-primary">
<div class="card-body">
<div class="row align-items-center">
<div class="col">
<p class="small text-muted mb-0">
<span class="fe fe-arrow-down fe-12"></span>
<span class="fs-14 text-light">{{ translate('Total Order') }}</span>
</p>
<h3 class="mb-0 text-white fs-30">
{{ \App\Models\Order::where('seller_id', $authUser->id)->where('delivery_status', 'delivered')->count() }}
</h3>
</div>
<div class="col-auto text-right">
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
<g id="Group_25" data-name="Group 25" transform="translate(-1561.844 1020.618)">
<path id="Path_58" data-name="Path 58"
d="M229.23,106.382h-12a6,6,0,0,0,0,12h12a6,6,0,0,0,0-12m0,10h-12a4,4,0,0,1,0-8h12a4,4,0,0,1,0,8"
transform="translate(1370.615 -1127)" fill="#FFFFFF" />
<path id="Path_59" data-name="Path 59"
d="M213.73,117.882h24a1,1,0,0,1,0,2h-24a1,1,0,0,1,0-2"
transform="translate(1372.115 -1115.5)" fill="#FFFFFF" />
<path id="Path_60" data-name="Path 60" d="M210.23,117.382a2,2,0,1,0,2,2,2,2,0,0,0-2-2"
transform="translate(1367.615 -1116)" fill="#FFFFFF" />
<line id="Line_1" data-name="Line 1" transform="translate(1578.047 -1014.618)"
fill="none" stroke="red" stroke-linecap="round" stroke-linejoin="round"
stroke-width="0.142" />
<line id="Line_2" data-name="Line 2" transform="translate(1609.643 -1014.618)"
fill="none" stroke="red" stroke-linecap="round" stroke-linejoin="round"
stroke-width="0.142" />
<path id="Path_61" data-name="Path 61"
d="M213.73,123.882h24a1,1,0,0,1,0,2h-24a1,1,0,0,1,0-2"
transform="translate(1372.115 -1109.5)" fill="#FFFFFF" />
<path id="Path_62" data-name="Path 62" d="M210.23,123.382a2,2,0,1,0,2,2,2,2,0,0,0-2-2"
transform="translate(1367.615 -1110)" fill="#FFFFFF" />
<path id="Path_63" data-name="Path 63"
d="M213.73,129.882h24a1,1,0,0,1,0,2h-24a1,1,0,1,1,0-2"
transform="translate(1372.115 -1103.5)" fill="#FFFFFF" />
<path id="Path_64" data-name="Path 64" d="M210.23,129.382a2,2,0,1,0,2,2,2,2,0,0,0-2-2"
transform="translate(1367.615 -1104)" fill="#FFFFFF" />
<line id="Line_3" data-name="Line 3" transform="translate(1609.643 -1015.618)"
fill="none" stroke="red" stroke-linecap="round" stroke-linejoin="round"
stroke-width="0.142" />
<line id="Line_4" data-name="Line 4" transform="translate(1578.047 -1015.618)"
fill="none" stroke="red" stroke-linecap="round" stroke-linejoin="round"
stroke-width="0.142" />
<path id="Path_65" data-name="Path 65"
d="M265.23,116.382a8,8,0,0,0-8-8h-7.2a1,1,0,0,0,0,2h7.2a6,6,0,0,1,6,6v44a6,6,0,0,1-6,6h-48a6,6,0,0,1-6-6v-44a6,6,0,0,1,6-6h7.2a1,1,0,0,0,0-2h-7.2a8,8,0,0,0-8,8v44a8,8,0,0,0,8,8h48a8,8,0,0,0,8-8Z"
transform="translate(1360.615 -1125)" fill="#FFFFFF" />
</g>
</svg>
</div>
</div>
<div class="d-flex justify-content-between mt-3">
<a href="{{ route('seller.orders.index') }}">
<div class="d-flex align-items-center">
<i class="las la-eye la-1x text-white"></i>
<p class="fs-12 text-light my-1 ml-1">{{ translate('View All Order') }}</p>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-xxl-3">
<div class="card shadow-none mb-4 bg-primary ">
<div class="card-body">
<div class="row align-items-center">
<div class="col">
<p class="small text-muted mb-0">
<span class="fe fe-arrow-down fe-12"></span>
<span class="fs-14 text-light">{{ translate('Total Sales') }}</span>
</p>
<h3 class="mb-0 text-white fs-30">
@php
$orderDetails = \App\Models\OrderDetail::where('seller_id', $authUser->id)->get();
$total = 0;
foreach ($orderDetails as $key => $orderDetail) {
if ($orderDetail->order != null && $orderDetail->order->payment_status == 'paid') {
$total += $orderDetail->price;
}
}
@endphp
{{ single_price($total) }}
</h3>
</div>
<div class="col-auto text-right">
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64.001" viewBox="0 0 64 64.001">
<g id="Group_26" data-name="Group 26" transform="translate(-1571.385 1123.29)">
<line id="Line_5" data-name="Line 5" transform="translate(1572.385 -1123.29)"
fill="none" stroke="red" stroke-linecap="round" stroke-linejoin="round"
stroke-width="0.142" />
<path id="Path_67" data-name="Path 67"
d="M214.771,65.71a2,2,0,0,1-2-2v-59a1,1,0,0,0-2,0v59a4,4,0,0,0,4,4h59a1,1,0,0,0,0-2Z"
transform="translate(1360.615 -1127)" fill="#FFFFFF" />
<line id="Line_6" data-name="Line 6" y1="0.136" x2="0.136"
transform="translate(1586.533 -1087.117)" fill="none" stroke="red"
stroke-linecap="round" stroke-linejoin="round" stroke-width="0.142" />
<path id="Path_68" data-name="Path 68"
d="M264.6,10.027a3,3,0,0,0-4,4L247.536,27.1a2.994,2.994,0,0,0-2.594,0l-6.584-6.584a3,3,0,1,0-5.414,0L221.528,31.927a3,3,0,1,0,1.412,1.418l11.418-11.418a3,3,0,0,0,2.586,0l6.586,6.586a3,3,0,1,0,5.418,0l13.072-13.07a3,3,0,0,0,2.584-5.416M220.23,35.633a1,1,0,1,1,1-1,1,1,0,0,1-1,1m15.42-15.414a1,1,0,1,1,1-1,1,1,0,0,1-1,1M246.238,30.8a1,1,0,1,1,1-1,1,1,0,0,1-1,1m17.074-17.066a1,1,0,1,1,1-1,1,1,0,0,1-1,1"
transform="translate(1367.074 -1120.976)" fill="#FFFFFF" />
</g>
</svg>
</div>
</div>
<div class="d-flex justify-content-between mt-3">
<a href="{{ route('seller.orders.index') }}">
<div class="d-flex align-items-center">
<p class="fs-12 text-light my-1 ml-1"> {{ translate('Last Month') }}: {{ single_price($previous_month_sold_amount) }}</p>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-6 col-lg-3 mb-4">
<div class="card shadow-none bg-soft-primary">
<div class="card-body">
<div class="card-title text-primary fs-16 fw-600">
{{ translate('Sales Stat') }}
</div>
<canvas id="graph-1" class="w-100" height="150"></canvas>
</div>
</div>
<div class="card shadow-none bg-soft-primary mb-0">
<div class="card-body">
<div class="card-title text-primary fs-16 fw-600 mb-1">
{{ translate('Sold Amount') }}
</div>
<p class="mb-1">{{ translate('Your Sold Amount (Current month)') }}</p>
<h3 class="text-primary fw-600 fs-30">
{{ single_price($this_month_sold_amount) }}
</h3>
<p class="my-2">
{{ translate('Last Month') }}: {{ single_price($previous_month_sold_amount) }}
</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-3 mb-4">
<div class="card shadow-none h-450px mb-0 h-100">
<div class="card-body">
<div class="card-title text-primary fs-16 fw-600">
{{ translate('Category wise product count') }}
</div>
<hr>
<ul class="list-group">
@foreach (\App\Models\Category::all() as $key => $category)
@php
$cat_products = \App\Models\Product::where('user_id', $authUser->id)->where('category_id',$category->id)->count();
@endphp
@if ($cat_products > 0)
<li class="d-flex justify-content-between align-items-center my-2 text-primary fs-13">
{{ $category->getTranslation('name') }}
<span class="">
{{ $cat_products }}
</span>
</li>
@endif
@endforeach
</ul>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-3 mb-4">
<div class="card h-450px mb-0 h-100">
<div class="card-body">
<div class="card-title text-primary fs-16 fw-600">
{{ translate('Orders') }}
<p class="small text-muted mb-0">
<span class="fs-12 fw-600">{{ translate('This Month') }}</span>
</p>
</div>
<div class="row align-items-center mb-4">
<div class="col-auto text-left">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
<g id="Group_23742" data-name="Group 23742" transform="translate(2044 3467)">
<rect id="Rectangle_17194" data-name="Rectangle 17194" width="30" height="30"
transform="translate(-2044 -3467)" fill="none" />
<g id="Group_23741" data-name="Group 23741" transform="translate(310 759)">
<path id="Path_26908" data-name="Path 26908"
d="M4.355,30a12.083,12.083,0,0,1-1.6-.517A4.905,4.905,0,0,1,.029,24.5c.146-1.377.228-2.761.339-4.142Q.532,18.313.7,16.271c.106-1.332.206-2.665.316-4,.129-1.555.227-3.114.413-4.662a2,2,0,0,1,2-1.687c.782-.012,1.565,0,2.348,0h.336A5.77,5.77,0,0,1,8.275,1.3,5.615,5.615,0,0,1,12.367.018a5.841,5.841,0,0,1,5.38,5.9h.278c.753,0,1.507,0,2.26,0A2.116,2.116,0,0,1,22.5,7.986c.165,2.091.343,4.181.509,6.272s.322,4.183.488,6.273c.107,1.352.222,2.7.335,4.054a4.9,4.9,0,0,1-4.195,5.362A.61.61,0,0,0,19.5,30ZM6.118,7.678c-.893,0-1.743-.005-2.593,0-.282,0-.383.141-.407.463q-.151,1.97-.307,3.939Q2.559,15.2,2.3,18.325c-.156,1.935-.319,3.869-.455,5.806a6.248,6.248,0,0,0,.028,1.685,3.078,3.078,0,0,0,3.166,2.427q6.882,0,13.764,0c.088,0,.176,0,.264-.006a3.145,3.145,0,0,0,2.986-3.544c-.117-1.076-.177-2.158-.262-3.238-.105-1.342-.208-2.684-.315-4.026-.128-1.6-.261-3.209-.389-4.813q-.181-2.275-.357-4.551a.36.36,0,0,0-.365-.381c-.868-.009-1.735,0-2.63,0,0,.123,0,.218,0,.313,0,.615.006,1.23,0,1.845a.878.878,0,1,1-1.755-.006c-.006-.71,0-1.419,0-2.134h-8.1c0,.693,0,1.365,0,2.038a1.312,1.312,0,0,1-.034.347A.877.877,0,0,1,6.12,9.847c-.008-.711,0-1.422,0-2.168M7.894,5.9h8.069a4.036,4.036,0,1,0-8.069,0"
transform="translate(-2351 -4226)" fill="#2E294E" />
<path id="Path_26909" data-name="Path 26909"
d="M156.63,290.4H153.2v-3.431a.872.872,0,1,0-1.744,0V290.4h-3.431a.872.872,0,1,0,0,1.744h3.431v3.431a.872.872,0,0,0,1.744,0v-3.431h3.431a.872.872,0,0,0,0-1.744"
transform="translate(-2491.298 -4498.774)" fill="#2E294E" />
</g>
</g>
</svg>
</div>
<div class="col">
<p class="small text-muted mb-0">
<span class="fe fe-arrow-down fe-12"></span>
<span class="fs-13 text-primary fw-600">{{ translate('New Order') }}</span>
</p>
<h3 class="mb-0" style="color: #A9A3CC">
{{ $this_month_pending_orders }}
</h3>
</div>
</div>
<div class="row align-items-center mb-4">
<div class="col-auto text-left">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30"
height="30" viewBox="0 0 30 30">
<defs>
<clipPath id="clip-path">
<rect id="Rectangle_17198" data-name="Rectangle 17198" width="30" height="30"
transform="translate(0 0)" fill="none" />
</clipPath>
</defs>
<g id="Group_23751" data-name="Group 23751" transform="translate(0 0.001)">
<g id="Group_23750" data-name="Group 23750" transform="translate(0 -0.001)"
clip-path="url(#clip-path)">
<path id="Path_27505" data-name="Path 27505"
d="M13.122,30H7.03A7.041,7.041,0,0,1,0,22.959V7.03A7.041,7.041,0,0,1,7.03,0H22.959A7.041,7.041,0,0,1,30,7.03v5.857a1.172,1.172,0,1,1-2.343,0V7.03a4.691,4.691,0,0,0-4.7-4.687H7.03A4.691,4.691,0,0,0,2.343,7.03V22.959A4.691,4.691,0,0,0,7.03,27.646h6.092a1.177,1.177,0,0,1,0,2.354"
transform="translate(0 0)" fill="#2E294E" />
<path id="Path_27506" data-name="Path 27506"
d="M193.376,91.163a1.171,1.171,0,0,0-1.171-1.171h-5.969a1.172,1.172,0,1,0,0,2.343h5.969a1.171,1.171,0,0,0,1.171-1.171v0"
transform="translate(-174.22 -84.719)" fill="#2E294E" />
<path id="Path_27507" data-name="Path 27507"
d="M249.953,242.05a7.909,7.909,0,1,0,7.916,7.9,7.909,7.909,0,0,0-7.916-7.9m.008,13.467a5.563,5.563,0,1,1,5.558-5.566h.008a5.566,5.566,0,0,1-5.566,5.566"
transform="translate(-227.869 -227.867)" fill="#2E294E" />
<path id="Path_27508" data-name="Path 27508"
d="M331.615,329.84l.929-.929a1.172,1.172,0,0,0-1.658-1.656l-.929.929-.929-.929a1.172,1.172,0,0,0-1.658,1.656l.929.929-.929.929a1.172,1.172,0,1,0,1.658,1.656l.929-.929.929.929a1.172,1.172,0,1,0,1.658-1.656Z"
transform="translate(-307.867 -307.756)" fill="#2E294E" />
</g>
</g>
</svg>
</div>
<div class="col">
<p class="small text-muted mb-0">
<span class="fe fe-arrow-down fe-12"></span>
<span class="fs-13 text-primary fw-600">{{ translate('Cancelled') }}</span>
</p>
<h3 class="mb-0" style="color: #A9A3CC">
{{ $this_month_cancelled_orders }}
</h3>
</div>
</div>
<div class="row align-items-center mb-4">
<div class="col-auto text-left">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
<g id="Group_23745" data-name="Group 23745" transform="translate(1901 3455)">
<rect id="Rectangle_17195" data-name="Rectangle 17195" width="30" height="30"
transform="translate(-1901 -3455)" fill="none" />
<g id="Group_23744" data-name="Group 23744" transform="translate(-867.487 654.098)">
<path id="Path_26911" data-name="Path 26911"
d="M1352.884,172.262h-4.464a.88.88,0,1,0,0,1.761h4.464a.88.88,0,1,0,0-1.761"
transform="translate(-2379.291 -4277.175)" fill="#2E294E" />
<path id="Path_26912" data-name="Path 26912"
d="M1352.884,292.455h-4.464a.88.88,0,1,0,0,1.761h4.464a.88.88,0,1,0,0-1.761"
transform="translate(-2379.291 -4390.326)" fill="#2E294E" />
<path id="Path_26913" data-name="Path 26913"
d="M1322.832,232.366h-4.464a.88.88,0,1,0,0,1.761h4.464a.88.88,0,0,0,0-1.761"
transform="translate(-2351 -4333.757)" fill="#2E294E" />
<path id="Path_26914" data-name="Path 26914"
d="M1531.056,222.736h-5.341v-3.52a1.763,1.763,0,0,0-3-1.244l-7.04,7.04a1.76,1.76,0,0,0,0,2.489h0l4.035,4.035-4.918,4.918a1.761,1.761,0,0,0,2.49,2.49l6.162-6.163a1.76,1.76,0,0,0,0-2.489h0l-4.035-4.035,2.792-2.792v1.03a1.761,1.761,0,0,0,1.761,1.761h7.1a1.761,1.761,0,0,0,0-3.52Z"
transform="translate(-2536.278 -4319.726)" fill="#2E294E" />
<path id="Path_26915" data-name="Path 26915"
d="M1475.968,150.029a1.761,1.761,0,0,0-2.222.22l-4.842,4.842a1.761,1.761,0,0,0,2.441,2.538l.049-.049,3.821-3.821,1.288.927,1.717-1.717a3.5,3.5,0,0,1,1-.687Z"
transform="translate(-2493.036 -4255.966)" fill="#2E294E" />
<path id="Path_26916" data-name="Path 26916"
d="M1344.676,384.535a3.489,3.489,0,0,1-.9-1.589l-9.3,9.3a1.761,1.761,0,0,0,2.49,2.49l8.955-8.954Z"
transform="translate(-2366.531 -4475.515)" fill="#2E294E" />
<path id="Path_26917" data-name="Path 26917"
d="M1690.437,117.9a2.5,2.5,0,1,1-2.5,2.5,2.5,2.5,0,0,1,2.5-2.5"
transform="translate(-2699.74 -4226)" fill="#2E294E" />
</g>
</g>
</svg>
</div>
<div class="col">
<p class="small text-muted mb-0">
<span class="fe fe-arrow-down fe-12"></span>
<span class="fs-13 text-primary fw-600">{{ translate('On Delivery') }}</span>
</p>
<h3 class="mb-0" style="color: #A9A3CC">
{{ $this_month_on_the_way_orders }}
</h3>
</div>
</div>
<div class="row align-items-center mb-4">
<div class="col-auto text-left">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
<g id="Group_23747" data-name="Group 23747" transform="translate(1894 3457)">
<rect id="Rectangle_17196" data-name="Rectangle 17196" width="30" height="30"
transform="translate(-1894 -3457)" fill="none" />
<g id="Group_23746" data-name="Group 23746" transform="translate(-1599.983 686.845)">
<path id="Path_26918" data-name="Path 26918"
d="M2077.33,84.3v.4q0,3.482,0,6.963a1.069,1.069,0,0,1-.7,1.137,1.082,1.082,0,0,1-1.236-.336c-.411-.424-.836-.834-1.273-1.268-.4.4-.806.792-1.206,1.191a1.126,1.126,0,0,1-1.887-.009c-.392-.393-.791-.78-1.208-1.192-.46.464-.9.934-1.371,1.375a1.071,1.071,0,0,1-1.789-.482,1.63,1.63,0,0,1-.036-.43q0-3.465,0-6.93V84.3h-.363q-2.409,0-4.819,0a2.166,2.166,0,0,0-2.317,2.325q0,10.529,0,21.058a2.17,2.17,0,0,0,2.343,2.333q4.183,0,8.366,0a1.07,1.07,0,0,1,.3,2.1,1.345,1.345,0,0,1-.363.038c-2.867,0-5.734.008-8.6,0a4.261,4.261,0,0,1-4.181-4.194q-.008-10.8,0-21.593a4.254,4.254,0,0,1,4.2-4.2q10.792-.007,21.584,0a4.259,4.259,0,0,1,4.192,4.182c.008,2.868,0,5.736,0,8.6a1.071,1.071,0,1,1-2.138,0q0-4.134,0-8.269a2.177,2.177,0,0,0-2.365-2.378h-5.133m-2.163,4.811V84.324h-6.387v4.842c.063-.051.1-.074.125-.1.709-.676,1.2-.671,1.884.017.392.392.789.78,1.194,1.179.459-.458.909-.9,1.357-1.353a.991.991,0,0,1,1.1-.271,3.98,3.98,0,0,1,.726.472"
transform="translate(-2351 -4226)" fill="#2E294E" />
<path id="Path_26919" data-name="Path 26919"
d="M2276.429,310.26a8.566,8.566,0,1,1,8.554,8.574,8.552,8.552,0,0,1-8.554-8.574m14.992,0a6.426,6.426,0,1,0-6.388,6.431,6.451,6.451,0,0,0,6.388-6.431"
transform="translate(-2557.593 -4432.681)" fill="#2E294E" />
<path id="Path_26920" data-name="Path 26920"
d="M2352.663,396.855c.43-.437.848-.866,1.271-1.292q1.072-1.08,2.148-2.155a1.083,1.083,0,1,1,1.531,1.519q-2.064,2.073-4.137,4.139a1.071,1.071,0,0,1-1.672,0q-1-.99-1.986-1.986a1.085,1.085,0,1,1,1.538-1.513l1.305,1.29"
transform="translate(-2626.31 -4518.65)" fill="#2E294E" />
</g>
</g>
</svg>
</div>
<div class="col">
<p class="small text-muted mb-0">
<span class="fe fe-arrow-down fe-12"></span>
<span class="fs-13 text-primary fw-600">{{ translate('Delivered') }}</span>
</p>
<h3 class="mb-0" style="color: #A9A3CC">
{{ $this_month_delivered_orders }}
</h3>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-3 mb-4">
@if (addon_is_activated('seller_subscription'))
<div class="card">
<div class="card-body">
<div class="card-title ">
<h6 class="mb-0 text-primary fs-16 fw-600">{{ translate('Purchased Package') }}</h6>
</div>
@if ($authUser->shop?->seller_package)
<div class="d-flex">
<div class="col-3">
<img src="{{ uploaded_asset($authUser->shop->seller_package->logo) }}"
class="img-fluid mb-4 w-64px">
</div>
<div class="col-9">
<a class="fw-600 mb-3 text-primary">{{ translate('Current Package') }}:</a>
<h6 class="text-primary">
{{ $authUser->shop->seller_package->name }}
</h3>
<p class="mb-1 text-muted">{{ translate('Product Upload Limit') }}:
{{ $authUser->shop->product_upload_limit }} {{ translate('Times') }}
</p>
@if(addon_is_activated('preorder'))
<p class="mb-1 text-muted">{{ translate('Preorder Upload Limit') }}:
{{ $authUser->shop->preorder_product_upload_limit }} {{ translate('Times') }}
</p>
@endif
<p class="text-muted mb-4">{{ translate('Package Expires at') }}:
{{ $authUser->shop->package_invalid_at }}
</p>
<div class="">
<a href="{{ route('seller.seller_packages_list') }}"
class="btn btn-soft-primary">{{ translate('Upgrade Package') }}</a>
</div>
</div>
</div>
@else
<h6 class="fw-600 mb-3 text-primary">{{ translate('Package Not Found') }}</h6>
@endif
</div>
</div>
@endif
<div
class="card mb-0 @if (addon_is_activated('seller_subscription')) px-4 py-4 @else p-5 h-100 @endif d-flex align-items-center justify-content-center">
@if ($authUser->shop?->verification_status == 0)
<div class="my-n4 py-1 text-center">
<img src="{{ static_asset('assets/img/non_verified.png') }}" alt=""
class="w-xxl-130px w-90px d-block">
<a href="{{ route('seller.shop.verify') }}"
class="btn btn-sm btn-primary">{{ translate('Verify Now') }}</a>
</div>
@else
<div class="my-2 py-1">
<img src="{{ static_asset('assets/img/verified.png') }}" alt="" width="">
</div>
@endif
</div>
</div>
</div>
<div class="row">
@if(get_setting('vendor_commission_activation') == 1)
<div class="col-sm-6 col-md-6 col-lg-3 mb-4">
<div class="card shadow-none h-450px mb-0 h-100">
<div class="card-body">
<div class="card-title text-primary fs-16 fw-600">
{{ translate('Commission Type & Rate') }}
</div>
<hr>
<ul class="list-group">
@if(get_setting('seller_commission_type') == 'fixed_rate')
<li class="d-flex justify-content-between align-items-center my-2 text-primary fs-13">
{{ translate('You are Under Fixed Commission. Commission Rate') }}
<span class="">
{{ get_setting('vendor_commission') }} %
</span>
</li>
@elseif(get_setting('seller_commission_type') == 'seller_based')
<li class="d-flex justify-content-between align-items-center my-2 text-primary fs-13">
{{ translate('You are Under Seller Based Commission. Commission Rate') }}
<span class="">
{{ \App\Models\Shop::where('user_id', $authUser->id)->first()->commission_percentage }} %
</span>
</li>
@elseif(get_setting('seller_commission_type') == 'category_based')
<li class="d-flex justify-content-between align-items-center my-2 text-primary fs-13">
{{ translate('You are Under Category Wise Commission Rate ') }}
<span class="">
<a class="btn btn-primary btn-xs " href="{{ route('seller.categories-wise-commission') }}" >{{ translate('Details') }}</a>
</span>
</li>
@endif
</ul>
</div>
</div>
</div>
@else
<div class="col-sm-6 col-md-6 col-lg-3 mb-4">
<div class="card shadow-none h-450px mb-0 h-100">
<div class="card-body">
<div class="card-title text-primary fs-16 fw-600">
{{ translate('Commission Type & Rate') }}
</div>
<hr>
<ul class="list-group">
<li class="d-flex justify-content-between align-items-center my-2 text-primary fs-13">
{{ translate('Currently No Commeision System is Set by Admin') }}
</li>
</ul>
</div>
</div>
</div>
@endif
<div class="col-sm-6 col-md-6 col-lg-3">
<a href="{{ route('seller.money_withdraw_requests.index') }}"
class="card mb-4 p-4 text-center bg-soft-primary h-180px">
<div class="fs-16 fw-600 text-primary">
{{ translate('Money Withdraw') }}
</div>
<div class="m-3">
<svg id="Group_22725" data-name="Group 22725" xmlns="http://www.w3.org/2000/svg" width="48" height="48"
viewBox="0 0 48 48">
<path id="Path_108"
d="M24,28.5A1.538,1.538,0,0,1,25.5,30v6a1.5,1.5,0,0,1-3,0V30A1.538,1.538,0,0,1,24,28.5"
fill="#2E294E" />
<path id="Path_109"
d="M36,21H33V43.5A1.538,1.538,0,0,1,31.5,45h-15A1.538,1.538,0,0,1,15,43.5V21H12V43.5A4.481,4.481,0,0,0,16.5,48h15A4.481,4.481,0,0,0,36,43.5Z"
fill="#2E294E" />
<path id="Path_110"
d="M43.5,0H4.5A4.481,4.481,0,0,0,0,4.5v9A4.481,4.481,0,0,0,4.5,18h39A4.481,4.481,0,0,0,48,13.5v-9A4.481,4.481,0,0,0,43.5,0M45,13.5A1.538,1.538,0,0,1,43.5,15H4.5A1.538,1.538,0,0,1,3,13.5v-9A1.538,1.538,0,0,1,4.5,3h39A1.538,1.538,0,0,1,45,4.5Z"
fill="#2E294E" />
<path id="Path_111" d="M28.5,21h-9a4.5,4.5,0,0,0,9,0" fill="#2E294E" />
</svg>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg-3">
<div class="card mb-4 p-4 text-center bg-soft-primary">
<div class="fs-16 fw-600 text-primary">
{{ translate('Shop Settings') }}
</div>
<div class=" m-3">
<svg id="Group_31" data-name="Group 31" xmlns="http://www.w3.org/2000/svg" width="32" height="32"
viewBox="0 0 32 32">
<path id="Path_78" data-name="Path 78"
d="M2,25.723a1,1,0,0,0,.629.928L16,32l3.361-1.344a.5.5,0,0,0-.186-.965.491.491,0,0,0-.185.036L16,30.923l-13-5.2v-11.6a4.428,4.428,0,0,1-1-.2Z"
fill="#2E294E" />
<path id="Path_79" data-name="Path 79"
d="M19.681,24.189a.5.5,0,0,0-.5-.5.493.493,0,0,0-.186.036l-3,1.2L7.432,21.5a.5.5,0,0,0-.65.278.512.512,0,0,0-.035.186.5.5,0,0,0,.314.464L16,26l3.367-1.347a.5.5,0,0,0,.314-.464"
fill="#2E294E" />
<path id="Path_80" data-name="Path 80"
d="M31.5,25.126h-.087a1.368,1.368,0,0,1-.967-2.336l.061-.061a.5.5,0,0,0,0-.707l-.265-.265-.264-.264a.5.5,0,0,0-.707,0l-.061.06a1.368,1.368,0,0,1-2.336-.967V20.5a.5.5,0,0,0-.5-.5h-.748a.5.5,0,0,0-.5.5v.086a1.368,1.368,0,0,1-2.336.967l-.061-.06a.5.5,0,0,0-.707,0l-.265.264-.265.265a.5.5,0,0,0,0,.707l.061.061a1.368,1.368,0,0,1-.967,2.336H20.5a.5.5,0,0,0-.5.5v.748a.5.5,0,0,0,.5.5h.086a1.368,1.368,0,0,1,.967,2.336l-.061.061a.5.5,0,0,0,0,.707l.265.264.265.265a.5.5,0,0,0,.707,0l.061-.061a1.368,1.368,0,0,1,2.336.968V31.5a.5.5,0,0,0,.5.5h.748a.5.5,0,0,0,.5-.5v-.086a1.368,1.368,0,0,1,2.336-.968l.061.061a.5.5,0,0,0,.707,0l.264-.265.265-.264a.5.5,0,0,0,0-.707l-.061-.061a1.368,1.368,0,0,1,.967-2.336H31.5a.5.5,0,0,0,.5-.5v-.748a.5.5,0,0,0-.5-.5M29.171,29a2.373,2.373,0,0,0,.118.285,2.368,2.368,0,0,0-3.171,1.078,2.22,2.22,0,0,0-.118.285,2.369,2.369,0,0,0-3-1.481,2.516,2.516,0,0,0-.285.118A2.367,2.367,0,0,0,21.348,26a2.369,2.369,0,0,0,1.48-3,2.344,2.344,0,0,0-.118-.285,2.37,2.37,0,0,0,3.172-1.077A2.516,2.516,0,0,0,26,21.348a2.367,2.367,0,0,0,3,1.48,2.28,2.28,0,0,0,.285-.118,2.37,2.37,0,0,0,1.077,3.172,2.457,2.457,0,0,0,.286.118,2.367,2.367,0,0,0-1.481,3"
fill="#2E294E" />
<path id="Path_81" data-name="Path 81" d="M27.5,26A1.5,1.5,0,1,0,26,27.5,1.5,1.5,0,0,0,27.5,26"
fill="#2E294E" />
<path id="Path_82" data-name="Path 82"
d="M16,0A46.43,46.43,0,0,1,0,8.4v2a3.451,3.451,0,0,0,5.333,2.133,3.452,3.452,0,0,0,5.333,2.134A3.453,3.453,0,0,0,16,16.8a3.451,3.451,0,0,0,5.333-2.133,3.451,3.451,0,0,0,5.333-2.134A3.454,3.454,0,0,0,32,10.4v-2A46.421,46.421,0,0,1,16,0M31.021,10.194a2.452,2.452,0,0,1-3.788,1.515,1,1,0,0,0-1.545.618A2.453,2.453,0,0,1,21.9,13.843a1,1,0,0,0-1.545.618A2.451,2.451,0,0,1,16,15.434a2.452,2.452,0,0,1-4.355-.973,1,1,0,0,0-1.545-.618,2.454,2.454,0,0,1-3.789-1.516,1,1,0,0,0-1.184-.772,1.015,1.015,0,0,0-.361.154A2.451,2.451,0,0,1,.978,10.194V9.148A47.458,47.458,0,0,0,16,1.277,47.442,47.442,0,0,0,31.021,9.148Z"
fill="#2E294E" />
</svg>
</div>
<a href="{{ route('seller.shop.index') }}" class="btn btn-primary">
{{ translate('Go to setting') }}
</a>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-3">
<div class="card mb-4 p-4 text-center bg-soft-primary">
<div class="fs-16 fw-600 text-primary">
{{ translate('Payment Settings') }}
</div>
<div class=" m-3">
<svg id="Group_30" data-name="Group 30" xmlns="http://www.w3.org/2000/svg" width="31.999" height="32"
viewBox="0 0 31.999 32">
<path id="Path_83" data-name="Path 83"
d="M96.2,30.593a.5.5,0,0,1,.314-.464L103.6,27.3a.484.484,0,0,1,.185-.036.5.5,0,0,1,.185.965l-7.087,2.831a.5.5,0,0,1-.686-.464"
transform="translate(-92.946 -10)" fill="#2E294E" />
<path id="Path_84" data-name="Path 84"
d="M96.2,33.537a.5.5,0,0,1,.314-.464l4.615-1.844a.493.493,0,0,1,.186-.036.5.5,0,0,1,.186.964L96.887,34a.5.5,0,0,1-.686-.464"
transform="translate(-92.946 -10)" fill="#2E294E" />
<path id="Path_85" data-name="Path 85"
d="M117.171,10a2.017,2.017,0,0,0-.744.143L94.205,19.021a2,2,0,0,0-1.259,1.857V40a2,2,0,0,0,2.746,1.857l15.795-6.31a.5.5,0,1,0-.372-.929L95.32,40.928a.985.985,0,0,1-.372.072,1,1,0,0,1-1-1V28.7l24.225-9.679v8.306a.5.5,0,0,0,1,0V12a2,2,0,0,0-2-2m1,5.82L93.947,25.5v-4.62a1,1,0,0,1,.63-.928L116.8,11.071a1,1,0,0,1,1.373.929Z"
transform="translate(-92.946 -10)" fill="#2E294E" />
<path id="Path_86" data-name="Path 86"
d="M123.686,32.181,115.1,28.752a4.007,4.007,0,0,0-7.193-1.8l2.671,1.067a1,1,0,1,1-.744,1.857l-2.671-1.067a4.005,4.005,0,0,0,6.449,3.654L122.2,35.9a2,2,0,1,0,1.487-3.714m.186,2.228a1,1,0,0,1-1.3.557L113.4,31.3a3.006,3.006,0,0,1-5.08-.952l1.149.459a2,2,0,1,0,1.488-3.714l-1.149-.459a3,3,0,0,1,4.336,2.809l9.173,3.665a1,1,0,0,1,.558,1.3"
transform="translate(-92.946 -10)" fill="#2E294E" />
</svg>
</div>
<a href="{{ route('seller.profile.index') }}" class="btn btn-primary">
{{ translate('Configure Now') }}
</a>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div class="card-title text-primary">
<h6 class="mb-0 fs-16 fw-600">{{ translate('Top 12 Products') }}</h6>
</div>
<div class="aiz-carousel gutters-10 half-outside-arrow" data-items="6" data-xl-items="5" data-lg-items="4"
data-md-items="3" data-sm-items="2" data-arrows='true'>
@foreach ($products as $key => $product)
<div class="carousel-box">
<div
class="aiz-card-box border border-light rounded shadow-sm hov-shadow-md mb-2 has-transition bg-white">
<div class="position-relative">
<a href="{{ route('product', $product->slug) }}" class="d-block">
<img class="img-fit lazyload mx-auto h-210px"
src="{{ static_asset('assets/img/placeholder.jpg') }}"
data-src="{{ uploaded_asset($product->thumbnail_img) }}"
alt="{{ $product->getTranslation('name') }}"
onerror="this.onerror=null;this.src='{{ static_asset('assets/img/placeholder.jpg') }}';">
</a>
</div>
<div class="p-md-3 p-2 text-left">
<div class="fs-15">
@if (home_base_price($product) != home_discounted_base_price($product))
<del class="fw-600 opacity-50 mr-1">{{ home_base_price($product) }}</del>
@endif
<span class="fw-700 text-primary">{{ home_discounted_base_price($product) }}</span>
</div>
<div class="rating rating-sm mt-1">
{{ renderStarRating($product->rating) }}
</div>
<h3 class="fw-600 fs-13 text-truncate-2 lh-1-4 mb-0">
<a href="{{ route('product', $product->slug) }}"
class="d-block text-reset">{{ $product->getTranslation('name') }}</a>
</h3>
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
@endsection
@section('modal')
<div class="modal fade" id="varification_pending_modal" tabindex="-1" role="dialog"
aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
<div class="modal-content text-center p-4">
@if($authUser->shop?->business_info == null || $authUser->shop?->business_info == '')
<h4 class="mb-3">{{ translate('Complete your verification') }}</h4>
<p class="text-muted">
{{ translate('Your account is pending verification. Please complete verification to continue.') }}
</p>
<a href="javascript:void(0)"
class="btn btn-primary"
id="openSellerVerification">
Click here to verify
</a>
@else
<h4 class="mb-3">{{ translate('Verification is under review') }}</h4>
<p class="text-muted">
{{ translate('Your submitted verification documents are under review. We will notify you once the review is complete.') }}
</p>
@endif
<!-- go to home or contact us page -->
<div class="mt-3 d-flex justify-content-center gap-2">
<a href="{{ route('home') }}" class="mr-2">
{{ translate('Go to Home') }}
</a> |
<a href="{{ route('custom-pages.show_custom_page', 'contact-us') }}" class="ml-2">
{{ translate('Contact Us') }}
</a>
</div>
</div>
</div>
</div>
<!-- Verification Modal -->
<div id="seller_verification_modal" class="modal fade">
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title fw-bold h6">{{ translate('Seller Verification') }}</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
</div>
<div class="modal-body c-scrollbar-light seller-verification-form">
<form action="{{ route('seller.shop.update') }}" method="POST" enctype="multipart/form-data" id="seller-verification-form">
@csrf
<input type="hidden" name="shop_id" value="{{ auth()->user()->shop->id }}">
<div class="form-group">
<label for="company-type" class="fs-13 fw-bold">{{ translate('Company Type (Dropdown Selection):') }}</label>
<select
class="form-control aiz-selectpicker bg-soft-light rounded-2"
data-live-search="true" name="shop_type" required>
<option value="installer">Installer</option>
<option value="developer">Developer</option>
<option value="om">O&M</option>
<option value="supplier">Supplier / Reseller</option>
<option value="distributor">Distributor</option>
<option value="manufacturer">Manufacturer</option>
<option value="broker">Broker</option>
<option value="other">Other</option>
</select>
<small id="type-error" class="text-danger d-none"> {{ translate('Please select a company type') }}</small>
</div>
<div class="form-group">
<label for="certificate-number" class="fs-13 fw-bold">{{ translate('Licence Number') }}</label>
<input type="text" name="certificate_number"
class="form-control text-gray fs-13 fw-300 rounded-2 bg-soft-light"
id="certificate-number" placeholder="Licence number" required>
</div>
<div class="form-group">
<label for="tax-id-documents" class="fs-13 fw-bold">{{translate('Tax Identification Document')}}</label>
<div class="input-group rounded-2 bg-soft-light overflow-hidden">
<div class="input-group-prepend rounded-2 bg-soft-light">
<span class="input-group-text bg-soft-light">{{translate('Browse')}}</span>
</div>
<div class="custom-file">
<label class="custom-file-label cursor-pointer">
<input type="file" class="custom-file-input preview-input " data-preview="#certificate_preview" name="certificate" id="certificate" accept=".jpg,.jpeg,.png,.bmp,application/pdf">
<span class="custom-file-name cursor-pointer">{{ translate('Choose file') }}</span>
</label>
</div>
</div>
<small id="certificate-error" class="text-danger d-none"> {{ translate('Please upload a valid certificate') }}</small>
</div>
<div id="certificate_preview" class="mb-2"></div>
<div class="form-group">
<label for="valid-id-card" class="fs-13 fw-bold">{{translate('Valid ID Card')}}</label>
<div class="input-group rounded-2 bg-soft-light overflow-hidden">
<div class="input-group-prepend rounded-2 bg-soft-light">
<span class="input-group-text bg-soft-light">{{translate('Browse')}}</span>
</div>
<div class="custom-file">
<label class="custom-file-label cursor-pointer">
<input type="file" class="custom-file-input preview-input " data-preview="#id_card_preview" name="id_card" id="id_card" accept=".jpg,.jpeg,.png,.bmp,application/pdf" >
<span class="custom-file-name cursor-pointer">{{ translate('Choose file') }}</span>
</label>
</div>
</div>
<small id="id_card-error" class="text-danger d-none"> {{ translate('Please upload a valid ID card') }}</small>
</div>
<div id="id_card_preview" class="mb-2"></div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="valid-id-card" class="fs-13 fw-bold">{{translate('Photo')}}</label>
<div class="input-group rounded-2 bg-soft-light overflow-hidden">
<div class="input-group-prepend rounded-2 bg-soft-light">
<span class="input-group-text bg-soft-light">{{translate('Browse')}}</span>
</div>
<div class="custom-file">
<label class="custom-file-label cursor-pointer">
<input type="file" class="custom-file-input preview-input " data-preview="#seller_photo_preview" name="seller_photo" id="seller_photo" accept=".jpg,.jpeg,.png,.bmp,application/pdf" >
<span class="custom-file-name cursor-pointer">{{ translate('Choose file') }}</span>
</label>
</div>
</div>
</div>
<div id="seller_photo_preview" class="mb-2"></div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="fs-13 fw-bold">{{translate('Live Selfie Photo')}}</label>
<!-- Camera Preview -->
<video id="selfieVideo" class="w-100 rounded d-none" autoplay playsinline></video>
<!-- Captured Image -->
<canvas id="selfieCanvas" class="w-100 rounded d-none mt-2"></canvas>
<!-- Hidden input to send selfie -->
<input type="hidden" name="live_selfie" id="liveSelfieInput">
<div class="text-center">
<button type="button" id="openCameraBtn" class="btn btn-outline-primary w-100">
{{translate('Take Selfie')}}
</button>
<button type="button" id="captureSelfieBtn"
class="btn btn-success d-none mt-2">
{{translate('Capture')}}
</button>
<button type="button" id="retakeSelfieBtn"
class="btn btn-warning d-none mt-2">
{{translate('Retake')}}
</button>
</div>
</div>
</div>
</div>
<div class="alert alert-danger d-none mb-4" id="photoSelfieRequiredAlert">
{{ translate('At least one of Photo or Live Selfie is required!') }}
</div>
<div class="form-group mt-5">
<button type="submit" value="Create Account"
class="d-block w-100 border-0 fs-13 fw-bold btn btn-primary rounded-2 py-3">
{{ translate('Submit') }}
</button>
</div>
</form>
</div>
</div>
</div>
</div>
@endsection
@section('script')
<script type="text/javascript">
AIZ.plugins.chart('#graph-1', {
type: 'bar',
data: {
labels: [
@foreach ($last_7_days_sales as $key => $last_7_days_sale)
'{{ $key }}',
@endforeach
],
datasets: [{
label: '',
data: [
@foreach ($last_7_days_sales as $key => $last_7_days_sale)
'{{ $last_7_days_sale }}',
@endforeach
],
backgroundColor: ['#e9e9f0', '#e9e9f0', '#e9e9f0', '#e9e9f0', '#e9e9f0', '#e9e9f0',
'#e9e9f0'
],
borderColor: ['#e9e9f0', '#e9e9f0', '#e9e9f0', '#e9e9f0', '#e9e9f0', '#e9e9f0',
'#e9e9f0'
],
borderWidth: 1
}]
},
options: {
scales: {
yAxes: [{
gridLines: {
color: '#E0E0E0',
zeroLineColor: '#E0E0E0'
},
ticks: {
fontColor: "#AFAFAF",
fontFamily: 'Roboto',
fontSize: 10,
beginAtZero: true
},
}],
xAxes: [{
gridLines: {
display: false
},
ticks: {
fontColor: "#AFAFAF",
fontFamily: 'Roboto',
fontSize: 10
},
barThickness: 7,
barPercentage: .5,
categoryPercentage: .5,
}],
},
legend: {
display: false
}
}
});
</script>
@if(addon_is_activated('portfolio_system') && ($authUser->shop?->verification_status == 0))
<script>
$(document).ready(function () {
$('body').addClass('verification-lock');
$('#varification_pending_modal').modal({
backdrop: 'static',
keyboard: false
});
$('#varification_pending_modal').modal('show');
});
</script>
@endif
<script>
// Verification modal handling
@if(addon_is_activated('portfolio_system') && ($authUser->shop?->verification_status == 0))
$('body').addClass('verification-lock');
$('#varification_pending_modal').modal({
backdrop: 'static',
keyboard: false
}).modal('show');
@endif
// Open verification form
$('#openSellerVerification').on('click', function () {
$('#varification_pending_modal').modal('hide');
$('#seller_verification_modal').modal({
backdrop: 'static',
keyboard: false
}).modal('show');
});
// File preview function
$(document).on('change', '.preview-input', function () {
const input = this;
const previewBox = $($(this).data('preview'));
const file = input.files[0];
$(this).next('.custom-file-label').html(file?.name || '');
previewBox.html('');
if (file) {
if (file.type.startsWith('image/')) {
const reader = new FileReader();
reader.onload = function (e) {
previewBox.html(
`<img src="${e.target.result}" class="preview-img img-fluid h-100px w-100-px">`
);
};
reader.readAsDataURL(file);
} else if (file.type === 'application/pdf') {
previewBox.html(`
<div class="pdf-preview d-flex align-items-end justify-content-center border rounded text-center"
style="width:100px; height:100px; background-color:#f8f9fa; position:relative;">
<i class="las la-file-pdf" style="position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); opacity:0.2; font-size:50px; color:#e74c3c;"></i>
<small class="text-truncate-1 fs-10" style="position:absolute; bottom:5px; left:0;" title="${file.name}">${file.name}</small>
</div>
`);
}
}
});
// Camera functionality
let selfieStream;
const video = document.getElementById('selfieVideo');
const canvas = document.getElementById('selfieCanvas');
const ctx = canvas.getContext('2d');
$('#openCameraBtn').on('click', takeSelfie);
$('#captureSelfieBtn').on('click', captureSelfie);
$('#retakeSelfieBtn').on('click', retakeSelfie);
function captureSelfie() {
canvas.width = video.videoWidth;
canvas.height = video.videoHeight;
ctx.drawImage(video, 0, 0);
stopCamera();
const imageData = canvas.toDataURL('image/png');
$('#liveSelfieInput').val(imageData);
video.classList.add('d-none');
canvas.classList.remove('d-none');
$('#captureSelfieBtn').addClass('d-none');
$('#retakeSelfieBtn').removeClass('d-none');
// Mark as valid
$('#photoSelfieRequiredAlert').addClass('d-none');
}
function retakeSelfie() {
$('#retakeSelfieBtn').addClass('d-none');
$('#openCameraBtn').removeClass('d-none');
$('#liveSelfieInput').val('');
canvas.classList.add('d-none');
takeSelfie();
}
async function takeSelfie() {
try {
selfieStream = await navigator.mediaDevices.getUserMedia({
video: { facingMode: "user" },
audio: false
});
video.srcObject = selfieStream;
video.classList.remove('d-none');
$('#openCameraBtn').addClass('d-none');
$('#captureSelfieBtn').removeClass('d-none');
} catch (e) {
alert('Camera access denied or not supported!');
}
}
function stopCamera() {
if (selfieStream) {
selfieStream.getTracks().forEach(track => track.stop());
selfieStream = null;
}
}
// Handle modal close - stop camera
$('#seller_verification_modal').on('hide.bs.modal', function () {
stopCamera();
if (video && video.srcObject) {
video.srcObject = null;
}
});
// Form validation
const form = document.getElementById('seller-verification-form');
form.addEventListener('submit', function(event) {
event.preventDefault();
event.stopPropagation();
let isValid = true;
// Reset states
$('#photoSelfieRequiredAlert').addClass('d-none');
// Check photo or selfie
const hasPhoto = $('#seller_photo')[0].files.length > 0;
const hasSelfie = $('#liveSelfieInput').val().trim() !== '';
if (!hasPhoto && !hasSelfie) {
isValid = false;
$('#photoSelfieRequiredAlert').removeClass('d-none');
$('html, body').animate({
scrollTop: $("#seller_photo").offset().top - 100
}, 400);
}
// Required file validations
const requiredFields = [
{ id: 'certificate', errorId: '#certificate-error' },
{ id: 'id_card', errorId: '#id_card-error' }
];
requiredFields.forEach(field => {
const input = document.getElementById(field.id);
if ( input.files.length === 0) {
isValid = false;
$(field.errorId).removeClass('d-none');
}
});
if (isValid) {
form.submit();
}
});
// Real-time validation for photo/selfie
$('#seller_photo, #liveSelfieInput').on('change input', function() {
const hasPhoto = $('#seller_photo')[0].files.length > 0;
const hasSelfie = $('#liveSelfieInput').val().trim() !== '';
if (hasPhoto || hasSelfie) {
$('#photoSelfieRequiredAlert').addClass('d-none');
}
});
</script>
@endsection
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists