File: /var/www/html/owlcrm/resources/views/users/index.blade.php
{{-- <x-app-layout>
<x-slot name="header">
<h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
{{ __('Dashboard') }}
</h2>
</x-slot>
<div class="py-12">
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
<div class="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
<div class="p-6 text-gray-900 dark:text-gray-100">
{{ __("You're logged in!") }}
</div>
</div>
</div>
</div>
</x-app-layout> --}}
@extends('adminlte::page')
@section('title', 'OWL CRM Dashboard')
@section('content_header')
<h1>Dashboard</h1>
@stop
@section('content')
<p>Welcome to the OWL CRM Dashboard.</p>
<div class="row mb-4">
<div class="col-md-6"></div>
<div class="col-md-4">
<form action="">
<div class="input-group">
<input type="search" class="form-control form-control-sm" placeholder="Type your keywords here">
<div class="input-group-append">
<button type="submit" class="btn btn-sm btn-default">
<i class="fa fa-search"></i>
</button>
</div>
</div>
</form>
</div>
<div class="col-md-2">
<a href="#" class="btn btn-sm btn-dark float-right"> <i class="fas fa-plus"></i> Add Lead</a>
</div>
</div>
<div class="row">
<div class="col">
<div class="card-container inline-card-container">
<div class="card card-primary inline-card">
<div class="card-header">
<h3 class="card-title">New Leads</h3>
<div class="card-tools">
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
</button>
{{-- <button type="button" class="btn btn-tool" data-card-widget="remove">
<i class="fas fa-times"></i>
</button> --}}
</div>
</div>
<div class="card-body">
<div class="container">
<div class="card shadow mb-4">
<div class="row">
<div class="col-md-8">
<div class="card-body">
<h3>Arun Sexana</h3>
<p class="card-text"><i class="fa fa-phone"></i> +907654321</p>
<p class="card-text"><i class="fa fa-envelope"></i> [email protected]</p>
<p class="card-text"><i class="fas fa-map-marker-alt"></i> street 1, city,
state, India 123456</p>
<p class="card-text"><i class="fas fa-rupee-sign"></i> 5,00,0000 - 8,00,0000</p>
<p class="card-text">{{-- <i class="fas fa-building"></i> --}}<i class="fas fa-user"></i> Indivisual
</p>
<p class="card-text"><i class="fas fa-building"></i> {{-- <i class="fas fa-home"></i> --}}
Property Type: Commercial</p>
<p class="card-text"><i class="fas fa-ruler-combined"></i> 1200 Sqm, Furnished
office in industrial area</p>
</div>
</div>
<div class="col-md-4 bg-info">
<div class="card-body">
<p class="card-text"><strong>Sales Executive:</strong> Mukesh Kumar</p>
<p class="card-text"><strong>Date:</strong> 16/Apr/2024</p>
<p class="card-text"><strong>Last Contact:</strong> 16/Apr/2024 Mon 1:00 PM</p>
<p class="card-text"><strong>Next Follow up:</strong> 16/Apr/2024 Tue 1:00 PM
</p>
<a href="{{ route('lead', 1) }}"
class="btn btn-sm btn-light d-flex justify-content-center mt-4">View</a>
</div>
</div>
</div>
</div>
<div class="card shadow mb-4">
<div class="row">
<div class="col-md-8">
<div class="card-body">
<h3>Arun Sexana</h3>
<p class="card-text"><i class="fa fa-phone"></i> +907654321</p>
<p class="card-text"><i class="fa fa-envelope"></i> [email protected]</p>
<p class="card-text"><i class="fas fa-map-marker-alt"></i> street 1, city,
state, India 123456</p>
<p class="card-text"><i class="fas fa-rupee-sign"></i> 5,00,0000 - 8,00,0000</p>
<p class="card-text">{{-- <i class="fas fa-building"></i> --}}<i class="fas fa-user"></i> Indivisual
</p>
<p class="card-text"><i class="fas fa-building"></i> {{-- <i class="fas fa-home"></i> --}}
Property Type: Commercial</p>
<p class="card-text"><i class="fas fa-ruler-combined"></i> 1200 Sqm, Furnished
office in industrial area</p>
</div>
</div>
<div class="col-md-4 bg-info">
<div class="card-body">
<p class="card-text"><strong>Sales Executive:</strong> Mukesh Kumar</p>
<p class="card-text"><strong>Date:</strong> 16/Apr/2024</p>
<p class="card-text"><strong>Last Contact:</strong> 16/Apr/2024 Mon 1:00 PM</p>
<p class="card-text"><strong>Next Follow up:</strong> 16/Apr/2024 Tue 1:00 PM
</p>
<a href="#"
class="btn btn-sm btn-light d-flex justify-content-center mt-4">View</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card-footer">
<a href="#" class="float-right">View All <i class="fas fa-arrow-circle-right"></i></a>
</div>
</div>
<div class="card card-danger inline-card">
<div class="card-header">
<h3 class="card-title">Hot Leads</h3>
<div class="card-tools">
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
</button>
{{-- <button type="button" class="btn btn-tool" data-card-widget="remove">
<i class="fas fa-times"></i>
</button> --}}
</div>
</div>
<div class="card-body">
<div class="container">
<div class="card shadow mb-4">
<div class="row">
<div class="col-md-8">
<div class="card-body">
<h3>Arun Sexana</h3>
<p class="card-text"><i class="fa fa-phone"></i> +907654321</p>
<p class="card-text"><i class="fa fa-envelope"></i> [email protected]</p>
<p class="card-text"><i class="fas fa-map-marker-alt"></i> street 1, city,
state, India 123456</p>
<p class="card-text"><i class="fas fa-rupee-sign"></i> 5,00,0000 - 8,00,0000
</p>
<p class="card-text">{{-- <i class="fas fa-building"></i> --}}<i class="fas fa-user"></i>
Indivisual</p>
<p class="card-text"><i class="fas fa-building"></i> {{-- <i class="fas fa-home"></i> --}}
Property Type: Commercial</p>
<p class="card-text"><i class="fas fa-ruler-combined"></i> 1200 Sqm, Furnished
office in industrial area</p>
</div>
</div>
<div class="col-md-4 bg-info">
<div class="card-body">
<p class="card-text"><strong>Sales Executive:</strong> Mukesh Kumar</p>
<p class="card-text"><strong>Date:</strong> 16/Apr/2024</p>
<p class="card-text"><strong>Last Contact:</strong> 16/Apr/2024 Mon 1:00 PM</p>
<p class="card-text"><strong>Next Follow up:</strong> 16/Apr/2024 Tue 1:00 PM
</p>
<a href="#"
class="btn btn-sm btn-light d-flex justify-content-center mt-4">View</a>
</div>
</div>
</div>
</div>
<div class="card shadow mb-4">
<div class="row">
<div class="col-md-8">
<div class="card-body">
<h3>Arun Sexana</h3>
<p class="card-text"><i class="fa fa-phone"></i> +907654321</p>
<p class="card-text"><i class="fa fa-envelope"></i> [email protected]</p>
<p class="card-text"><i class="fas fa-map-marker-alt"></i> street 1, city,
state, India 123456</p>
<p class="card-text"><i class="fas fa-rupee-sign"></i> 5,00,0000 - 8,00,0000
</p>
<p class="card-text">{{-- <i class="fas fa-building"></i> --}}<i class="fas fa-user"></i>
Indivisual</p>
<p class="card-text"><i class="fas fa-building"></i> {{-- <i class="fas fa-home"></i> --}}
Property Type: Commercial</p>
<p class="card-text"><i class="fas fa-ruler-combined"></i> 1200 Sqm, Furnished
office in industrial area</p>
</div>
</div>
<div class="col-md-4 bg-info">
<div class="card-body">
<p class="card-text"><strong>Sales Executive:</strong> Mukesh Kumar</p>
<p class="card-text"><strong>Date:</strong> 16/Apr/2024</p>
<p class="card-text"><strong>Last Contact:</strong> 16/Apr/2024 Mon 1:00 PM</p>
<p class="card-text"><strong>Next Follow up:</strong> 16/Apr/2024 Tue 1:00 PM
</p>
<a href="#"
class="btn btn-sm btn-light d-flex justify-content-center mt-4">View</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card-footer">
<a href="#" class="float-right">View All <i class="fas fa-arrow-circle-right"></i></a>
</div>
</div>
<div class="card card-success inline-card">
<div class="card-header">
<h3 class="card-title">Converted Leads</h3>
<div class="card-tools">
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
</button>
{{-- <button type="button" class="btn btn-tool" data-card-widget="remove">
<i class="fas fa-times"></i>
</button> --}}
</div>
</div>
<div class="card-body">
<div class="container">
<div class="card shadow mb-4">
<div class="card-body">
<h5 class="card-title">List Box 1</h5>
<p class="card-text">Some details about List Box 1.</p>
</div>
</div>
<div class="card shadow mb-4">
<div class="card-body">
<h5 class="card-title">List Box 2</h5>
<p class="card-text">Some details about List Box 2.</p>
</div>
</div>
<div class="card shadow mb-4">
<div class="card-body">
<h5 class="card-title">List Box 3</h5>
<p class="card-text">Some details about List Box 3.</p>
</div>
</div>
</div>
</div>
<div class="card-footer">
<a href="#" class="float-right">View All <i class="fas fa-arrow-circle-right"></i></a>
</div>
</div>
<div class="card card-secondary inline-card">
<div class="card-header">
<h3 class="card-title">Cold Leads</h3>
<div class="card-tools">
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
</button>
{{-- <button type="button" class="btn btn-tool" data-card-widget="remove">
<i class="fas fa-times"></i>
</button> --}}
</div>
</div>
<div class="card-body">
<div class="container">
<div class="card shadow mb-4">
<div class="card-body">
<h5 class="card-title">List Box 1</h5>
<p class="card-text">Some details about List Box 1.</p>
</div>
</div>
<div class="card shadow mb-4">
<div class="card-body">
<h5 class="card-title">List Box 2</h5>
<p class="card-text">Some details about List Box 2.</p>
</div>
</div>
<div class="card shadow mb-4">
<div class="card-body">
<h5 class="card-title">List Box 3</h5>
<p class="card-text">Some details about List Box 3.</p>
</div>
</div>
</div>
</div>
<div class="card-footer">
<a href="#" class="float-right">View All <i class="fas fa-arrow-circle-right"></i></a>
</div>
</div>
</div>
</div>
</div>
@stop
@section('css')
{{-- Add here extra stylesheets --}}
{{-- <link rel="stylesheet" href="/css/admin_custom.css"> --}}
<style>
.inline-card-container {
display: flex;
/* Use flexbox to horizontally align cards */
overflow-x: auto;
/* Enable horizontal scrolling */
}
.inline-card-container .inline-card {
flex: 0 0 auto;
/* Maintain the card's intrinsic size */
width: 40rem;
/* Set the width of each card */
margin-right: 10px;
/* Add margin between cards */
}
.card-text {
font-size: 14px;
margin-bottom: 5px;
}
</style>
@stop
@section('js')
<script>
console.log("Hi, I'm using the Laravel-AdminLTE package!");
</script>
@stop