Files
izyim/resources/views/pages/accounts/index.blade.php
omair saleh 8a28eb1790 Revert "Merge branch 'dashboardReport' into 'master'"
This reverts merge request !5
2019-03-19 09:57:38 +00:00

167 lines
11 KiB
PHP

@extends('layouts.base_portal')
@section('inner_content')
<div class="row">
<div class="col p-t-20 p-b-20">
<div class="row">
<div class="col-3">
<ul class="nav nav-tabs nav-tabs-simple nav-tabs-plain nav-tabs-left w-100 p-t-50 m-t-15">
<li class="nav-item">
<a href="#" class="active" data-toggle="tab" data-target="#accounts">
<div class="row align-items-center justify-content-center">
<div class="col">Accounts</div>
<div class="col-auto icon-tab"><i class="fa fa-chevron-right"></i></div>
</div>
</a>
</li>
<li class="nav-item">
<a href="#" data-toggle="tab" data-target="#administrators">
<div class="row align-items-center justify-content-center">
<div class="col">Administrators</div>
<div class="col-auto icon-tab"><i class="fa fa-chevron-right"></i></div>
</div>
</a>
</li>
<li class="nav-item">
<a href="#" data-toggle="tab" data-target="#importers">
<div class="row align-items-center justify-content-center">
<div class="col">Importers</div>
<div class="col-auto icon-tab"><i class="fa fa-chevron-right"></i></div>
</div>
</a>
</li>
<li class="nav-item">
<a href="#" data-toggle="tab" data-target="#warehouses">
<div class="row align-items-center justify-content-center">
<div class="col">Warehouses</div>
<div class="col-auto icon-tab"><i class="fa fa-chevron-right"></i></div>
</div>
</a>
</li>
</ul>
</div>
<div class="col">
<div class="row p-t-10 p-b-10">
<div class="col">
<div class="tab-content">
<div class="tab-pane active" id="accounts">
<div class="row">
<div class="col-8">
<accounts-search-component placeholder="Search users by name, email, group..."></accounts-search-component>
<div class="card bg-transparent card-borderless">
<ul class="nav nav-tabs nav-tabs-simple bg-white m-b-10">
<li class="nav-item">
<a class="active" href="#" data-toggle="tab" role="tab" data-target="#usersList">Active Users</a>
</li>
<li class="nav-item">
<a href="#" data-toggle="tab" role="tab" data-target="#invitesList">Users Invites</a>
</li>
<li class="nav-item">
<a href="#" data-toggle="tab" role="tab" data-target="#blockedList">Blocked Users</a>
</li>
</ul>
<div class="tab-content no-padding">
<div class="tab-pane active" id="usersList">
<accounts-list-component></accounts-list-component>
</div>
<div class="tab-pane" id="invitesList">
<invite-account-list-component></invite-account-list-component>
</div>
<div class="tab-pane" id="blockedList">
</div>
</div>
</div>
</div>
<div class="col text-right parentContainer">
<button class="btn b-rad-none btn-sm btn-success m-b-20 requestModal" data-type="new">Invite User</button>
<modal-component type="new" effect="slide-right">
<invite-account-form-component class="text-left"></invite-account-form-component>
</modal-component>
<div class="bg-white padding-15 p-t-20 p-b-20 text-left">
<div class="row m-b-10">
<div class="col">
<span class="bold text-complete">Bulk Invites</span>
</div>
</div>
<div class="row m-b-15">
<div class="col">
<small class="muted fs-11">Use the excel format below. headings are case sensitive. you can import up to 150 invites at a time. We'll automatically filter invalid and duplicates. <span class="text-complete bold">Download CSV Template</span></small>
</div>
</div>
<div class="row">
<div class="col">
<button class="btn b-rad-none btn-sm btn-default text-success"><i class="fa fa-cloud-upload m-r-10"></i>Import excel file</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane " id="importers">
<div class="row">
<div class="col-8">
<companies-list-component></companies-list-component>
</div>
<div class="col text-right parentContainer">
<button class="btn b-rad-none btn-sm btn-success m-b-20 requestModal" data-type="new">New importer</button>
<modal-component type="new" effect="slide-right">
<company-form-component type="create" class="text-left"></company-form-component>
</modal-component>
<div class="bg-white padding-15 p-t-20 p-b-20 text-left">
<div class="row m-b-10">
<div class="col">
<span class="bold text-complete">Bulk Importers</span>
</div>
</div>
<div class="row m-b-15">
<div class="col">
<small class="muted fs-11">Use the excel format below. headings are case sensitive. you can import up to 150 importers at a time. We'll automatically filter invalid and duplicates. <span class="text-complete bold">Download CSV Template</span></small>
</div>
</div>
<div class="row">
<div class="col">
<button class="btn b-rad-none btn-sm btn-default text-success"><i class="fa fa-cloud-upload m-r-10"></i>Import excel file</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane " id="warehouses">
<div class="row">
<div class="col-8">
<warehouses-list-component></warehouses-list-component>
</div>
<div class="col text-right parentContainer">
<button class="btn b-rad-none btn-sm btn-success m-b-20 requestModal" data-type="new">New warehouse</button>
<modal-component type="new" effect="slide-right">
<warehouse-form-component type="create" class="text-left"></warehouse-form-component>
</modal-component>
<div class="bg-white padding-15 p-t-20 p-b-20 text-left">
<div class="row m-b-10">
<div class="col">
<span class="bold text-complete">Bulk Warehouses</span>
</div>
</div>
<div class="row m-b-15">
<div class="col">
<small class="muted fs-11">Use the excel format below. headings are case sensitive. you can import up to 150 warehouses at a time. We'll automatically filter invalid and duplicates. <span class="text-complete bold">Download CSV Template</span></small>
</div>
</div>
<div class="row">
<div class="col">
<button class="btn b-rad-none btn-sm btn-default text-success"><i class="fa fa-cloud-upload m-r-10"></i>Import excel file</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection