From f5a7debf6b1d3daacbfd6fed8febe66c38dce4f2 Mon Sep 17 00:00:00 2001
From: Farhan <raditzfarhan@gmail.com>
Date: Fri, 29 Jul 2022 11:39:26 +0800
Subject: [PATCH] Add demo page on using TabComponent

---
 .../views/pages/tab_component_demo.blade.php  | 37 +++++++++++++++++++
 routes/web.php                                |  7 ++++
 2 files changed, 44 insertions(+)
 create mode 100644 resources/views/pages/tab_component_demo.blade.php

diff --git a/resources/views/pages/tab_component_demo.blade.php b/resources/views/pages/tab_component_demo.blade.php
new file mode 100644
index 00000000..411d786f
--- /dev/null
+++ b/resources/views/pages/tab_component_demo.blade.php
@@ -0,0 +1,37 @@
+@extends('layouts.base_portal')
+@section('inner_content')
+
+<tab-component class="p-3 p-b-0 p-md-0" 
+:tabs="[
+    { name: 'custom', text: 'Custom Segments', icon: 'list', iconColor: 'Orange' },
+    { name: 'label', text: 'Labels', icon: 'cube', iconColor: '#00baa4' }
+]"
+tab-position="top"
+>
+    <template #custom>
+       <h1 class="text-center" style="width:100%">First tab content loaded</h1>
+    </template>
+
+    <template #label>
+        <list-component      
+            class="mt-4"
+            :key="2"
+            section="section2"
+            :endpoint="route('api.company.list')"            
+            :options="{
+                segments_in: [13],
+                with_total_payments: true,
+                recency: '2022-02-15',
+                frequency: 15,
+                business_type: 2,
+                with_bookings: true,
+                order_by: { column: 'total_payments', DESC: true },
+            }"
+        >
+            <template slot="list" slot-scope="{ data }">
+                <company-component :data="data"></company-component>
+            </template>
+        </list-component>
+    </template>
+</tab-component>
+@endsection
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index 6c8f2857..4c930fff 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -244,3 +244,10 @@ Route::get('/segments', function (Request $request) {
 
     return view('pages.segments.index', compact('segment'));
 })->name('segments');
+
+if(app()->environment() === 'local'){
+    Route::get('/tab-component-demo', function () {
+        return view('pages.tab_component_demo');
+    })->name('tabComponentDemo');
+}
+