Files
portal/resources/views/pages/dashboards/admin_profile.blade.php
T
omair saleh 9cda5d7688 bulk commit
2020-09-07 15:12:47 +08:00

254 lines
37 KiB
PHP

@extends('layouts.base_portal')
@section('inner_content')
<div class="row m-t-30">
<div class="col-9 p-t-20 p-b-20">
<div class="row align-items-end">
<div class="col">
<div class="row m-b-40 animated fadeInLeftBig">
<div class="col">
<div class="row">
<div class="col">
<h3 class="all-caps bold hint-text">Accounts</h3>
</div>
</div>
<div class="row fs-13">
<div class="col">
<small class="muted all-caps">Here you manage all the system users & businesses</small>
</div>
</div>
</div>
</div>
</div>
<div class="col animated fadeInDownBig text-right">
<img src="{{asset('images/admin-dashboard-illustration.png')}}" class="w-100" />
</div>
</div>
<div class="row no-margin animated fadeInUpBig faster">
<div class="col">
<div class="row m-b-20">
<div class="col pointer">
<div class="row fs-12 text-center">
<div class="col padding-25 bg-white">
<div class="row justify-content-center m-b-10">
<div class="col-auto">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="35" height="35"
viewBox="0 0 172 172"
style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g id="Layer_1"><g><g><g fill="none"><path d="M135.85313,141.9c-9.94375,-17.33438 -28.4875,-29.025 -49.85313,-29.025v0c-21.36562,0 -39.90938,11.69062 -49.85312,29.025l0.13437,4.56875h99.4375z"></path></g><g fill="#444b54"><path d="M105.8875,120.53438c-0.40313,0 -0.94063,-0.13437 -1.34375,-0.26875c-5.9125,-2.15 -12.09375,-3.35937 -18.54375,-3.35937c-2.28437,0 -4.03125,-1.74688 -4.03125,-4.03125c0,-2.28437 1.74688,-4.03125 4.03125,-4.03125c7.39063,0 14.5125,1.34375 21.36563,3.7625c2.15,0.80625 3.09062,3.09062 2.41875,5.24062c-0.67187,1.6125 -2.28437,2.6875 -3.89687,2.6875z"></path></g><g fill="#444b54"><path d="M36.14688,145.93125c-0.67187,0 -1.34375,-0.13438 -2.01562,-0.5375c-1.88125,-1.075 -2.55313,-3.49375 -1.47813,-5.50937c10.88438,-19.08125 31.30938,-31.04063 53.34688,-31.04063c2.28437,0 4.03125,1.74688 4.03125,4.03125c0,2.28437 -1.74688,4.03125 -4.03125,4.03125c-19.08125,0 -36.81875,10.34687 -46.35937,27.00938c-0.67187,1.20937 -2.01562,2.01563 -3.49375,2.01563z"></path></g><g fill="none"><circle cx="64" cy="50" transform="scale(1.34375,1.34375)" r="20"></circle></g><g fill="#444b54"><path d="M86,98.09375c-17.06562,0 -30.90625,-13.84063 -30.90625,-30.90625c0,-17.06563 13.84063,-30.90625 30.90625,-30.90625c17.06562,0 30.90625,13.84062 30.90625,30.90625c0,17.06562 -13.84063,30.90625 -30.90625,30.90625zM86,44.34375c-12.63125,0 -22.84375,10.2125 -22.84375,22.84375c0,12.63125 10.2125,22.84375 22.84375,22.84375c12.63125,0 22.84375,-10.2125 22.84375,-22.84375c0,-12.63125 -10.2125,-22.84375 -22.84375,-22.84375z"></path></g></g><g fill="none"><g><g><path d="M144.99063,146.46875h-18.8125c-2.28438,0 -4.03125,-1.74687 -4.03125,-4.03125c0,-2.28438 1.74687,-4.03125 4.03125,-4.03125h18.8125c2.28438,0 4.03125,1.74687 4.03125,4.03125c0,2.28438 -1.74687,4.03125 -4.03125,4.03125z"></path></g></g></g><g><g><g><path d="M159.90625,126.3125h-1.47813c0,-0.26875 0.13438,-0.40313 0.13438,-0.67187v-11.42187c0,-10.34687 -8.46562,-18.8125 -18.8125,-18.8125c-10.34688,0 -18.8125,8.46563 -18.8125,18.8125v12.09375h-1.34375c-3.7625,0 -6.71875,2.95625 -6.71875,6.71875v9.40625c0,14.78125 12.09375,26.875 26.875,26.875c14.78125,0 26.875,-12.09375 26.875,-26.875v-9.40625c0,-3.7625 -2.95625,-6.71875 -6.71875,-6.71875zM129,126.3125v-12.09375c0,-5.9125 4.8375,-10.75 10.75,-10.75c5.9125,0 10.75,4.8375 10.75,10.75v11.42188c0,0.26875 0,0.40313 0.13438,0.67188z" fill="#71c2ff"></path><g fill="none"><path d="M139.75,148.75313c-2.28438,0 -4.03125,-1.74688 -4.03125,-4.03125v-0.26875c0,-2.28438 1.74687,-4.03125 4.03125,-4.03125c2.28438,0 4.03125,1.74687 4.03125,4.03125v0.26875c0,2.28437 -1.74687,4.03125 -4.03125,4.03125z"></path></g></g></g></g></g></g></g></svg>
</div>
</div>
<div class="row">
<div class="col">
<p class="bold all-caps m-t-5 m-b-0 lh-15">Users</p>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="row fs-12 text-center">
<div class="col padding-25 bg-master-lighter b-r hint-text" style=" border-color: #d2d2d2; ">
<div class="row justify-content-center m-b-10">
<div class="col-auto">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="35" height="35"
viewBox="0 0 172 172"
style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M86,79.28125c-11.13199,0 -20.15625,9.02426 -20.15625,20.15625c0,11.13199 9.02426,20.15625 20.15625,20.15625c11.13199,0 20.15625,-9.02426 20.15625,-20.15625c0,-11.13199 -9.02426,-20.15625 -20.15625,-20.15625zM86,17.46875c-7.42133,0 -13.4375,6.01617 -13.4375,13.4375c0,7.42133 6.01617,13.4375 13.4375,13.4375c7.42133,0 13.4375,-6.01617 13.4375,-13.4375c0,-7.42133 -6.01617,-13.4375 -13.4375,-13.4375zM146.46875,120.9375c-7.42133,0 -13.4375,6.01617 -13.4375,13.4375c0,7.42133 6.01617,13.4375 13.4375,13.4375c7.42133,0 13.4375,-6.01617 13.4375,-13.4375c0,-7.42133 -6.01617,-13.4375 -13.4375,-13.4375zM146.46875,51.0625c-7.42133,0 -13.4375,6.01617 -13.4375,13.4375c0,7.42133 6.01617,13.4375 13.4375,13.4375c7.42133,0 13.4375,-6.01617 13.4375,-13.4375c0,-7.42133 -6.01617,-13.4375 -13.4375,-13.4375zM25.53125,51.0625c-7.42133,0 -13.4375,6.01617 -13.4375,13.4375c0,7.42133 6.01617,13.4375 13.4375,13.4375c7.42133,0 13.4375,-6.01617 13.4375,-13.4375c0,-7.42133 -6.01617,-13.4375 -13.4375,-13.4375zM25.53125,120.9375c-7.42133,0 -13.4375,6.01617 -13.4375,13.4375c0,7.42133 6.01617,13.4375 13.4375,13.4375c7.42133,0 13.4375,-6.01617 13.4375,-13.4375c0,-7.42133 -6.01617,-13.4375 -13.4375,-13.4375z" ></path><path d="M49.45,116.77188l-10.48125,6.31562c-3.225,-3.7625 -8.0625,-6.18125 -13.4375,-6.18125c-9.675,0 -17.46875,7.79375 -17.46875,17.46875c0,9.675 7.79375,17.46875 17.46875,17.46875c9.675,0 17.46875,-7.79375 17.46875,-17.46875c0,-1.34375 -0.13437,-2.6875 -0.5375,-4.03125l11.01875,-6.71875c1.88125,-1.20938 2.55313,-3.62812 1.34375,-5.50937c-1.075,-1.88125 -3.49375,-2.41875 -5.375,-1.34375zM25.53125,143.78125c-5.24063,0 -9.40625,-4.16563 -9.40625,-9.40625c0,-5.24062 4.16562,-9.40625 9.40625,-9.40625c5.24062,0 9.40625,4.16563 9.40625,9.40625c0,5.24062 -4.16563,9.40625 -9.40625,9.40625zM123.0875,83.04375l11.01875,-6.31563c3.225,3.225 7.525,5.10625 12.3625,5.10625c9.675,0 17.46875,-7.79375 17.46875,-17.46875c0,-9.675 -7.79375,-17.46875 -17.46875,-17.46875c-9.675,0 -17.46875,7.79375 -17.46875,17.46875c0,1.88125 0.26875,3.7625 0.94063,5.50937l-10.75,6.04688c-1.88125,1.075 -2.55312,3.49375 -1.47812,5.50938c0.94062,2.01563 3.35937,2.82188 5.375,1.6125zM146.46875,55.09375c5.24062,0 9.40625,4.16562 9.40625,9.40625c0,5.24062 -4.16563,9.40625 -9.40625,9.40625c-5.24062,0 -9.40625,-4.16563 -9.40625,-9.40625c0,-5.24063 4.16563,-9.40625 9.40625,-9.40625zM86,13.4375c-9.675,0 -17.46875,7.79375 -17.46875,17.46875c0,8.19687 5.77813,15.18437 13.4375,16.93125v11.2875c0,2.28438 1.74688,4.03125 4.03125,4.03125c2.28437,0 4.03125,-1.74687 4.03125,-4.03125v-11.2875c7.65937,-1.88125 13.4375,-8.73437 13.4375,-16.93125c0,-9.675 -7.79375,-17.46875 -17.46875,-17.46875zM86,40.3125c-5.24062,0 -9.40625,-4.16562 -9.40625,-9.40625c0,-5.24062 4.16563,-9.40625 9.40625,-9.40625c5.24063,0 9.40625,4.16563 9.40625,9.40625c0,5.24063 -4.16562,9.40625 -9.40625,9.40625zM146.46875,116.90625c-5.375,0 -10.07812,2.41875 -13.30312,6.18125l-10.48125,-6.31562c-1.88125,-1.20938 -4.43438,-0.5375 -5.50938,1.34375c-1.20937,1.88125 -0.5375,4.43437 1.34375,5.50937l11.01875,6.71875c-0.26875,1.34375 -0.5375,2.6875 -0.5375,4.03125c0,9.675 7.79375,17.46875 17.46875,17.46875c9.675,0 17.46875,-7.79375 17.46875,-17.46875c0,-9.675 -7.79375,-17.46875 -17.46875,-17.46875zM146.46875,143.78125c-5.24062,0 -9.40625,-4.16563 -9.40625,-9.40625c0,-5.24062 4.16563,-9.40625 9.40625,-9.40625c5.24062,0 9.40625,4.16563 9.40625,9.40625c0,5.24062 -4.16563,9.40625 -9.40625,9.40625zM25.53125,81.96875c4.97188,0 9.40625,-2.15 12.63125,-5.375l10.88437,6.31562c1.88125,1.075 4.43437,0.40313 5.50937,-1.47812c1.075,-1.88125 0.40313,-4.43438 -1.47812,-5.50938l-10.88437,-6.18125c0.5375,-1.6125 0.80625,-3.35937 0.80625,-5.10625c0,-9.675 -7.79375,-17.46875 -17.46875,-17.46875c-9.675,0 -17.46875,7.65937 -17.46875,17.33438c0,9.675 7.79375,17.46875 17.46875,17.46875zM25.53125,55.09375c5.24062,0 9.40625,4.16562 9.40625,9.40625c0,5.24062 -4.16563,9.40625 -9.40625,9.40625c-5.24062,0 -9.40625,-4.16563 -9.40625,-9.40625c0,-5.24063 4.16562,-9.40625 9.40625,-9.40625z" fill="#71c2ff"></path><g fill="#444b54"><path d="M86,123.625c-13.30312,0 -24.1875,-10.88437 -24.1875,-24.1875c0,-13.30313 10.88438,-24.1875 24.1875,-24.1875c13.30313,0 24.1875,10.88437 24.1875,24.1875c0,13.30313 -10.88437,24.1875 -24.1875,24.1875zM86,83.3125c-8.86875,0 -16.125,7.25625 -16.125,16.125c0,8.86875 7.25625,16.125 16.125,16.125c8.86875,0 16.125,-7.25625 16.125,-16.125c0,-8.86875 -7.25625,-16.125 -16.125,-16.125z"></path></g><g><path d="M123.625,158.69688c-7.39062,-13.03438 -21.5,-21.90313 -37.625,-21.90313v0c-16.125,0 -30.23437,8.86875 -37.625,21.90313l0.13437,3.49375h75.11562z" ></path><path d="M48.375,162.72813c-0.67187,0 -1.34375,-0.13438 -2.01562,-0.5375c-1.88125,-1.075 -2.55313,-3.49375 -1.47812,-5.50937c8.33125,-14.78125 24.1875,-23.91875 41.11875,-23.91875c16.93125,0 32.7875,9.1375 41.11875,23.91875c1.075,1.88125 0.40313,4.43437 -1.47812,5.50937c-1.88125,1.075 -4.43438,0.40312 -5.50937,-1.47812c-6.9875,-12.22813 -20.02188,-19.8875 -34.13125,-19.8875c-14.10937,0 -27.14375,7.65938 -34.13125,19.8875c-0.67187,1.34375 -2.15,2.01563 -3.49375,2.01563z" fill="#444b54"></path></g></g></g></svg>
</div>
</div>
<div class="row">
<div class="col">
<p class="all-caps m-t-5 m-b-0 lh-15">Forwarders</p>
</div>
</div>
</div>
</div>
</div>
<div class="col pointer">
<div class="row fs-12 text-center">
<div class="col padding-25 bg-master-lighter b-r hint-text" style=" border-color: #d2d2d2; ">
<div class="row justify-content-center m-b-10">
<div class="col-auto">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="35" height="35"
viewBox="0 0 172 172"
style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g id="Layer_1"><g><g fill="none"><path d="M110.1875,67.1875c0,-7.39062 -6.04687,-13.4375 -13.4375,-13.4375h-21.5h-1.6125c-6.71875,0 -12.49688,5.10625 -13.30313,11.825l-5.24063,41.925h14.78125v59.125h32.25v-59.125v0c4.43438,0 8.0625,-3.62812 8.0625,-8.0625z"></path></g><g fill="none"><path d="M49.71875,61.8125h-21.5c-7.39062,0 -13.4375,6.04688 -13.4375,13.4375v29.5625c0,4.97187 3.49375,9.1375 8.0625,10.34687v43.40313c0,4.43437 3.62813,8.0625 8.0625,8.0625c4.43438,0 11.69062,0 16.125,0c4.43437,0 8.0625,-3.62813 8.0625,-8.0625v-43h8.0625v-40.3125c0,-7.39062 -6.04687,-13.4375 -13.4375,-13.4375z"></path></g><g fill="none"><circle cx="29" cy="26" transform="scale(1.34375,1.34375)" r="10"></circle></g><g fill="none"><path d="M143.78125,61.8125h-21.5c-7.39062,0 -13.4375,6.04688 -13.4375,13.4375v29.5625c0,4.97187 3.49375,9.1375 8.0625,10.34687v43c0,4.43437 3.35938,8.33125 7.79375,8.33125c4.56875,0.13438 12.09375,0.13438 16.6625,0c4.43437,-0.13437 7.79375,-4.03125 7.79375,-8.33125v-42.59688v0c4.43437,0 8.0625,-3.62812 8.0625,-8.0625v-32.25c0,-7.39062 -6.04687,-13.4375 -13.4375,-13.4375z"></path></g><g fill="none"><circle cx="99" cy="26" transform="scale(1.34375,1.34375)" r="10"></circle></g><g fill="#71c2ff"><path d="M22.84375,170.65625c-2.28438,0 -4.03125,-1.74687 -4.03125,-4.03125v-48.64375c-4.8375,-2.41875 -8.0625,-7.525 -8.0625,-13.16875v-29.5625c0,-9.675 7.79375,-17.46875 17.46875,-17.46875h21.5c2.28438,0 4.03125,1.74687 4.03125,4.03125c0,2.28437 -1.74687,4.03125 -4.03125,4.03125h-21.5c-5.24062,0 -9.40625,4.16563 -9.40625,9.40625v29.5625c0,3.09063 2.01563,5.77813 4.97188,6.45c1.74687,0.40312 3.09062,2.01563 3.09062,3.89687v51.46563c0,2.28438 -1.74687,4.03125 -4.03125,4.03125z"></path></g><g fill="#71c2ff"><path d="M38.96875,52.40625c-9.675,0 -17.46875,-7.79375 -17.46875,-17.46875c0,-9.675 7.79375,-17.46875 17.46875,-17.46875c9.675,0 17.46875,7.79375 17.46875,17.46875c0,9.675 -7.79375,17.46875 -17.46875,17.46875zM38.96875,25.53125c-5.24063,0 -9.40625,4.16563 -9.40625,9.40625c0,5.24063 4.16562,9.40625 9.40625,9.40625c5.24063,0 9.40625,-4.16562 9.40625,-9.40625c0,-5.24062 -4.16562,-9.40625 -9.40625,-9.40625z"></path></g><g fill="#71c2ff"><path d="M116.90625,170.65625c-2.28437,0 -4.03125,-1.74687 -4.03125,-4.03125v-38.02812c0,-2.28438 1.74688,-4.03125 4.03125,-4.03125c2.28437,0 4.03125,1.74688 4.03125,4.03125v38.02812c0,2.28438 -1.74688,4.03125 -4.03125,4.03125z"></path></g><g fill="#71c2ff"><path d="M149.15625,170.25313c-2.28438,0 -4.03125,-1.74688 -4.03125,-4.03125v-50.65938c0,-2.28437 1.74687,-4.03125 4.03125,-4.03125c2.28438,0 4.03125,-1.74688 4.03125,-4.03125v-32.25c0,-5.24062 -4.16563,-9.40625 -9.40625,-9.40625h-21.5c-2.28437,0 -4.03125,-1.74688 -4.03125,-4.03125c0,-2.28438 1.74688,-4.03125 4.03125,-4.03125h21.5c9.675,0 17.46875,7.79375 17.46875,17.46875v32.25c0,5.24063 -3.35937,9.675 -8.0625,11.42188v47.43437c0,2.15 -1.74687,3.89688 -4.03125,3.89688z"></path></g><g fill="#71c2ff"><path d="M133.03125,52.40625c-9.675,0 -17.46875,-7.79375 -17.46875,-17.46875c0,-9.675 7.79375,-17.46875 17.46875,-17.46875c9.675,0 17.46875,7.79375 17.46875,17.46875c0,9.675 -7.79375,17.46875 -17.46875,17.46875zM133.03125,25.53125c-5.24063,0 -9.40625,4.16563 -9.40625,9.40625c0,5.24063 4.16562,9.40625 9.40625,9.40625c5.24062,0 9.40625,-4.16562 9.40625,-9.40625c0,-5.24062 -4.16563,-9.40625 -9.40625,-9.40625z"></path></g><g fill="#444b54"><path d="M55.09375,143.78125c-2.28438,0 -4.03125,-1.74687 -4.03125,-4.03125v-18.8125c0,-2.28437 1.74687,-4.03125 4.03125,-4.03125c2.28438,0 4.03125,1.74688 4.03125,4.03125v18.8125c0,2.28438 -1.74687,4.03125 -4.03125,4.03125z"></path></g><g fill="none"><circle cx="64" cy="20" transform="scale(1.34375,1.34375)" r="10"></circle></g><g fill="#444b54"><path d="M86,44.34375c-9.675,0 -17.46875,-7.79375 -17.46875,-17.46875c0,-9.675 7.79375,-17.46875 17.46875,-17.46875c9.675,0 17.46875,7.79375 17.46875,17.46875c0,9.675 -7.79375,17.46875 -17.46875,17.46875zM86,17.46875c-5.24062,0 -9.40625,4.16563 -9.40625,9.40625c0,5.24063 4.16563,9.40625 9.40625,9.40625c5.24063,0 9.40625,-4.16562 9.40625,-9.40625c0,-5.24062 -4.16562,-9.40625 -9.40625,-9.40625z"></path></g><path d="M127.65625,162.59375h-21.5v-45.95625v-1.075v-4.70312c4.70313,-1.6125 8.0625,-6.18125 8.0625,-11.42187v-24.1875c0,-6.04687 -1.20938,-25.53125 -17.46875,-25.53125h-23.1125c-8.73437,0 -16.25938,6.58438 -17.33438,15.31875l-5.24063,41.925c-0.26875,2.15 1.34375,4.16562 3.49375,4.43438c2.15,0.26875 4.16563,-1.34375 4.43438,-3.49375l5.24063,-41.925c0.5375,-4.70312 4.56875,-8.19687 9.27187,-8.19687h23.24688c8.19687,0 9.40625,10.88437 9.40625,17.46875v24.1875c0,2.28437 -1.74688,4.03125 -4.03125,4.03125c-2.28437,0 -4.03125,1.74688 -4.03125,4.03125v8.0625v1.075v45.95625h-8.0625v-47.03125c0,-2.28437 -1.74688,-4.03125 -4.03125,-4.03125c-2.28437,0 -4.03125,1.74688 -4.03125,4.03125v47.03125h-8.0625v-55.09375c0,-2.28437 -1.74688,-4.03125 -4.03125,-4.03125c-2.28437,0 -4.03125,1.74688 -4.03125,4.03125v55.09375h-21.5c-2.28437,0 -4.03125,1.74687 -4.03125,4.03125c0,2.28438 1.74688,4.03125 4.03125,4.03125h83.3125c2.28438,0 4.03125,-1.74687 4.03125,-4.03125c0,-2.28438 -1.74687,-4.03125 -4.03125,-4.03125z" fill="#444b54"></path></g></g></g></svg>
</div>
</div>
<div class="row">
<div class="col">
<p class="all-caps m-t-5 m-b-0 lh-15">Importers</p>
</div>
</div>
</div>
</div>
</div>
<div class="col pointer">
<div class="row fs-12 text-center">
<div class="col padding-25 bg-master-lighter hint-text">
<div class="row justify-content-center m-b-10">
<div class="col-auto">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="35" height="35"
viewBox="0 0 172 172"
style=" fill:#000000;">
<g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#34495e"><path d="M86,12.78242l-70.95,24.38066v17.35957l2.78828,-0.87344l1.51172,-0.47031v99.47109h19.35v-64.5h94.6v62.35h19.35v-97.32109l4.3,1.34375v-17.35957zM86,17.31758l66.65,22.91934v7.31504h-3.59453l-63.05547,-19.70274l-66.65,20.82813v-8.44043zM86,32.35078l62.35,19.48438v94.36484h-10.75v-59.83887c0.04199,-0.23516 0.04199,-0.47031 0,-0.69707v-23.31406h-4.3c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15v17.2h-94.6v-17.2c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15h-4.3v23.28887c-0.04199,0.23516 -0.04199,0.47031 0,0.69707v62.01406h-10.75v-96.51484zM47.3,62.35c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM55.9,62.35c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM64.5,62.35c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM73.1,62.35c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM81.7,62.35c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM90.3,62.35c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM98.9,62.35c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM107.5,62.35c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM116.1,62.35c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM124.7,62.35c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM77.4,75.25c-0.77266,-0.0084 -1.49492,0.39473 -1.88965,1.0666c-0.38633,0.67188 -0.38633,1.49492 0,2.1668c0.39473,0.67188 1.11699,1.075 1.88965,1.0666h17.2c0.77266,0.0084 1.49492,-0.39473 1.88965,-1.0666c0.38633,-0.67187 0.38633,-1.49492 0,-2.1668c-0.39472,-0.67187 -1.11699,-1.075 -1.88965,-1.0666z"></path></g><g fill="#71c2ff"><g><path d="M77.9375,122.28125h-6.71875c-0.80625,0 -1.34375,0.5375 -1.34375,1.34375v5.375c0,2.28438 -8.0625,2.28438 -8.0625,0v-5.375c0,-0.80625 -0.5375,-1.34375 -1.34375,-1.34375h-6.71875c-2.28438,0 -4.03125,1.74688 -4.03125,4.03125v24.1875c0,2.28438 1.74687,4.03125 4.03125,4.03125h24.1875c2.28437,0 4.03125,-1.74687 4.03125,-4.03125v-24.1875c0,-2.28437 -1.74688,-4.03125 -4.03125,-4.03125z"></path></g></g><g fill="#71c2ff"><g><path d="M118.25,122.28125h-6.71875c-0.80625,0 -1.34375,0.5375 -1.34375,1.34375v5.375c0,2.28438 -8.0625,2.28438 -8.0625,0v-5.375c0,-0.80625 -0.5375,-1.34375 -1.34375,-1.34375h-6.71875c-2.28437,0 -4.03125,1.74688 -4.03125,4.03125v24.1875c0,2.28438 1.74688,4.03125 4.03125,4.03125h24.1875c2.28437,0 4.03125,-1.74687 4.03125,-4.03125v-24.1875c0,-2.28437 -1.74688,-4.03125 -4.03125,-4.03125z"></path></g></g></g></svg>
</div>
</div>
<div class="row">
<div class="col">
<p class="all-caps m-t-5 m-b-0 lh-15">Warehouses</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="row">
<div class="col bg-white">
<div class="row">
<div class="bg-master-lighter" :class="[{'col-3': !$store.getters.isShowing('admin.users.menu.minimize')}, {'col-auto': $store.getters.isShowing('admin.users.menu.minimize')}]">
<div class="row fs-12 bg-info-darker text-white">
<div class="col p-t-10 p-b-10 b-b" style="border-bottom-color: #d4d4d4;">
<div class="row align-items-center">
<div class="col p-r-0" v-if="!$store.getters.isShowing('admin.users.menu.minimize')">
<small class="all-caps m-t-5 m-b-0 lh-15">Navigation</small>
</div>
<div class="col-auto pointer" @click="$store.dispatch('toggleSection', {name: 'admin.users.menu.minimize', status: !$store.getters.isShowing('admin.users.menu.minimize')})">
<i class="fa fs-14 fa-fw" :class="[{'fa-compress': !$store.getters.isShowing('admin.users.menu.minimize')}, {'fa-expand': $store.getters.isShowing('admin.users.menu.minimize')}]" style=" margin-top: 6px; "></i>
</div>
</div>
</div>
</div>
<div class="row fs-12">
<div class="col p-t-15 p-b-15"
:class="[{'text-primary': !$store.getters.isShowing('admin.users.blocked') && !$store.getters.isShowing('admin.users.invites') && !$store.getters.isShowing('admin.users.reports')},
{'bg-white': !$store.getters.isShowing('admin.users.blocked') && !$store.getters.isShowing('admin.users.invites') && !$store.getters.isShowing('admin.users.reports')},
{'pointer': $store.getters.isShowing('admin.users.blocked') || $store.getters.isShowing('admin.users.invites') || $store.getters.isShowing('admin.users.reports')},
{'hint-text': $store.getters.isShowing('admin.users.blocked') || $store.getters.isShowing('admin.users.invites') || $store.getters.isShowing('admin.users.reports')}]"
@click="$store.dispatch('toggleSection', {name: 'admin.users.active', status: true});
$store.dispatch('toggleSection', {name: 'admin.users.blocked', status: false});
$store.dispatch('toggleSection', {name: 'admin.users.invites', status: false});
$store.dispatch('toggleSection', {name: 'admin.users.reports', status: false})"
:style="[ !$store.getters.isShowing('admin.users.blocked') && !$store.getters.isShowing('admin.users.invites') && !$store.getters.isShowing('admin.users.reports') ? {'border-bottom': 'solid 3px'} : {},
$store.getters.isShowing('admin.users.blocked') || $store.getters.isShowing('admin.users.invites') || $store.getters.isShowing('admin.users.reports') ? {'border-bottom': 'solid 1px #d4d4d4'} : {}]">
<div class="row align-items-center">
<div class="col-auto">
<i class="fa fa-check-circle-o fs-16 fa-fw" style=" margin-top: 6px; "></i>
</div>
<div class="col p-l-0" v-if="!$store.getters.isShowing('admin.users.menu.minimize')">
<p class="all-caps m-t-5 m-b-0 lh-15 fs-12">Active Users</p>
</div>
</div>
</div>
</div>
<div class="row fs-12">
<div class="col p-t-15 p-b-15"
:class="[{'text-primary': $store.getters.isShowing('admin.users.blocked')},
{'bg-white': $store.getters.isShowing('admin.users.blocked')},
{'pointer': !$store.getters.isShowing('admin.users.blocked')},
{'hint-text': !$store.getters.isShowing('admin.users.blocked')}]"
@click="$store.dispatch('toggleSection', {name: 'admin.users.blocked', status: true});
$store.dispatch('toggleSection', {name: 'admin.users.active', status: false});
$store.dispatch('toggleSection', {name: 'admin.users.invites', status: false});
$store.dispatch('toggleSection', {name: 'admin.users.reports', status: false})"
:style="[$store.getters.isShowing('admin.users.blocked') ? {'border-bottom': 'solid 3px'} : {},
!$store.getters.isShowing('admin.users.blocked') ? {'border-bottom': 'solid 1px #d4d4d4'} : {}]">
<div class="row align-items-center">
<div class="col-auto">
<i class="fa fa-ban fs-16 fa-fw" style=" margin-top: 6px; "></i>
</div>
<div class="col p-l-0" v-if="!$store.getters.isShowing('admin.users.menu.minimize')">
<p class="all-caps m-t-5 m-b-0 lh-15 fs-12">Blocked Users</p>
</div>
</div>
</div>
</div>
<div class="row fs-12">
<div class="col p-t-15 p-b-15"
:class="[{'text-primary': $store.getters.isShowing('admin.users.invites')},
{'bg-white': $store.getters.isShowing('admin.users.invites')},
{'pointer': !$store.getters.isShowing('admin.users.invites')},
{'hint-text': !$store.getters.isShowing('admin.users.invites')}]"
@click="$store.dispatch('toggleSection', {name: 'admin.users.invites', status: true});
$store.dispatch('toggleSection', {name: 'admin.users.active', status: false});
$store.dispatch('toggleSection', {name: 'admin.users.blocked', status: false});
$store.dispatch('toggleSection', {name: 'admin.users.reports', status: false})"
:style="[$store.getters.isShowing('admin.users.invites') ? {'border-bottom': 'solid 3px'} : {},
!$store.getters.isShowing('admin.users.invites') ? {'border-bottom': 'solid 1px #d4d4d4'} : {}]">
<div class="row align-items-center">
<div class="col-auto">
<i class="fa fa-envelope-o fs-15 fa-fw" style=" margin-top: 6px; "></i>
</div>
<div class="col p-l-0" v-if="!$store.getters.isShowing('admin.users.menu.minimize')">
<p class="all-caps m-t-5 m-b-0 lh-15 fs-12">User Invites</p>
</div>
</div>
</div>
</div>
<div class="row fs-12">
<div class="col p-t-15 p-b-15"
:class="[{'text-primary': $store.getters.isShowing('admin.users.reports')},
{'bg-white': $store.getters.isShowing('admin.users.reports')},
{'pointer': !$store.getters.isShowing('admin.users.reports')},
{'hint-text': !$store.getters.isShowing('admin.users.reports')}]"
@click="$store.dispatch('toggleSection', {name: 'admin.users.reports', status: true});
$store.dispatch('toggleSection', {name: 'admin.users.active', status: false});
$store.dispatch('toggleSection', {name: 'admin.users.blocked', status: false});
$store.dispatch('toggleSection', {name: 'admin.users.invites', status: false})"
:style="[$store.getters.isShowing('admin.users.reports') ? {'border-bottom': 'solid 3px'} : {},
!$store.getters.isShowing('admin.users.reports') ? {'border-bottom': 'solid 1px #d4d4d4'} : {}]">
<div class="row align-items-center">
<div class="col-auto">
<i class="fa fa-pie-chart fs-15 fa-fw" style=" margin-top: 6px; "></i>
</div>
<div class="col p-l-0" v-if="!$store.getters.isShowing('admin.users.menu.minimize')">
<p class="all-caps m-t-5 m-b-0 lh-15 fs-12">Reports</p>
</div>
</div>
</div>
</div>
</div>
<div class="col p-t-15 p-b-15">
<div class="row overflow-hidden">
<loading-component style="height: 100%; top: 0;" key="1" color="success" v-show="$store.getters.isLoading('listUsersSection')"></loading-component>.
<div class="col">
<transition-component group enter-class="animated bounceInDown fast" leave-class="animated bounceOutUp faster">
<list-component :options="{active: true}" key="2" section="listUsersSection" endpoint="{{ route('api.account.user.list') }}" v-show="!$store.getters.isShowing('admin.users.blocked') && !$store.getters.isLoading('listUsersSection')">
<div class="row" slot="header">
<div class="col">
<div class="all-caps font-lato m-b-0 text-info bold fs-12">Active users</div>
<p class="fs-9 all-caps light font-lato muted m-b-0">List of the system currently active users</p>
</div>
</div>
<template slot="list" slot-scope="{data}">
<user-component :data="data"></user-component>
</template>
</list-component>
<list-component :options="{active: false}" key="3" section="listUsersSection" endpoint="{{ route('api.account.user.list') }}" v-show="$store.getters.isShowing('admin.users.blocked') && !$store.getters.isLoading('listUsersSection')">
<div class="row" slot="header">
<div class="col">
<div class="all-caps font-lato m-b-0 text-info bold fs-12">Blocked users</div>
<p class="fs-9 all-caps light font-lato muted m-b-0">List of the system currently inactive users</p>
</div>
</div>
<template slot="list" slot-scope="{data}">
<user-component :data="data"></user-component>
</template>
</list-component>
</transition-component>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection