initial commit

This commit is contained in:
Debian
2026-06-03 04:18:36 +07:00
commit a5569ce2a0
220 changed files with 30797 additions and 0 deletions
+3
View File
@@ -0,0 +1,3 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
+7
View File
@@ -0,0 +1,7 @@
import './bootstrap';
import Alpine from 'alpinejs';
window.Alpine = Alpine;
Alpine.start();
+12
View File
@@ -0,0 +1,12 @@
import axios from 'axios';
window.axios = axios;
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
/**
* Echo exposes an expressive API for subscribing to channels and listening
* for events that are broadcast by Laravel. Echo and event broadcasting
* allow your team to quickly build robust real-time web applications.
*/
import './echo';
+14
View File
@@ -0,0 +1,14 @@
import Echo from 'laravel-echo';
import Pusher from 'pusher-js';
window.Pusher = Pusher;
window.Echo = new Echo({
broadcaster: 'reverb',
key: import.meta.env.VITE_REVERB_APP_KEY,
wsHost: import.meta.env.VITE_REVERB_HOST,
wsPort: import.meta.env.VITE_REVERB_PORT ?? 80,
wssPort: import.meta.env.VITE_REVERB_PORT ?? 443,
forceTLS: (import.meta.env.VITE_REVERB_SCHEME ?? 'https') === 'https',
enabledTransports: ['ws', 'wss'],
});
+112
View File
@@ -0,0 +1,112 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="Aigo@w33zard" />
<meta property="og:description" content="AIGO: AI-recommended Guidance for Obesity management " />
<meta property="og:image" content="{{ asset('/asset/png/thumbnail.png') }}"/>
<meta property="og:url" content="https://aigo.w333zard.my.id/" />
<link rel="shortcut icon" href="{{ asset('/asset/svg/logo.svg') }}" />
<title>About Us</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<style>
/* CSS untuk menempatkan gambar sebagai background */
#section1 {
background-image: url('{{ asset('asset/page5.png') }}');
background-size: cover;
background-position: center;
height: 500px;
position: relative;
}
/* CSS untuk menempatkan teks di sebelah kiri dan rata tengah */
#section1 .text-center {
position: absolute;
top: 50%;
left: 25%; /* Sesuaikan dengan kebutuhan Anda */
transform: translate(-50%, -50%);
color: #F6F7FF;
max-width: 30%; /* Warna teks putih agar kontras dengan latar belakang */
}
.text-container {
text-align: left;
}
.text-left{
color: #384C7F;
}
.logo{
width:60%;
}
.vm{
color:#384C7F;
font-size: 18px;
}
</style>
</head>
<body>
@include('navbar')
<div class="row d-flex justify-content-center" style="padding-top:50px;">
<section id="section1">
<div class="text-center">
<h1>Kesehatan Anda Awal Dari Langkah Kami</h1>
</div>
</section>
<section id="section2" style="background-color: #F6F7FF; padding:10px;">
<div class="container">
<div class="row">
<div class="col-md-6 d-flex justify-content-center align-items-center" style="padding: 20px;">
<div class="text-container">
<h3 class="text-center" style="color: #384C7F;">Apa itu AIGO ?</h3>
<div class="text-containerr">
<div class="text-left">
<p>
Aigo hadir sebagai sahabat setia dalam perjalanan Anda menuju kesehatan yang lebih baik.
Awalnya dimulai dari keinginan sederhana untuk membantu individu dalam mengatasi obesitas,
kami dengan penuh semangat berbagi informasi, dukungan, dan motivasi untuk mengubah gaya hidup Anda.
Kami mengerti bahwa setiap langkah menuju kesehatan memiliki tantangan dan rintangan yang berbeda.
Oleh karena itu, kami berkomitmen untuk menjadi tempat di mana Anda dapat menemukan inspirasi,
saran yang dapat dipercaya, dan komunitas yang peduli. Bersama-sama, mari kita hadapi setiap rintangan
dengan keyakinan dan semangat, karena setiap langkah kecil yang Anda ambil memiliki dampak besar dalam
perjalanan menuju kesehatan yang lebih baik.
</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 d-flex justify-content-center align-items-center" style="padding: 20px;">
<div class="container text-center">
<img class="logo" src="{{ asset('asset/health care.png') }}" alt="">
</div>
</div>
</div>
</div>
</section>
<section id="section3" style="background-color: #F6F7FF; padding:10px;">
<div class="container">
<div class="row">
<div class="col-md-6 vm" style="padding:50px;">
<h1 class="card-title">Visi</h1>
<p class="card-text">Menjadi sumber terdepan dalam mengatasi obesitas melalui
platform daring yang inovatif dan terpercaya.</p>
</div>
<div class="col-md-6 vm" style="padding:50px;">
<h1 class="card-title">Misi</h1>
<ol class="card-text">
<li>Menyediakan informasi obesitas yang akurat dan mudah dipahami.</li>
<li>Mengembangkan alat evaluasi obesitas yang interaktif dan efektif.</li>
<li>Memberikan panduan praktis tentang pola makan sehat dan aktivitas fisik.</li>
<li>Membangun kesadaran komunitas tentang pentingnya kesehatan berat badan dan gaya hidup seimbang.</li>
</ol>
</div>
</div>
</div>
</section>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>
@@ -0,0 +1,96 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta property="og:title" content="Aigo@w33zard" />
<meta property="og:description" content="AIGO: AI-recommended Guidance for Obesity management " />
<meta property="og:image" content="{{ asset('/asset/png/thumbnail.png') }}"/>
<meta property="og:url" content="https://aigo.w333zard.my.id/" />
<link rel="shortcut icon" href="{{ asset('/asset/svg/logo.svg') }}" />
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/dataTables.bootstrap5.min.css">
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link href="{{ asset('/asset/css/acceptance-patient.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>Patient Acceptance</title>
</head>
<body>
<div class="container-flex">
@include('doctor-sidebar')
<div class="content">
<h1 class="mt-4 fw-bold">
<center>Patient Acceptance</center>
</h1>
<div class="row ms-5 me-5 ps-4">
{{-- LIST CARDS --}}
@foreach ($consultations as $consultation)
<div class="col mt-4">
<div class="appointment-card p-4">
<div class="div" style="display: flex">
<div class="patient-avatar"></div>
<div class="patient-info ms-3">
<h2 class="patient-name">{{ $consultation->patient->name }}</h2>
<p class="patient-email">{{ $consultation->patient->email }}</p>
</div>
</div>
<div class="location-info mt-2">
<img src="{{asset('asset/svg/location.svg')}}" alt="Location icon" class="location-icon" />
<p class="location-text">{{ $consultation->location }}</p>
</div>
<div class="date-time-info">
<div class="date-info">
<img src="{{asset('asset/svg/sched.svg')}}" alt="Calendar icon" class="date-icon" />
<p class="date-text">{{ $consultation->consultation_date }}</p>
</div>
<div class="time-info me-1">
<img src="{{asset('asset/svg/time.svg')}}" alt="Clock icon" class="time-icon" />
<p class="time-text">{{ $consultation->consultation_time }}</p>
</div>
</div>
<div class="row mt-4">
<div class="col mt-2">
<form action="{{ route('doctor.approve-consultation', ['consultationId' => $consultation->id]) }}" method="POST">
@csrf
<button type="submit" class="approve-button">
<div class="icon-wrapper">
<img src="{{asset('asset/svg/approve-icon.svg')}}" alt="Approve icon" class="approve-icon" />
</div>
<div class="approve-text">Approve</div>
</button>
</form>
</div>
<div class="col mt-2">
<form action="{{ route('doctor.decline-consultation', ['consultationId' => $consultation->id]) }}" method="POST">
@csrf
<button type="submit" class="decline-button">
<div class="decline-icon">
<img src="{{asset('asset/svg/decline-icon.svg')}}" alt="decline-icon" class="decline-icon" />
</div>
<div class="decline-text">Decline</div>
</button>
</form>
</div>
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.7/js/dataTables.bootstrap5.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.2/dist/chart.umd.min.js"></script>
</body>
</html>
@@ -0,0 +1,271 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta property="og:title" content="Aigo@w33zard" />
<meta property="og:description" content="AIGO: AI-recommended Guidance for Obesity management " />
<meta property="og:image" content="{{ asset('/asset/png/thumbnail.png') }}"/>
<meta property="og:url" content="https://aigo.w333zard.my.id/" />
<link rel="shortcut icon" href="{{ asset('/asset/svg/logo.svg') }}" />
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/dataTables.bootstrap5.min.css">
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link href="{{ asset('/asset/css/activity-report.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>Activity Report</title>
</head>
<body>
<div class="container-flex">
@include('client-sidebar')
<div class="content">
<h2 class="mt-5 mb-4 fw-bold">
<center>Activity Report</center>
</h2>
<div class="row ms-4 me-4">
<h3 class="mb-3">Summary</h3>
<div class="col">
<div class="activity-container">
<div class="summary-icon-wrapper" data-toggle="tooltip" data-placement="top" title="Langkah yang telah anda tempuh">
<img src="{{ asset('/asset/svg/SPM.svg') }}" alt="Steps icon" class="summary-icon" />
<div class="summary-text">Steps</div>
</div>
<div class="summary-details">
<div class="summary-count">{{ $totalSteps }}</div>
<div class="summary-unit">Steps per minute</div>
</div>
</div>
</div>
<div class="col mb-3">
<div class="activity-container">
<div class="summary-icon-wrapper" style="background-color: #66F4DF; " data-toggle="tooltip" data-placement="top" title="Total jarak lari yang telah ditempuh">
<img src="{{ asset('/asset/png/distance.png') }}" alt="Steps icon" class="summary-icon" />
<div class="summary-text">Distance</div>
</div>
<div class="summary-details">
<div class="summary-count" style="color: #37B3B7;">{{ $totalDistance }}</div>
<div class="summary-unit">Meters</div>
</div>
</div>
</div>
<div class="col mb-3">
<div class="activity-container">
<div class="summary-icon-wrapper" style="background-color: #7EB2FF;" data-toggle="tooltip" data-placement="top" title="Total waktu aktivitas lari">
<img src="{{ asset('/asset/png/duration.png') }}" alt="Steps icon" class="summary-icon" />
<div class="summary-text">Duration</div>
</div>
<div class="summary-details">
<div class="summary-count" style="color: #384C7F;">{{ $durationValue }}</div>
<div class="summary-unit">{{ ucfirst($durationUnit) }}</div>
</div>
</div>
</div>
<div class="col mb-3">
<div class="activity-container">
<div class="summary-icon-wrapper" style="background-color: #C094F7;" data-toggle="tooltip" data-placement="top" title="Total waktu tidur">
<img src="{{ asset('/asset/png/moon.png') }}" alt="Steps icon" class="summary-icon" />
<div class="summary-text">Avg. Sleep</div>
</div>
<div class="summary-details">
<div class="summary-count" style="color: #7F00CC;">{{ $averageSleepTime }}</div>
<div class="summary-unit">Hours / Day</div>
</div>
</div>
</div>
<h3 class="mt-4 mb-3">Recommendation & Statistics</h3>
<div class="activity-container p-4">
<div class="col-4">
<h5>Recommendation</h5>
<section class="calories-container mt-4 mb-3">
<div class="avatar-container" data-toggle="tooltip" data-placement="top" title="Kalori yang harus di bakar">
<img src="{{ asset('/asset/png/fire.png') }}" alt="Calories icon" class="calories-icon" />
</div>
<div class="calories-info">
<div class="calories-header">
<p class="calories-label">Calories (cal)</p>
<p class="calories-value">
0 <span class="calories-total"> / {{ $predictedCalories }}</span>
</p>
</div>
<div class="progress calories-progress" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar calories-progress-bar" style="width: 10%"></div>
</div>
</div>
</section>
<section class="calories-container mt-4 mb-3">
<div class="avatar-container" data-toggle="tooltip" data-placement="top" title="Jarak lari yang harus di tempuh">
<img src="{{ asset('/asset/svg/foot.svg') }}" alt="Calories icon" class="calories-icon" />
</div>
<div class="calories-info">
@php
$maxDistance = $recommended_distance;
$percentage = 0;
if ($maxDistance != 0) {
$percentage = ($totalDistance / $maxDistance) * 100;
$percentage = min($percentage, 100); // Ensure the percentage doesn't exceed 100
}
@endphp
<div class="calories-header">
<p class="calories-label">Running Distance (m)</p>
<p class="calories-value">
{{ $totalDistance }} <span class="calories-total">/{{ $maxDistance }}</span>
</p>
</div>
<div class="progress calories-progress" role="progressbar" aria-label="Distance progress" aria-valuenow="{{ $totalDistance }}" aria-valuemin="0" aria-valuemax="{{ $maxDistance }}">
<div class="progress-bar calories-progress-bar" style="width: {{ $percentage }}%"></div>
</div>
</div>
</section>
</div>
{{-- STATISTICS --}}
<div class="col-7 ms-5">
<h5>Daily Activity</h5>
<canvas id="myChart" style="height: 80%; width: 50%"></canvas>
</div>
</div>
<div class="col-4">
<div class="activity-container mt-5 mb-5 p-4 row">
<h5>Weight Tracking</h5>
@php
$previousWeight = null;
@endphp
@foreach ($filteredHealthData as $data)
<div class="weight-card">
<div class="weight-info">
<div class="date">{{ $data->formatted_created_at }}</div>
<div class="weight">{{ $data->weight }} kg</div>
</div>
<div class="weight-details">
<div class="time">{{ $data->time }}</div>
<div class="weight-change mt-3">
@if ($data->weight_difference > 0)
<div class="change-value text-danger">+{{ $data->weight_difference }} kg</div>
@elseif ($data->weight_difference < 0)
<div class="change-value text-success">{{ $data->weight_difference }} kg</div>
@else
<div class="change-value text-body-tertiary">+{{ $data->weight_difference }} kg</div>
@endif
</div>
</div>
</div>
@endforeach
</div>
</div>
<div class="col ms-4">
<div class="row activity-container mt-5 p-4">
<h5>Activity History</h5>
<div class="p-3 user-table" style="padding:0px; width:100%;">
<table id="example" class="display table">
<thead>
<tr>
<th>Tanggal</th>
<th>Olahraga</th>
<th>Jarak Lari</th>
<th>Waktu/Durasi</th>
<th>Avg. Steps</th>
</tr>
</thead>
<tbody>
@foreach ($activities as $activity)
<tr>
<td>{{ $activity['date'] }}</td>
<td>{{ $activity['type'] }}</td>
<td>{{ $activity['distance'] }} meter</td>
<td>{{ $activity['duration'] }} detik</td>
<td>{{ $activity['avg_steps'] }} detik</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.7/js/dataTables.bootstrap5.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.2/dist/chart.umd.min.js"></script>
<script>
$('#example').DataTable();
</script>
{{-- <script>
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: ["1 Mar", "2 Mar", "3 Mar", "4 Mar", "5 Mar"],
datasets: [{
label: 'Data',
data: [100, 300, 200, 150, 400],
borderColor: 'rgba(55, 82, 183, 1)',
backgroundColor: 'rgba(63, 82, 109, 0.1)',
borderWidth: 1,
tension: 0.1
}]
},
options: {
scales: {
y: {
min: 50,
max: 400
}
}
}
});
</script> --}}
<script>
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: {!! json_encode($labels) !!},
datasets: [{
label: 'Distance (meter)',
data: {!! json_encode($distances) !!},
borderColor: 'rgba(55, 82, 183, 1)',
backgroundColor: 'rgba(63, 82, 109, 0.1)',
borderWidth: 1,
tension: 0.1
}, {
label: 'Duration (sec)',
data: {!! json_encode($durations) !!},
borderColor: 'rgba(75, 192, 192, 1)',
backgroundColor: 'rgba(75, 192, 192, 0.1)',
borderWidth: 1,
tension: 0.1
}]
},
options: {
scales: {
y: {
min: 0,
max: Math.max({{ $distances->max() ?? 0 }}, {{ $durations->max() ?? 0 }})
}
}
}
});
</script>
</body>
</html>
@@ -0,0 +1,144 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="{{ asset('/asset/css/dashboardAdmin.css') }}" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>Admin Profile</title>
<style>
.card {
width: 100%; /* Ensure the card takes full width */
}
</style>
</head>
<body>
@include('admin-sidebar')
<div class="container-fluid full-width-container">
<div class="content">
<div class="row flex-lg-nowrap">
<div class="col-12 mb-3">
<div class="card card-full-width">
<div class="card-body">
<div class="e-profile">
<div class="row">
<div class="col-12 col-sm-auto mb-3">
<div class="mx-auto" style="width: 140px;">
<div class="d-flex justify-content-center align-items-center rounded" style="height: 140px; background-color: rgb(233, 236, 239);">
<span style="color: rgb(166, 168, 170); font: bold 8pt Arial;">140x140</span>
</div>
</div>
</div>
<div class="col d-flex flex-column flex-sm-row justify-content-between mb-3">
<div class="text-center text-sm-left mb-2 mb-sm-0">
<h4 class="pt-sm-2 pb-1 mb-0 text-nowrap">John Smith</h4>
<p class="mb-0">@johnny.s</p>
<div class="mt-2">
<button class="btn btn-primary" type="button">
<i class="fa fa-fw fa-camera"></i>
<span class="change-photo-span">Change Photo</span>
</button>
</div>
</div>
<div class="text-center text-sm-right">
<span class="badge badge-secondary">administrator</span>
<div class="text-muted"><small>Joined 09 Dec 2017</small></div>
</div>
</div>
</div>
<ul class="nav nav-tabs">
<li class="nav-item"><a href="" class="active nav-link">Settings</a></li>
</ul>
<div class="tab-content pt-3">
<div class="tab-pane active">
<form class="form" novalidate="">
<div class="row">
<div class="col">
<div class="row">
<div class="col">
<div class="form-group">
<label>Full Name</label>
<input class="form-control" type="text" name="name" placeholder="John Smith" value="John Smith">
</div>
</div>
<div class="col">
<div class="form-group">
<label>Username</label>
<input class="form-control" type="text" name="username" placeholder="johnny.s" value="johnny.s">
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="form-group">
<label>Email</label>
<input class="form-control" type="text" placeholder="user@example.com">
</div>
</div>
</div>
<div class="row">
<div class="col mb-3">
<div class="form-group">
<label>About</label>
<textarea class="form-control" rows="5" placeholder="My Bio"></textarea>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-sm-6 mb-3">
<div class="mb-2"><b>Change Password</b></div>
<div class="row">
<div class="col">
<div class="form-group">
<label>Current Password</label>
<input class="form-control" type="password" placeholder="••••••">
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="form-group">
<label>New Password</label>
<input class="form-control" type="password" placeholder="••••••">
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="form-group">
<label>Confirm <span class="d-none d-xl-inline">Password</span></label>
<input class="form-control" type="password" placeholder="••••••"></div>
</div>
</div>
</div>
<div class="row">
<div class="col d-flex justify-content-end">
<button class="btn btn-primary" type="submit">Save Changes</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>
@@ -0,0 +1,128 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/dataTables.bootstrap5.min.css">
<link href="{{ asset('/asset/admin.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
<style>
</style>
<title>Dashboard</title>
</head>
<body>
<div class="container-flex">
<!-- SIDEBAR -->
<div class="sidebar">
<div class="container-flex header-logo p-0">
<img src="{{ asset('/assets/img/UniShare-logo.png') }}" alt="" style="height: 36px; " >
<h4 style="color: #F6F7FF" class="ms-2 mt-2"> Aigo </h4>
</div>
<div class="dashboard">
<a href="{{ route('admin.dashboard') }}">
<button type="button" class="btn-dashboard">Dashboard</button>
</a>
</div>
<div class="">
{{-- MENU 1: USER DETAILS --}}
<div class="menu">
<aside></aside>
<h6>User Details</h6>
</div>
{{-- SUB-MENU 1: Activity Report --}}
<div class="btn-group submenu ms-4 ps-2 mb-3">
<span class="material-symbols-outlined"> monitoring </span>
<a href="{{ route('showPatient') }}"
onmouseover="this.style.color='#6FFFE9'"
onmouseout="this.style.color='#8296C5'">Patient List
</a>
</div>
{{-- SUB-MENU 2: Request Consultation --}}
<div class="btn-group submenu ms-4 ps-2 mb-3">
<span class="material-symbols-outlined"> diversity_1 </span>
<a href="{{ route('showDoctor') }}"
onmouseover="this.style.color='#6FFFE9'"
onmouseout="this.style.color='#8296C5'">Doctor List
</a>
</div>
{{-- MENU 2: SETTINGS --}}
<div class="menu">
<aside></aside>
<h6>Settings</h6>
</div>
{{-- SUB-MENU 1: MY PROFILE --}}
<div class="btn-group submenu ms-4 ps-2 mb-3">
<span class="material-symbols-outlined"> settings </span>
<a href="{{ route('admin.profile') }}"
onmouseover="this.style.color='#6FFFE9'"
onmouseout="this.style.color='#8296C5'"> Admin Profile
</a>
</div>
{{-- SUB-MENU 2: HISTORY --}}
<div class="btn-group submenu ms-4 ps-2">
<span class="material-symbols-outlined"> history </span>
<a href=""
onmouseover="this.style.color='#6FFFE9'"
onmouseout="this.style.color='#8296C5'">Log & History
</a>
</div>
{{-- MENU 3: HELP --}}
<div class="menu">
<aside></aside>
<h6>Help & More</h6>
</div>
{{-- SUB-MENU 1: Privacy & Policy --}}
<div class="btn-group submenu ms-4 ps-2">
<span class="material-symbols-outlined"> policy </span>
<a href="{{ route('admin.priv-policy') }}"
onmouseover="this.style.color='#6FFFE9'"
onmouseout="this.style.color='#8296C5'">Privacy & Policy
</a>
</div>
{{-- SUB-MENU 2: Terms & Conditions --}}
<div class="btn-group submenu ms-4 ps-2 mt-3 mb-5">
<span class="material-symbols-outlined"> contract </span>
<a href="{{ route('admin.terms-con') }}"
onmouseover="this.style.color='#6FFFE9'"
onmouseout="this.style.color='#8296C5'">Terms & Conditions
</a>
</div>
<form method="POST" action="{{ route('logout') }}">
@csrf
<a class="logout pt-3" href="">
<button class="btn-logout">
<span class="material-symbols-outlined"> logout</span>Log Out</button>
</a>
</form>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script>
</script>
</body>
</html>
+87
View File
@@ -0,0 +1,87 @@
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="{{ csrf_token() }}">
<meta property="og:title" content="Aigo@w33zard" />
<meta property="og:description" content="AIGO: AI-recommended Guidance for Obesity management " />
<meta property="og:image" content="{{ asset('/asset/png/thumbnail.png') }}"/>
<meta property="og:url" content="https://aigo.w333zard.my.id/" />
<link rel="shortcut icon" href="{{ asset('/asset/svg/logo.svg') }}" />
<title>Login</title>
<!-- Fonts -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
<script src="https://cdn.tailwindcss.com"></script>
<style>
.plogin{
font-size: 36px;
color: #6983BF;
}
</style>
<!-- Scripts -->
@vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body class="font-sans text-gray-900 antialiased">
@include('navbar')
<div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0" style="background-color:#1C2541">
<div class="w-full sm:max-w-sm mt-6 px-6 py-4 bg-white dark:bg-gray-800 shadow-md overflow-hidden sm:rounded-lg">
<p class="plogin justify-center text-center">Login</p>
<form method="POST" action="{{ route('strava.authorize') }}">
@csrf
<!-- Email Address -->
<div>
<x-input-label for="email" :value="__('Email')" />
<x-text-input id="email" class="block mt-1 w-full" style="width: 335px;" type="email" name="email" :value="old('email')" required autofocus autocomplete="username" />
<x-input-error :messages="$errors->get('email')" class="mt-2" />
</div>
<!-- Password -->
<div class="mt-4">
<x-input-label for="password" :value="__('Password')" />
<x-text-input id="password" class="block mt-1 w-full " style="width: 335px;"
type="password"
name="password"
required autocomplete="current-password" />
<x-input-error :messages="$errors->get('password')" class="mt-2" />
</div>
<!-- Remember Me -->
<div class="block mt-4">
<label for="remember_me" class="inline-flex items-center">
<input id="remember_me" type="checkbox" class="rounded border-gray-300 text-indigo-600 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50" name="remember">
<span class="ml-2 text-sm text-gray-600">{{ __('Remember me') }}</span>
</label>
</div>
<div class="flex items-center justify-center">
<x-primary-button class="ms-3 text-center justify-center" style="width: 289px; background-color:#37B3B7">
{{ __('Log in') }}
</x-primary-button>
</div>
<div class="flex items-center justify-center">
<p style="color:#8296C5; font-size: 12px;">Belum memiliki akun?<a class="btn btn-link" href="/register" style="font-size: 12px;">Daftar sekarang</a></p>
</div>
</form>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>
@@ -0,0 +1,123 @@
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="{{ csrf_token() }}">
<meta property="og:title" content="Aigo@w33zard" />
<meta property="og:description" content="AIGO: AI-recommended Guidance for Obesity management " />
<meta property="og:image" content="{{ asset('/asset/png/thumbnail.png') }}"/>
<meta property="og:url" content="https://aigo.w333zard.my.id/" />
<link rel="shortcut icon" href="{{ asset('/asset/svg/logo.svg') }}" />
<title>Register</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
<script src="https://cdn.tailwindcss.com"></script>
<style>
.plogin{
font-size: 36px;
color: #6983BF;
}
</style>
<!-- Scripts -->
@vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body class="font-sans text-gray-900 antialiased">
@include('navbar')
<div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0" style="padding-top:80px; background-color:#1C2541;">
<div class="w-full sm:max-w-md mt-6 mb-6 px-6 py-4 bg-white dark:bg-gray-800 shadow-md overflow-hidden sm:rounded-lg" >
<p class="plogin justify-center text-center">Register</p>
<form method="POST" action="{{ route('register') }}">
@csrf
<!-- Username -->
<div>
<x-input-label for="username" :value="__('Username')" />
<x-text-input id="username" class="block mt-1 w-full" type="text" name="username" :value="old('username')" required autofocus autocomplete="username" />
<x-input-error :messages="$errors->get('username')" class="mt-2" />
</div>
<!-- Email Address -->
<div class="mt-4">
<x-input-label for="email" :value="__('Email')" />
<x-text-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autocomplete="email" />
<x-input-error :messages="$errors->get('email')" c lass="mt-2 mb-2" />
</div>
<!-- Nama -->
<div class="mt-4">
<x-input-label for="name" :value="__('Nama')" />
<x-text-input id="name" class="block mt-1 w-full" type="text" name="name" :value="old('name')" required autocomplete="name" />
<x-input-error :messages="$errors->get('name')" class="mt-2" />
</div>
<!-- Telepon -->
<div class="mt-4">
<x-input-label for="telepon" :value="__('Telepon')" />
<x-text-input id="telepon" class="block mt-1 w-full" type="text" name="telepon" :value="old('telepon')" required autocomplete="telepon" />
<x-input-error :messages="$errors->get('telepon')" class="mt-2" />
</div>
<!-- Alamat -->
<div class="mt-4">
<x-input-label for="alamat" :value="__('Alamat')" />
<x-text-input id="alamat" class="block mt-1 w-full" type="text" name="alamat" :value="old('alamat')" required autocomplete="alamat" />
<x-input-error :messages="$errors->get('alamat')" class="mt-2" />
</div>
<!-- Gender -->
<div class="mt-4">
<x-input-label for="gender" :value="__('Gender')" />
<select id="gender" class="block mt-1 w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm" name="gender" required autocomplete="gender">
<option value="male">Male</option>
<option value="female">Female</option>
</select>
<x-input-error :messages="$errors->get('gender')" class="mt-2" />
</div>
<!-- Password -->
<div class="mt-4">
<x-input-label for="password" :value="__('Password')" />
<x-text-input id="password" class="block mt-1 w-full"
type="password"
name="password"
required autocomplete="new-password" />
<x-input-error :messages="$errors->get('password')" class="mt-2" />
</div>
<!-- Confirm Password -->
<div class="mt-4">
<x-input-label for="password_confirmation" :value="__('Confirm Password')" />
<x-text-input id="password_confirmation" class="block mt-1 w-full"
type="password"
name="password_confirmation" required autocomplete="new-password" />
<x-input-error :messages="$errors->get('password_confirmation')" class="mt-2" />
</div>
<div class="flex items-center justify-center mt-4">
<x-primary-button class="text-center justify-center " style="width: 289px; background-color:#37B3B7">
{{ __('Register') }}
</x-primary-button>
</div>
<div class="flex items-center justify-center">
<p style="color:#8296C5; font-size: 12px;"><a class="btn btn-link" href="/login" style="font-size: 12px;">Sudah memiliki akun?</a></p>
</div>
</form>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>
@@ -0,0 +1,147 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/dataTables.bootstrap5.min.css">
<link href="{{ asset('/asset/admin.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
<style>
</style>
<title>Dashboard</title>
</head>
<body>
<div class="container-flex">
<!-- SIDEBAR -->
<div class="sidebar">
<div class="container-flex header-logo p-0">
<img src="{{ asset('/asset/svg/logo-white.svg') }}" alt="" style="height: 36px; " >
<h4 style="color: #F6F7FF" class="ms-2 mt-2"> Aigo </h4>
</div>
<div class="dashboard">
<a href="{{ route('dashboard') }}">
<button type="button" class="btn-dashboard">Dashboard</button>
</a>
</div>
<div class="">
{{-- MENU 1: USER DETAILS --}}
<div class="menu">
<aside></aside>
<h6>User Details</h6>
</div>
{{-- SUB-MENU 1: Activity Report --}}
<div class="btn-group submenu ms-4 ps-2 mb-3">
<span class="material-symbols-outlined"> monitoring </span>
<a href="{{ route('activity-report') }}"
onmouseover="this.style.color='#6FFFE9'"
onmouseout="this.style.color='#8296C5'">Activity Report
</a>
</div>
{{-- SUB-MENU 2: Request Consultation --}}
<div class="btn-group submenu ms-4 ps-2 mb-3">
<span class="material-symbols-outlined"> diversity_1 </span>
<a href="{{ route('health-data.show') }}"
onmouseover="this.style.color='#6FFFE9'"
onmouseout="this.style.color='#8296C5'">Request Consultation
</a>
</div>
{{-- SUB-MENU 3: Consultation Schedule --}}
<div class="btn-group submenu ms-4 ps-2 mb-3">
<span class="material-symbols-outlined"> calendar_month </span>
<a href="{{ route('customer.schedule') }}"
onmouseover="this.style.color='#6FFFE9'"
onmouseout="this.style.color='#8296C5'"> Schedule
</a>
</div>
{{-- SUB-MENU 4: Consultation Schedule --}}
<div class="btn-group submenu ms-4 ps-2 mb-3">
<span class="material-symbols-outlined">medical_services</span>
<a href="{{ route('patient.consultation-results') }}"
onmouseover="this.style.color='#6FFFE9'"
onmouseout="this.style.color='#8296C5'"> Recomendation
</a>
</div>
{{-- MENU 2: SETTINGS --}}
<div class="menu">
<aside></aside>
<h6>Settings & Profile</h6>
</div>
{{-- SUB-MENU 1: MY PROFILE --}}
<div class="btn-group submenu ms-4 ps-2 mb-3">
<span class="material-symbols-outlined"> settings </span>
<a href="{{ route('customer.profile') }}"
onmouseover="this.style.color='#6FFFE9'"
onmouseout="this.style.color='#8296C5'"> My Profile
</a>
</div>
{{-- SUB-MENU 2: HISTORY --}}
<div class="btn-group submenu ms-4 ps-2">
<span class="material-symbols-outlined"> history </span>
<a href="{{route('client.notifications')}}"
onmouseover="this.style.color='#6FFFE9'"
onmouseout="this.style.color='#8296C5'">Log & History
</a>
</div>
{{-- MENU 3: HELP --}}
<div class="menu">
<aside></aside>
<h6>Help & More</h6>
</div>
{{-- SUB-MENU 1: Privacy & Policy --}}
<div class="btn-group submenu ms-4 ps-2">
<span class="material-symbols-outlined"> policy </span>
<a href="{{ route('customer.priv-policy') }}"
onmouseover="this.style.color='#6FFFE9'"
onmouseout="this.style.color='#8296C5'">Privacy & Policy
</a>
</div>
{{-- SUB-MENU 2: Terms & Conditions --}}
<div class="btn-group submenu ms-4 ps-2 mt-3 mb-5">
<span class="material-symbols-outlined"> contract </span>
<a href="{{ route('customer.terms-con') }}"
onmouseover="this.style.color='#6FFFE9'"
onmouseout="this.style.color='#8296C5'">Terms & Conditions
</a>
</div>
<form method="POST" action="{{ route('logout') }}">
@csrf
<a class="logout pt-3" href="">
<button class="btn-logout">
<span class="material-symbols-outlined"> logout</span>Log Out</button>
</a>
</form>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script>
</script>
</body>
</html>
@@ -0,0 +1,9 @@
@props(['messages'])
@if ($messages)
<ul {{ $attributes->merge(['class' => 'text-sm text-red-600 dark:text-red-400 space-y-1']) }}>
@foreach ((array) $messages as $message)
<li>{{ $message }}</li>
@endforeach
</ul>
@endif
@@ -0,0 +1,5 @@
@props(['value'])
<label {{ $attributes->merge(['class' => 'block font-medium text-sm text-gray-700 dark:text-gray-300']) }}>
{{ $value ?? $slot }}
</label>
@@ -0,0 +1,3 @@
<button {{ $attributes->merge(['type' => 'submit', 'class' => 'inline-flex items-center px-4 py-2 bg-gray-800 dark:bg-gray-200 border border-transparent rounded-md font-semibold text-xs text-white dark:text-gray-800 uppercase tracking-widest hover:bg-gray-700 dark:hover:bg-white focus:bg-gray-700 dark:focus:bg-white active:bg-gray-900 dark:active:bg-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800 transition ease-in-out duration-150']) }}>
{{ $slot }}
</button>
@@ -0,0 +1,3 @@
@props(['disabled' => false])
<input {{ $disabled ? 'disabled' : '' }} {!! $attributes->merge(['class' => 'border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-indigo-500 dark:focus:ring-indigo-600 rounded-md shadow-sm']) !!}>
+67
View File
@@ -0,0 +1,67 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="Aigo@w33zard" />
<meta property="og:description" content="AIGO: AI-recommended Guidance for Obesity management " />
<meta property="og:image" content="{{ asset('/asset/png/thumbnail.png') }}"/>
<meta property="og:url" content="https://aigo.w333zard.my.id/" />
<link rel="shortcut icon" href="{{ asset('/asset/svg/logo.svg') }}" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<style>
body{
background-color:#0B132B;
}
.text-container {
text-align: center;
}
.text-center{
color: #6FFFE9;
}
</style>
<title>Contact</title>
</head>
<body>
@include('navbar')
<div class="row d-flex justify-content-center" style="padding-top:100px;">
<h1 class="text-center"> Get In Touch </h1>
<div class="row-container d-flex justify-content-center" style="padding:50px;">
<div class="col-md-4 text-center" style="padding:50px;">
<div class="d-flex justify-content-center align-items-center text-container"></div>
<img src="{{ asset('asset/phone.png') }}" alt="" class="mb-3">
<div class="text-container">
<H3> Phone </H3>
<p>Admin</p>
<p>+62 817794453</p>
<p>Customer Service</p>
<p>+62 81334754</p>
</div>
</div>
<div class="col-md-4 text-center" style="padding:50px;">
<div class="d-flex justify-content-center align-items-center text-container"></div>
<img src="{{ asset('asset/email.png') }}" alt="" class="mb-3">
<div class="text-container">
<H3> Email </H3>
<p>@Aigo.com</p>
</div>
</div>
<div class="col-md-4 text-center" style="padding:50px;">
<div class="d-flex justify-content-center align-items-center text-container"></div>
<img src="{{ asset('asset/address.png') }}" alt="" class="mb-3">
<div class="text-container">
<H3> Address </H3>
<p>Jl. Telekomunikasi. 1, Terusan Buahbatu - Bojongsoang, Telkom University, Sukapura, Kec. Dayeuhkolot, Kabupaten Bandung, Jawa Barat 40257</p>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>
@@ -0,0 +1,136 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="{{ asset('/asset/css/dashboard.css') }}" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>Customer Profile</title>
<style>
.card {
width: 100%; /* Ensure the card takes full width */
}
</style>
</head>
<body>
@include('client-sidebar')
<div class="container-fluid full-width-container">
<div class="content">
<div class="row flex-lg-nowrap">
<div class="col-12 mb-3">
<div class="card card-full-width">
<div class="card-body">
<div class="e-profile">
<div class="row">
<div class="col-12 col-sm-auto mb-3">
<div class="mx-auto" style="width: 140px;">
<div class="d-flex justify-content-center align-items-center rounded" style="height: 140px; background-color: rgb(233, 236, 239);">
<span style="color: rgb(166, 168, 170); font: bold 8pt Arial;">140x140</span>
</div>
</div>
</div>
<div class="col d-flex flex-column flex-sm-row justify-content-between mb-3">
<div class="text-center text-sm-left mb-2 mb-sm-0">
<h4 class="pt-sm-2 pb-1 mb-0 text-nowrap">John Smith</h4>
<p class="mb-0">@johnny.s</p>
<div class="mt-2">
<button class="btn btn-primary" type="button">
<i class="fa fa-fw fa-camera"></i>
<span class="change-photo-span">Change Photo</span>
</button>
</div>
</div>
<div class="text-center text-sm-right">
<span class="badge badge-secondary">administrator</span>
<div class="text-muted"><small>Joined 09 Dec 2017</small></div>
</div>
</div>
</div>
<ul class="nav nav-tabs">
<li class="nav-item"><a href="" class="active nav-link">Settings</a></li>
</ul>
<div class="tab-content pt-3">
<div class="tab-pane active">
<form class="form" novalidate="">
<div class="row">
<div class="col">
<div class="row">
<div class="col">
<div class="form-group">
<label>Full Name</label>
<input class="form-control" type="text" name="name" placeholder="John Smith" value="John Smith">
</div>
</div>
<div class="col">
<div class="form-group">
<label>Username</label>
<input class="form-control" type="text" name="username" placeholder="johnny.s" value="johnny.s">
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="form-group">
<label>Email</label>
<input class="form-control" type="text" placeholder="user@example.com">
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-sm-6 mb-3">
<div class="mb-2 mt-4"><b>Change Password</b></div>
<div class="row">
<div class="col">
<div class="form-group">
<label>Current Password</label>
<input class="form-control" type="password" placeholder="••••••">
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="form-group">
<label>New Password</label>
<input class="form-control" type="password" placeholder="••••••">
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="form-group">
<label>Confirm <span class="d-none d-xl-inline">Password</span></label>
<input class="form-control" type="password" placeholder="••••••"></div>
</div>
</div>
</div>
<div class="row">
<div class="col d-flex justify-content-end">
<button class="btn btn-primary" type="submit">Save Changes</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>
@@ -0,0 +1,87 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="{{ asset('/asset/css/customer-result.css') }}" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&display=swap" rel="stylesheet">
<title>Jadwal Konsultasi</title>
</head>
<body>
@include('client-sidebar')
<div class="container">
<div class="content">
<main class="main-content">
<section class="consultation-section">
<header class="consultation-header">Hasil Konsultasi Dokter</header>
<div class="row">
@foreach ($consultations as $consultation)
<div class="col-md-6 mb-4">
<section class="consultation-card card ms-4" style="min-width: 500px">
<header class="card-header d-flex justify-content-between">
<time datetime="2024-05-21" class="consultation-date">{{ $consultation->consultation_date }}</time>
</header>
<footer class="card-body">
<section class="doctor-info">
<span class="doctor-name">{{ $consultation->doctor->name }}</span>
<a href="mailto:{{ $consultation->doctor->email }}" class="doctor-email" aria-label="">{{ $consultation->doctor->email }}</a>
</section>
<button class="btn btn-primary view-result" data-bs-toggle="modal" data-bs-target="#consultationModal{{ $consultation->id }}">View result</button>
</footer>
</section>
</div>
<!-- Modal -->
<div class="modal fade" id="consultationModal{{ $consultation->id }}" tabindex="-1" aria-labelledby="consultationModalLabel{{ $consultation->id }}" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="consultationModalLabel{{ $consultation->id }}">Rekomendasi Dokter</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="mb-3">
<label class="form-label">Jarak Lari:</label>
<p>{{ $consultation->result->jarak_lari ?? 0 }} meter</p>
</div>
<div class="mb-3">
<label class="form-label">Waktu Tidur:</label>
<p>{{ $consultation->result->sleeptime ?? 0 }} jam/hari</p>
</div>
<div class="mb-3">
<label class="form-label">Jenis Makanan yang Dikurangi:</label>
<p>{{ $consultation->result->unrecommended_food ?? "-" }}</p>
</div>
<div class="mb-3">
<label class="form-label">Jenis Makanan yang Direkomendasikan:</label>
<p>{{ $consultation->result->food ?? "-" }}</p>
</div>
<div class="mb-3">
<label class="form-label">Catatan tambahan:</label>
<p>{{ $consultation->result->notes ?? "-" }}</p>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
@endforeach
</div>
</section>
</main>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz4fnFO9gybBogGz2F2FrvXIDoWCl1sYuNsY3zJ3x04Z6VPX5m9QK/DHU8" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9HHR40MvBJoDzuyw4oB1oB9vWb6Zn6tZ8mHI5LSU7wrIT88UwSMPwfg" crossorigin="anonymous"></script>
</body>
</html>
@@ -0,0 +1,86 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="{{ asset('/asset/css/dashboard.css') }}" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>Jadwal Konsultasi</title>
</head>
<body>
@include('client-sidebar')
<div class="container-flex" >
<div class="m-5 user-table">
<table id="example" class="display table">
<thead>
<tr>
<th>Nama Dokter</th>
<th>Lokasi</th>
<th>Gender</th>
<th>Email</th>
<th>Action</th>
</tr>
</thead>
<tbody>
@foreach ($approvedConsultations as $consultation)
<tr>
<td>{{ $consultation->doctor->name }}</td>
<td>{{ $consultation->location }}</td>
<td>{{ $consultation->doctor->gender }}</td>
<td>{{ $consultation->doctor->email }}</td>
{{-- <td>{{ $item->updated_at->format('d F Y') }}</td> --}}
<td>
<a href="/user/item->id" class="material-symbols-outlined me-2" href="" data-bs-toggle="modal" data-bs-target="#exampleModal">info</a>
<a href="/aigochat/{{$consultation->doctor->id}}" class="material-symbols-outlined text-success" >chat</a>
</td>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel">User Information</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<ul>
<li> Nama Doktor: {{$consultation->doctor->name}} </li>
<li> Alamat: {{$consultation->doctor->alamat}} </li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.7/js/dataTables.bootstrap5.min.js"></script>
<script>
$('#example').DataTable();
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>
@@ -0,0 +1,114 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="{{ asset('/asset/css/dashboard.css') }}" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>Customer Transaction</title>
</head>
<body>
@include('client-sidebar')
<div class="container-flex" >
<div class="content">
<main class="main-column">
<div class="main-content">
<section class="payment-section">
<div class="payment-card">
<div class="earning-card">
<div class="earning-title">Total Earnings</div>
<div class="earning-amount">₹430.00</div>
<div class="earning-date">as of 01-December 2022</div>
</div>
</div>
<div class="payment-card">
<div class="pending-card">
<div class="pending-title">Pending Payments</div>
<div class="pending-amount">₹100.00</div>
<div class="pending-date">as of 01-December 2022</div>
</div>
</div>
</section>
<div class="payment-title">Payment History</div>
<div class="tab-container">
<div class="tab">All</div>
<div class="tab">Complete</div>
<div class="tab">Pending</div>
<div class="tab">Rejected</div>
</div>
<section class="payment-history">
<div class="history-header">
<div class="history-column">Order ID</div>
<div class="history-column">Date</div>
<div class="history-column">Amount</div>
<div class="history-column">Total Questions</div>
<div class="history-column">Status</div>
<div class="history-column">Action</div>
</div>
<div class="history-body">
<div class="history-entry">#15267</div>
<div class="history-entry">Mar 1, 2023</div>
<div class="history-entry">100</div>
<div class="history-entry">1</div>
<div class="history-entry status-success">Success</div>
<button class="history-entry entry-detail">Detail</button>
</div>
<div class="history-body">
<div class="history-entry">#153587</div>
<div class="history-entry">Jan 26, 2023</div>
<div class="history-entry">300</div>
<div class="history-entry">3</div>
<div class="history-entry status-success">Success</div>
<button class="history-entry entry-detail">Detail</button>
</div>
<div class="history-body">
<div class="history-entry">#12436</div>
<div class="history-entry">Feb 12, 2033</div>
<div class="history-entry">100</div>
<div class="history-entry">1</div>
<div class="history-entry status-success">Success</div>
<button class="history-entry entry-detail">Detail</button>
</div>
<div class="history-body">
<div class="history-entry">#16879</div>
<div class="history-entry">Feb 28, 2033</div>
<div class="history-entry">500</div>
<div class="history-entry">5</div>
<div class="history-entry status-rejected">Rejected</div>
<button class="history-entry entry-detail">Detail</button>
</div>
<div class="history-body">
<div class="history-entry">#16378</div>
<div class="history-entry">March 13, 2033</div>
<div class="history-entry">500</div>
<div class="history-entry">5</div>
<div class="history-entry status-success">Success</div>
<button class="history-entry entry-detail">Detail</button>
</div>
<div class="history-body">
<div class="history-entry">#16609</div>
<div class="history-entry">March 18, 2033</div>
<div class="history-entry">100</div>
<div class="history-entry">1</div>
<div class="history-entry status-pending">Pending</div>
<button class="history-entry entry-pay">Pay</button>
</div>
</section>
</div>
</main>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>
@@ -0,0 +1,220 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link rel="shortcut icon" href="{{ asset('/asset/svg/logo.svg') }}" />
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link href="{{ asset('/asset/css/dashboardAdmin.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>Admin</title>
<style>
</style>
</head>
<body>
@include('admin-sidebar')
<div class="container-flex" >
<h1 class="admin-dashboard-title">Admin Dashboard</h1>
<div class="content">
<div class="row">
<div class = "col-md-4">
<div class="row">
<div class="col-md-6">
<div class="doctor-total-card">
<header class="doctor-total-header">
<img src="https://cdn.builder.io/api/v1/image/assets/TEMP/2d3fda8ac829174dd9d1dbcd455ce585419418563fcfc03fd18834062dbbd174?apiKey=e644a539de5445e499b1d21950fa439b&" alt="Doctor Total Icon" class="doctor-total-icon" loading="lazy" />
<div class="doctor-total-label">Doctor Total</div>
</header>
<p class="doctor-total-value">{{ $doctorCount }}</p>
</div>
</div>
<div class="col-md-6">
<div class="patient-total-card">
<header class="patient-total-header">
<img src="https://cdn.builder.io/api/v1/image/assets/TEMP/3f7f8b8cc3c9387ef6438d10c3f8a38d3edcc47cc661ab6290ec0208ac5ed169?apiKey=e644a539de5445e499b1d21950fa439b&" alt="Patient icon" class="patient-icon" />
<div class="patient-total-label">Patient Total</div>
</header>
<p class="patient-total-value">{{ $patientCount }}</p>
</div>
</div>
</div>
<section class="user-roles">
<header class="user-roles-header">
<h2 class="user-roles-title">User Roles</h2>
<img src="https://cdn.builder.io/api/v1/image/assets/TEMP/2881eb2f9fa237386626417fdf555871e9ef508dc73a3179cf70dbba2e8b3694?apiKey=e644a539de5445e499b1d21950fa439b&" alt="User roles icon" class="user-roles-icon" loading="lazy" />
</header>
<canvas id="myDoughnutChart" width="400" height="400"></canvas>
</section>
</div>
<div class="col-md-8">
<section class="patients-summary">
<h2 class="patients-summary-title">Patients Summary</h2>
<div class="patients-summary-content">
<div class="patients-summary-row">
<div class="patients-summary-column">
<div class="gender-stats">
<div class="gender-icons">
<div class="male-icon">
<img src="https://cdn.builder.io/api/v1/image/assets/TEMP/3fdf4134042a773bd7e5dc3089ac98934868c84a3f4c23fcc70dfc3110a076a1?apiKey=e644a539de5445e499b1d21950fa439b&" alt="Male Icon" class="gender-icon" />
</div>
<div class="female-icon">
<img src="https://cdn.builder.io/api/v1/image/assets/TEMP/2d565bbdb293dab51447f444ac9d0e036ecac199920286ad2afcd2f297588c3b?apiKey=e644a539de5445e499b1d21950fa439b&" alt="Female Icon" class="gender-icon" />
</div>
</div>
<div class="gender-labels">
<div class="gender-label">Male</div>
<div class="gender-count">{{ $maleCount }}</div>
<div class="gender-label female-label">Female</div>
<div class="gender-count">{{ $femaleCount }}</div>
</div>
</div>
</div>
<div class="patients-summary-column">
<div class="bmi-stats">
<div class="bmi-icons">
<div class="normal-icon">
<img src="https://cdn.builder.io/api/v1/image/assets/TEMP/f2632d042097314d8e12a6aad6e2748f74e402eb74708d02408a76bd2386c297?apiKey=e644a539de5445e499b1d21950fa439b&" alt="Normal BMI Icon" class="bmi-icon" />
</div>
<div class="obesity-icon">
<img src="https://cdn.builder.io/api/v1/image/assets/TEMP/70410788d2db6c83061fe7845e69efac17364c900edc2f83d3d6977d4c2c47bd?apiKey=e644a539de5445e499b1d21950fa439b&" alt="Obesity BMI Icon" class="bmi-icon" />
</div>
</div>
<div class="bmi-labels">
<div class="bmi-label">Normal</div>
<div class="bmi-count">{{ $normalCount }}</div>
<div class="bmi-label obesity-label">Obesity</div>
<div class="bmi-count obesity-count">{{ $obesityCount }}</div>
</div>
</div>
</div>
<div class="chart-column">
<h3 class="chart-title">Statistics</h3>
<div class="chart-container">
<canvas id="statisticsChart" width="50" height="50"></canvas>
</div>
</div>
</div>
</div>
</section>
<section class="notification-container">
<div class="notification-content">
<div class="notification-details">
<header class="notification-header">
<img src="https://cdn.builder.io/api/v1/image/assets/TEMP/77d7c3d955ffa12565d49d0d052a4b93caae11cb9416aed0cd8b2199484e71a7?apiKey=e644a539de5445e499b1d21950fa439b&" alt="Notification icon" class="notification-icon" />
<div class="notification-text">
<h3 class="notification-title">Don't forget to check notifications!</h3>
<p class="notification-description">You might have missed something important!</p>
</div>
</header>
</div>
<div class="notification-action">
<button class="notification-button">Notification</button>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script>
var ctx = document.getElementById('myDoughnutChart').getContext('2d');
var userRoleCounts = @json($userRoleCounts);
var labels = userRoleCounts.map(function(item) {
return item.user_role;
});
var data = userRoleCounts.map(function(item) {
return item.count;
});
var chartData = {
labels: labels,
datasets: [{
data: data,
backgroundColor: [
'rgb(255, 99, 132)',
'rgb(54, 162, 235)',
'rgb(255, 205, 86)'
],
hoverOffset: 4
}]
};
var myDoughnutChart = new Chart(ctx, {
type: 'doughnut',
data: chartData,
options: {
responsive: true,
plugins: {
legend: {
position: 'bottom'
}
}
}
});
</script>
<script>
var ctxStatistics = document.getElementById('statisticsChart').getContext('2d');
const dataStatistics = {
labels: ['Obesity','Normal'],
datasets: [{
label: 'Statistics Chart',
data: [300, 100], // data: [{{ $obesityCount }}, {{ $normalCount }}],
backgroundColor: [
'rgb(255, 99, 132)',
'rgb(54, 162, 235)'
],
hoverOffset: 3
}]
};
const configStatistics = {
type: 'doughnut',
data: dataStatistics,
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {
position: 'right'
},
tooltip: {
callbacks: {
label: function(tooltipItem) {
return tooltipItem.label + ': ' + tooltipItem.raw.toFixed(2) + '%';
}
}
}
}
}
};
// Buat objek doughnut chart baru untuk Statistics
var statisticsChart = new Chart(ctxStatistics, configStatistics);
</script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
-->
</body>
</html>
@@ -0,0 +1,141 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="shortcut icon" href="{{ asset('/asset/svg/logo.svg') }}" />
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/dataTables.bootstrap5.min.css">
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link href="{{ asset('/asset/css/dashboard.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>Dashboard</title>
</head>
<body>
<div class="container-flex">
@include('client-sidebar')
<div class="content">
<h2 class="mt-5 mb-5 fw-bold">
<center>Customer Dashboard</center>
</h2>
<div class="row pe-5 ps-5 pb-4">
{{-- KOLOM 1 --}}
<div class="col-10 ms-5">
{{-- PROFILE & RECOMMENDATIONS --}}
<div class="row boxshadow mb-4">
{{-- PROFILE --}}
<div class="col me-3">
<section class="customer-profile">
<div class="profile-image"></div>
<h2 class="customer-name">{{auth()->user()->name}}</h2>
<p class="customer-email">{{auth()->user()->email}}</p>
<div class="customer-stats">
<div class="stat-item">
<span class="stat-label">Weight</span>
<div class="stat-value">
<span class="stat-number">{{$healthData->weight ?? '0'}}</span>
<span class="stat-unit">kg</span>
</div>
</div>
<div class="stat-item">
<span class="stat-label">Height</span>
<div class="stat-value">
<span class="stat-number">{{$healthData->height ?? '0'}}</span>
<span class="stat-unit">cm</span>
</div>
</div>
<div class="obesity-status">
<span class="obesity-label">Obesity Status</span>
<span class="obesity-value">{{ $healthData->obesity_status ?? "0"}}</span>
</div>
</div>
</section>
</div>
{{-- RECOMMENDATIONS --}}
<div class="col">
<h2 class="customer-name fs-5 ">Recommendations</h2>
<section class="calories-container mt-3">
<div class="icon-wrapper" id="calories" data-toggle="tooltip" data-placement="top" title="Kalori yang harus dibakar">
<img src="{{asset('/asset/svg/flame.svg')}}" alt="Calories icon" class="calories-icon" />
</div>
<div class="calories-info">
<p class="calories-label pt-2">Calories
</p>
<p class="calories-value">{{ $healthData->calorie_recommendation ?? '0' }} cal</p>
</div>
</section>
<section class="calories-container mt-2">
<div class="icon-wrapper" id="distance" data-toggle="tooltip" data-placement="top" title="Jarak lari yang harus ditempuh">
<img src="{{asset('/asset/svg/shoes.svg')}}" alt="Calories icon" class="calories-icon" />
</div>
<div class="calories-info">
<p class="calories-label pt-2">Running Distance</p>
<p class="calories-value">{{ $totalDistance ?? '0' }} meters</p>
</div>
</section>
<section class="calories-container mt-2">
<div class="icon-wrapper" id="sleep" data-toggle="tooltip" data-placement="top" title="Waktu tidur yang disarankan">
<img src="{{asset('/asset/svg/moon.svg')}}" alt="Calories icon" class="calories-icon" />
</div>
<div class="calories-info">
<p class="calories-label pt-2">Sleep Time</p>
<p class="calories-value">{{ $healthData->sleeptime ?? '0' }} hours/day</p>
</div>
</section>
</div>
</div>
{{-- ACTIVITY HISTORY --}}
<div class="row">
<section class="activity-log">
<header class="activity-header">
<div class="header-date">Date</div>
<div class="header-activity">Activity</div>
<div class="header-distance">Distance</div>
<div class="header-duration">Duration</div>
</header>
@foreach ($activities as $activity)
<article class="activity-item mb-3">
<div class="item-date">{{ $activity['date'] }}</div>
<div class="item-activity">{{ $activity['type'] }}</div>
<div class="item-distance">{{ $activity['distance'] }} m</div>
<div class="item-duration">{{ $activity['duration'] }} seconds</div>
</article>
@endforeach
</section>
</div>
</div>
</div>
</div>
</div>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
{{-- <script>
// Ambil nilai obesityPrediction dari PHP dan pasang ke elemen HTML yang sesuai
var obesityPrediction = "{{ $obesityPrediction }}";
document.getElementById('obesityValue').innerText = obesityPrediction;
</script> --}}
</body>
</html>
@@ -0,0 +1,173 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="{{ asset('/asset/css/dashboardDoc.css') }}" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>Doctor Dashboard</title>
</head>
<body>
@include('doctor-sidebar')
<div class="container-flex" >
<div class="content">
<main class="doctor-dashboard">
<h1 class="dashboard-title">Doctor Dashboard</h1>
<section class="dashboard-content">
<div class="content-row">
<div class="content-column">
<div class="patient-stats" >
<div class="chart-container">
<canvas id="patientChart"></canvas>
</div>
<div class="patient-stats-row">
<div class="patient-stat" style="background-color:#8DB3FF">
<div class="patient-stat-value">{{ $normalWeightCount }}</div>
<div class="patient-stat-label">Normal</div>
</div>
<div class="patient-stat" style="background-color:#F45D78" >
<div class="patient-stat-value">{{ $overweightCount }}</div>
<div class="patient-stat-label">Overweight</div>
</div>
<div class="patient-stat" style="background-color:#5DF4C7">
<div class="patient-stat-value">{{ $unknownCount }}</div>
<div class="patient-stat-label">Unknown</div>
</div>
</div>
</div>
</div>
<div class="content-column-wide">
<div class="appointment-summary">
<div class="appointment-summary-header">
<div class="row">
<h2 class="appointment-summary-title">Patients Summary</h2>
</div>
</div>
<div class="appointment-summary-row">
<div class="appointment-summary-column">
<div class="gender-stats">
<div class="gender-icon-container">
<div class="male-icon">
<img src="https://cdn.builder.io/api/v1/image/assets/TEMP/3fdf4134042a773bd7e5dc3089ac98934868c84a3f4c23fcc70dfc3110a076a1?apiKey=e644a539de5445e499b1d21950fa439b&" alt="Male icon" class="gender-icon" />
</div>
<div class="female-icon">
<img src="https://cdn.builder.io/api/v1/image/assets/TEMP/2d565bbdb293dab51447f444ac9d0e036ecac199920286ad2afcd2f297588c3b?apiKey=e644a539de5445e499b1d21950fa439b&" alt="Female icon" class="gender-icon" />
</div>
</div>
<div class="gender-stats-labels">
<div class="gender-label">Male</div>
<div class="gender-value">{{ $malePatients }}</div>
<div class="gender-label">Female</div>
<div class="gender-value">{{ $femalePatients }}</div>
</div>
</div>
</div>
<div class="appointment-summary-column-narrow">
<div class="appointment-stats">
<div class="appointment-icon-container">
<div class="male-icon">
<img src="https://cdn.builder.io/api/v1/image/assets/TEMP/3fdf4134042a773bd7e5dc3089ac98934868c84a3f4c23fcc70dfc3110a076a1?apiKey=e644a539de5445e499b1d21950fa439b&" alt="Male icon" class="gender-icon" />
</div>
<div class="female-icon">
<img src="https://cdn.builder.io/api/v1/image/assets/TEMP/2d565bbdb293dab51447f444ac9d0e036ecac199920286ad2afcd2f297588c3b?apiKey=e644a539de5445e499b1d21950fa439b&" alt="Female icon" class="gender-icon" />
</div>
</div>
<div class="gender-stats-labels">
<div class="gender-label">Total appointment</div>
<div class="gender-value">{{ $totalAppointments }}</div>
<div class="gender-label">Pending appointment</div>
<div class="gender-value">{{ $pendingAppointments }}</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="appointments-container">
<header class="appointments-header">
<h2 class="appointments-title">Appointments</h2>
<a href="#" class="view-more-link">
<span class="view-more-text">View More</span>
<img src="https://cdn.builder.io/api/v1/image/assets/TEMP/1101b12b8f7a35f0cd2181e27b04fddc83baf3cd8095916bb541c62ba1875e0e?apiKey=e644a539de5445e499b1d21950fa439b&" alt="" class="arrow-icon" />
</a>
</header>
<div class="appointments-table-header">
<div class="header-name">Name</div>
<div class="header-location">Location</div>
<div class="header-date">Date</div>
<div class="header-time">Time</div>
<div class="header-status">Status</div>
</div>
@foreach ($latestAppointments as $appointment)
<div class="appointment-row">
<div class="patient-info">
<img src="https://cdn.builder.io/api/v1/image/assets/TEMP/a035700e6dde8893391104b4951e482b92fd90bf27ee7430998441c8f71bd031?apiKey=e644a539de5445e499b1d21950fa439b&" alt="{{ $appointment->patient->name }} avatar" class="patient-avatar" />
<div class="patient-name">{{ $appointment->patient->name }}</div>
</div>
<div class="appointment-location">{{ $appointment->location }}</div>
<div class="appointment-date">{{ $appointment->consultation_date }}</div>
<div class="appointment-time">{{ $appointment->consultation_time }}</div>
<div class="appointment-status">
@if ($appointment->consultation_status === 'cancelled' || $appointment->consultation_status === 'declined')
<span class="text-danger">{{ ucfirst($appointment->consultation_status) }}</span>
@elseif ($appointment->consultation_status === 'pending')
<span class="text-warning">{{ ucfirst($appointment->consultation_status) }}</span>
@elseif ($appointment->consultation_status === 'approved')
<span>{{ ucfirst($appointment->consultation_status) }}</span>
@else
<span>{{ ucfirst($appointment->consultation_status) }}</span>
@endif
</div>
</div>
@endforeach
</section>
</main>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script>
const ctx = document.getElementById('patientChart').getContext('2d');
const patientChart = new Chart(ctx, {
type: 'doughnut',
data: {
datasets: [{
data: [{{ $normalWeightCount }}, {{ $overweightCount }}, {{ $unknownCount }}],
backgroundColor: [
'rgba(141, 179, 255, 0.2)',
'rgba(244, 93, 120, 0.2)',
'rgba(93, 244, 199, 0.2)'
],
borderColor: [
'rgba(141, 179, 255, 1)',
'rgba(244, 93, 120, 1)',
'rgba(93, 244, 199, 1)'
],
borderWidth: 1
}]
},
options: {
responsive: true,
plugins: {
title: {
display: true,
text: 'Patient Weight Categories'
}
}
},
});
</script>
</body>
</html>
@@ -0,0 +1,68 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/dataTables.bootstrap5.min.css">
<link rel="shortcut icon" href="{{ asset('/asset/svg/logo.svg') }}" />
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link href="{{ asset('/asset/css/dashboardAdmin.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
</head>
<title>List Dokter</title>
</head>
<body>
@include('admin-sidebar')
<div class="container-flex">
<div class="m-5 user-table">
<table id="example" class="display table">
<thead>
<tr>
<th>Username</th>
<th>Nama Lengkap</th>
<th>Gender</th>
<th>Email</th>
<th>Telepon</th>
<th>Action</th>
</tr>
</thead>
<tbody>
@foreach ($data as $item)
<tr>
<td>{{ $item->username }}</td>
<td>{{ $item->name }}</td>
<td>{{ $item->gender }}</td>
<td>{{ $item->email }}</td>
<td>{{ $item->telepon }}</td>
{{-- <td>{{ $item->updated_at->format('d F Y') }}</td> --}}
<td>
<a href="/user/{{ $item->id }}" class="material-symbols-outlined me-2" href="">edit</a>
<a href="/delete/user/{{ $item->id }}" class="material-symbols-outlined" id="delete-icon">delete_forever</a>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.7/js/dataTables.bootstrap5.min.js"></script>
<script>
$('#example').DataTable();
</script>
</body>
</html>
@@ -0,0 +1,57 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta property="og:title" content="Aigo@w33zard" />
<meta property="og:description" content="AIGO: AI-recommended Guidance for Obesity management " />
<meta property="og:image" content="{{ asset('/asset/png/thumbnail.png') }}"/>
<meta property="og:url" content="https://aigo.w333zard.my.id/" />
<link rel="shortcut icon" href="{{ asset('/asset/svg/logo.svg') }}" />
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/dataTables.bootstrap5.min.css">
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link href="{{ asset('/asset/css/acceptance-patient.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>Patient Acceptance</title>
</head>
<body>
<div class="container-flex">
@include('doctor-sidebar')
<div class="content">
<h1 class="mt-4 fw-bold">
<center>Log & History</center>
</h1>
<div class="row ms-5 me-5 ps-4">
@if ($notifications->count() > 0)
<ul class="list-group mt-2">
@foreach ($notifications as $notification)
<li class="list-group-item">
<div class="d-flex justify-content-between align-items-center">
<div>
<strong>{{ $notification->message }}</strong>
<br>
<small>{{ $notification->created_at->diffForHumans() }}</small>
</div>
</div>
</li>
@endforeach
</ul>
@else
<p>No notifications found.</p>
@endif
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.7/js/dataTables.bootstrap5.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.2/dist/chart.umd.min.js"></script>
</body>
</html>
@@ -0,0 +1,132 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="{{ asset('/asset/css/dashboardDoc.css') }}" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>Doctor Profile</title>
</head>
<body>
@include('doctor-sidebar')
<div class="container-fluid full-width-container">
<div class="content">
<div class="row flex-lg-nowrap">
<div class="col-12 mb-3">
<div class="card card-full-width">
<div class="card-body">
<div class="e-profile">
<div class="row">
<div class="col-12 col-sm-auto mb-3">
<div class="mx-auto" style="width: 140px;">
<div class="d-flex justify-content-center align-items-center rounded" style="height: 140px; background-color: rgb(233, 236, 239);">
<span style="color: rgb(166, 168, 170); font: bold 8pt Arial;">140x140</span>
</div>
</div>
</div>
<div class="col d-flex flex-column flex-sm-row justify-content-between mb-3">
<div class="text-center text-sm-left mb-2 mb-sm-0">
<h4 class="pt-sm-2 pb-1 mb-0 text-nowrap">{{auth()->user()->name}}</h4>
<p class="mb-0">{{auth()->user()->email}}</p>
<div class="mt-2">
<button class="btn btn-primary" type="button">
<i class="fa fa-fw fa-camera"></i>
<span class="change-photo-span">Change Photo</span>
</button>
</div>
</div>
<div class="text-center text-sm-right">
<span class="badge badge-secondary">administrator</span>
<div class="text-muted"><small>Joined 09 Dec 2017</small></div>
</div>
</div>
</div>
<ul class="nav nav-tabs">
<li class="nav-item"><a href="" class="active nav-link">Settings</a></li>
</ul>
<div class="tab-content pt-3">
<div class="tab-pane active">
<form class="form" novalidate="">
<div class="row">
<div class="col">
<div class="row">
<div class="col">
<div class="form-group">
<label>Full Name</label>
<input class="form-control" type="text" name="name" placeholder="Name" value="{{auth()->user()->name}}">
</div>
</div>
<div class="col">
<div class="form-group">
<label>Username</label>
<input class="form-control" type="text" name="username" placeholder="username" value="{{auth()->user()->username}}">
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="form-group">
<label>Email</label>
<input class="form-control" type="text" placeholder="user@example.com" value="{{auth()->user()->email}}">
</div>
</div>
</div>
<br>
</div>
</div>
<div class="row">
<div class="col-12 col-sm-6 mb-3">
<div class="mb-2"><b>Change Password</b></div>
<div class="row">
<div class="col">
<div class="form-group">
<label>Current Password</label>
<input class="form-control" type="password" placeholder="••••••">
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="form-group">
<label>New Password</label>
<input class="form-control" type="password" placeholder="••••••">
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="form-group">
<label>Confirm <span class="d-none d-xl-inline">Password</span></label>
<input class="form-control" type="password" placeholder="••••••"></div>
</div>
</div>
</div>
<div class="row">
<div class="col d-flex justify-content-end">
<button class="btn btn-primary" type="submit">Save Changes</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>
@@ -0,0 +1,70 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="{{ asset('/asset/css/dashboardDoc.css') }}" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>Berikan Rekomendasi Pasien</title>
</head>
<body>
@include('doctor-sidebar')
<div class="container-flex" >
<div class="ms-5 ps-5 mt-5 pt-5 row justify-content-center">
<div class="ms-5 ps-5 col-md-8">
<div class="card">
<div class="card-header">Consultation Result</div>
<div class="card-body">
<form method="POST" action="{{ route('doctor.store-consultation-result') }}">
@csrf
<input type="hidden" name="doctor_id" value="{{ auth()->user()->id }}">
<input type="hidden" name="patient_id" value="{{ $patientId }}">
<div class="mb-3">
<label for="jarak_lari" class="form-label">Jarak Lari</label>
<input type="number" class="form-control" id="jarak_lari" name="jarak_lari" required>
</div>
<div class="mb-3">
<label for="sleeptime" class="form-label">Waktu Tidur</label>
<input type="number" step="0.01" class="form-control" id="sleeptime" name="sleeptime" required>
</div>
<div class="mb-3">
<label for="food" class="form-label">Jenis Makanan yang Direkomendasikan</label>
<input type="text" class="form-control" id="food" name="food" required>
</div>
<div class="mb-3">
<label for="unrecommended_food" class="form-label">Jenis Makanan yang Perlu Dikurangi</label>
<input type="text" class="form-control" id="unrecommended_food" name="unrecommended_food" required>
</div>
<div class="mb-3">
<label for="notes" class="form-label">Notes</label>
<textarea class="form-control" id="notes" name="notes" rows="3" required></textarea>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>
@@ -0,0 +1,64 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="{{ asset('/asset/css/dashboardDoc.css') }}" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>Doctor Dashboard</title>
</head>
<body>
@include('doctor-sidebar')
<div class="container-flex" >
<div class="m-5 user-table">
<table id="example" class="display table">
<thead>
<tr>
<th>Nama Lengkap</th>
<th>Lokasi</th>
<th>Gender</th>
<th>Email</th>
<th>Berat Badan</th>
<th>Tinggi Badan</th>
<th>Action</th>
</tr>
</thead>
<tbody>
@foreach ($approvedConsultations as $consultation)
<tr>
<td>{{ $consultation->patient->name }}</td>
<td>{{ $consultation->location }}</td>
<td>{{ $consultation->patient->gender }}</td>
<td>{{ $consultation->patient->email }}</td>
<td>{{ $consultation->patient->healthDatas->last()->weight ?? 'N/A'}} </td>
<td>{{ $consultation->patient->healthDatas->last()->height ?? 'N/A'}}</td>
{{-- <td>{{ $item->updated_at->format('d F Y') }}</td> --}}
<td>
<a href="{{ route('doctor.show-consultation-result-form', $consultation->patient->id) }}" class="material-symbols-outlined me-2">assignment_add</a>
<a href="/aigochat/{{$consultation->patient->id}}" class="material-symbols-outlined text-success" >chat</a>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>
@@ -0,0 +1,128 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/dataTables.bootstrap5.min.css">
<link href="{{ asset('/asset/admin.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
<style>
</style>
<title>Dashboard</title>
</head>
<body>
<div class="container-flex">
<!-- SIDEBAR -->
<div class="sidebar">
<div class="container-flex header-logo p-0">
<img src="{{ asset('/assets/img/UniShare-logo.png') }}" alt="" style="height: 36px; " >
<h4 style="color: #F6F7FF" class="ms-2 mt-2"> Aigo </h4>
</div>
<div class="dashboard">
<a href="{{ route('doctor.dashboard') }}">
<button type="button" class="btn-dashboard">Dashboard</button>
</a>
</div>
<div class="">
{{-- MENU 1: USER DETAILS --}}
<div class="menu">
<aside></aside>
<h6>User Details</h6>
</div>
{{-- SUB-MENU 1: Activity Report --}}
<div class="btn-group submenu ms-4 ps-2 mb-3">
<span class="material-symbols-outlined"> monitoring </span>
<a href="{{ route('doctor.patient-acceptance')}}"
onmouseover="this.style.color='#6FFFE9'"
onmouseout="this.style.color='#8296C5'">Patient Acceptance
</a>
</div>
{{-- SUB-MENU 2: Consultation Schedule --}}
<div class="btn-group submenu ms-4 ps-2 mb-3">
<span class="material-symbols-outlined"> calendar_month </span>
<a href="{{ route('doctor.schedule') }}"
onmouseover="this.style.color='#6FFFE9'"
onmouseout="this.style.color='#8296C5'">My Schedule
</a>
</div>
{{-- MENU 2: SETTINGS --}}
<div class="menu">
<aside></aside>
<h6>Settings & Profile</h6>
</div>
{{-- SUB-MENU 1: MY PROFILE --}}
<div class="btn-group submenu ms-4 ps-2 mb-3">
<span class="material-symbols-outlined"> settings </span>
<a href="{{ route('doctor.profile') }}"
onmouseover="this.style.color='#6FFFE9'"
onmouseout="this.style.color='#8296C5'"> My Profile
</a>
</div>
{{-- SUB-MENU 2: HISTORY --}}
<div class="btn-group submenu ms-4 ps-2">
<span class="material-symbols-outlined"> history </span>
<a href="{{route('doctor.notifications')}}"
onmouseover="this.style.color='#6FFFE9'"
onmouseout="this.style.color='#8296C5'">Log & History
</a>
</div>
{{-- MENU 3: HELP --}}
<div class="menu">
<aside></aside>
<h6>Help & More</h6>
</div>
{{-- SUB-MENU 1: Privacy & Policy --}}
<div class="btn-group submenu ms-4 ps-2">
<span class="material-symbols-outlined"> policy </span>
<a href="{{ route('doctor.priv-policy') }}"
onmouseover="this.style.color='#6FFFE9'"
onmouseout="this.style.color='#8296C5'">Privacy & Policy
</a>
</div>
{{-- SUB-MENU 2: Terms & Conditions --}}
<div class="btn-group submenu ms-4 ps-2 mt-3 mb-5">
<span class="material-symbols-outlined"> contract </span>
<a href="{{ route('doctor.terms-con') }}"
onmouseover="this.style.color='#6FFFE9'"
onmouseout="this.style.color='#8296C5'">Terms & Conditions
</a>
</div>
<form method="POST" action="{{ route('logout') }}">
@csrf
<a class="logout pt-2" href="">
<button class="btn-logout">
<span class="material-symbols-outlined"> logout</span>Log Out</button>
</a>
</form>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script>
</script>
</body>
</html>
@@ -0,0 +1,117 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="{{ asset('/asset/css/dashboardDoc.css') }}" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>Doctor Transaction</title>
</head>
<body>
@include('doctor-sidebar')
<div class="container-flex" >
<div class="content">
<main class="main-column">
<div class="main-content">
<section class="payment-section">
<div class="payment-card">
<div class="earning-card">
<div class="earning-title">Total Earnings</div>
<div class="earning-amount">₹430.00</div>
<div class="earning-date">as of 01-December 2022</div>
</div>
</div>
<div class="payment-card">
<div class="pending-card">
<div class="pending-title">Pending Payments</div>
<div class="pending-amount">₹100.00</div>
<div class="pending-date">as of 01-December 2022</div>
</div>
</div>
</section>
<div class="payment-title">Payment History</div>
<div class="tab-container">
<div class="tab">All</div>
<div class="tab">Complete</div>
<div class="tab">Pending</div>
<div class="tab">Rejected</div>
</div>
<section class="payment-history">
<div class="history-header">
<div class="history-column">Order ID</div>
<div class="history-column">Date</div>
<div class="history-column">Amount</div>
<div class="history-column">Total Questions</div>
<div class="history-column">Status</div>
<div class="history-column">Action</div>
</div>
<div class="history-body">
<div class="history-entry">#15267</div>
<div class="history-entry">Mar 1, 2023</div>
<div class="history-entry">100</div>
<div class="history-entry">1</div>
<div class="history-entry status-success">Success</div>
<button class="history-entry entry-detail">Detail</button>
</div>
<div class="history-body">
<div class="history-entry">#153587</div>
<div class="history-entry">Jan 26, 2023</div>
<div class="history-entry">300</div>
<div class="history-entry">3</div>
<div class="history-entry status-success">Success</div>
<button class="history-entry entry-detail">Detail</button>
</div>
<div class="history-body">
<div class="history-entry">#12436</div>
<div class="history-entry">Feb 12, 2033</div>
<div class="history-entry">100</div>
<div class="history-entry">1</div>
<div class="history-entry status-success">Success</div>
<button class="history-entry entry-detail">Detail</button>
</div>
<div class="history-body">
<div class="history-entry">#16879</div>
<div class="history-entry">Feb 28, 2033</div>
<div class="history-entry">500</div>
<div class="history-entry">5</div>
<div class="history-entry status-rejected">Rejected</div>
<button class="history-entry entry-detail">Detail</button>
</div>
<div class="history-body">
<div class="history-entry">#16378</div>
<div class="history-entry">March 13, 2033</div>
<div class="history-entry">500</div>
<div class="history-entry">5</div>
<div class="history-entry status-success">Success</div>
<button class="history-entry entry-detail">Detail</button>
</div>
<div class="history-body">
<div class="history-entry">#16609</div>
<div class="history-entry">March 18, 2033</div>
<div class="history-entry">100</div>
<div class="history-entry">1</div>
<div class="history-entry status-pending">Pending</div>
<div class="history-entry history-entry-actions">
<button class="entry-accept">Approve</button>
<button class="entry-decline">Decline</button>
</div>
</div>
</section>
</div>
</main>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>
+186
View File
@@ -0,0 +1,186 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="shortcut icon" href="{{ asset('/asset/svg/logo.svg') }}" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css">
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<style>
.menu{
margin : 20px;
}
.content{
padding-left: 250px;
}
.nav-link.active {
background-color: #6FFFE9 !important;
color: #0B132B !important;
}
.nav-link{
color: #0B132B !important;
}
.containerContent a {
text-decoration: none;
color: #8296C5;
}
.containeritem {
background-color: #ffffff;
border-radius: 6px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin-left: 30px;
padding: 10px;
display: inline-flex;
align-items: center;
width: calc(100% - 120px);
}
.tab.active {
display: block;
}
.nav-pills .nav-link {
cursor: pointer;
}
.item {
padding-left: 265px;
padding-bottom:50px;
}
.nav-item {
margin-right: 150px;
}
.nav-item:last-child {
margin-right: 0;
}
.form-control {
width: 100%;
}
</style>
<title>Request Consultation</title>
</head>
<body>
<div class="container-flex">
@include('client-sidebar')
<div class="item justify-content-center">
<div class="row">
<div class="container d-flex justify-content-center" style="padding:50px;">
<h2>Health Data</h2>
</div>
</div>
<div class="event-form p-5 me-5 ms-5 mt-4">
<form action="{{ route('health-data.store') }}" method="POST" enctype="multipart/form-data">
@csrf
{{-- ROW 1 --}}
<div class="row">
{{-- Tanggal Lahir --}}
<div class="col">
<div class="mb-3">
<label for="birthdate" class="form-label">Tanggal Lahir</label>
<div class="input-group date @error('birthdate') is-invalid @enderror" id="birthdatePicker" data-target-input="nearest">
<input type="text" class="form-control datetimepicker-input " id="birthdate" name="birthdate" style="border-radius: 20px" data-target="#birthdatePicker" placeholder="Pilih Tanggal Lahir" value="{{ old('birthdate', $healthData->birthdate ?? '') }}"/>
<div class="input-group-append" data-target="#birthdatePicker" data-toggle="datetimepicker">
</div>
</div>
@error('birthdate')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
</div>
</div>
{{-- Berat Badan --}}
<div class="col">
<div class="mb-3">
<label for="weight" class="form-label">Berat Badan (kg)</label>
<input value="{{old('weight', $healthData->weight ?? '')}}" type="text" class="form-control @error('weight') is-invalid @enderror" name="weight" id="weight" aria-describedby="weightHelp" style="border-radius: 20px" placeholder="60" required>
@error('weight')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
</div>
</div>
</div>
{{-- ROW 2 --}}
<div class="row">
{{-- Tinggi Badan --}}
<div class="col">
<div class="mb-3">
<label for="height" class="form-label">Tinggi Badan (cm)</label>
<input value="{{old('height', $healthData->height ?? '')}}" type="text" class="form-control @error('height') is-invalid @enderror" id="height" name="height" aria-describedby="heightHelp" style="border-radius: 20px" placeholder="170">
@error('height')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
</div>
</div>
{{-- Waktu Tidur --}}
<div class="col">
<div class="mb-3">
<label for="sleeptime" class="form-label">Waktu Tidur per hari (jam)</label>
<input value="{{old('sleeptime', $healthData->sleeptime ?? '')}}" type="text" class="form-control @error('sleeptime') is-invalid @enderror" name="sleeptime" id="sleeptime" aria-describedby="sleeptimeHelp" style="border-radius: 20px" placeholder="8">
@error('sleeptime')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
</div>
</div>
</div>
{{-- ROW 3 --}}
<div class="row">
{{-- Riwayat Alergi Makanan --}}
<div class="col">
<div class="mb-3">
<label for="disease" class="form-label">Riwayat Alergi Makanan</label>
<input value="{{old('disease', $healthData->alergi_makanan ?? '')}}" type="text" class="form-control @error('alergi_makanan') is-invalid @enderror" id="alergi_makanan" name="alergi_makanan" aria-describedby="alergi_makananHelp" style="border-radius: 20px" placeholder="Flu">
@error('alergi_makanan')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
</div>
</div>
{{-- Kebiasaan Makan --}}
<div class="col">
<div class="mb-3">
<label for="food" class="form-label">Kebiasaan Makan</label>
<input value="{{old('food', $healthData->food ?? '')}}" type="text" class="form-control @error('food') is-invalid @enderror" name="food" id="food" aria-describedby="foodHelp" style="border-radius: 20px" placeholder="Makanan yang sering dimakan dalam 1 bulan terakhir">
@error('food')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
</div>
</div>
</div>
{{-- ROW 4 --}}
<div class="row">
{{-- Riwayat Penyakit --}}
<div class="col">
<div class="mb-3">
<label for="disease" class="form-label">Riwayat Penyakit</label>
<input value="{{old('disease', $healthData->disease ?? '')}}" type="text" class="form-control @error('disease') is-invalid @enderror" id="disease" name="disease" aria-describedby="diseaseHelp" style="border-radius: 20px" placeholder="Flu">
@error('disease')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
</div>
</div>
</div>
<div class="row justify-content-end mt-5">
<div class="col-auto">
<button class="btn btn-primary" type="submit">Next</button>
</div>
</div>
</form>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script>
$(function () {
$('#birthdatePicker').datepicker({
format: 'yyyy-mm-dd',
autoclose: true,
todayHighlight: true
});
});
</script>
</body>
</html>
+151
View File
@@ -0,0 +1,151 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="Aigo@w33zard" />
<meta property="og:description" content="AIGO: AI-recommended Guidance for Obesity management " />
<meta property="og:image" content="{{ asset('/asset/png/thumbnail.png') }}"/>
<meta property="og:url" content="https://aigo.w333zard.my.id/" />
<link rel="shortcut icon" href="{{ asset('/asset/svg/logo.svg') }}" />
<title>Home</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<style>
img{
width:70%;
}
.homecontainer{
padding-left:50px;
}
a:hover{
}
h3{
font-family: 'Open Sans', sans-serif;;
font-weight: bold;
font-size: 36px;
color: #6FFFE9;
}
.capt1{
font-family: 'Open Sans', sans-serif;;
font-size: 16px;
color: #6FFFE9;
}
.row-container {
display: flex;
align-items: center; /* Mengatur teks dan gambar agar berada di tengah-tengah vertikal */
}
.text-container {
max-width: 500px;
margin: 0 auto;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.btnreg{
background-color: #37B3B7;
width: 200px;
margin: 10px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
color: white;
}
.btnreg:hover {
background-color: #fff;
color:#37B3B7;
}
img.imgsect2 {
max-width: 20%; /* Membuat gambar tidak melebihi lebar container */
height: auto; /* Menjaga aspek rasio gambar */
display: block; /* Menghilangkan margin bawaan gambar */
margin: auto; /* Menempatkan gambar di tengah */
}
#section2 {
background-color: #f8f9fa; /* Warna latar belakang */
padding: 20px 0; /* Padding atas dan bawah */
}
.row-container {
display: flex; /* Mengatur container utama menjadi flex */
justify-content: center; /* Memastikan konten berada di tengah horizontal */
}
.col-md-4 {
display: flex; /* Mengatur kolom menjadi flex */
align-items: center; /* Memastikan konten berada di tengah vertikal */
justify-content: center; /* Memastikan konten berada di tengah horizontal */
flex-direction: column; /* Menjadikan konten di dalam kolom menjadi tata letak kolom */
text-align: center; /* Pusatkan teks di dalam kolom */
}
.text-below {
margin-top: 10px; /* Jarak antara gambar dan teks di bawahnya */
font-size: 16px; /* Ukuran teks */
color: #333; /* Warna teks */
width: 50%;
}
</style>
</head>
<body>
@include('navbar')
<div class="row d-flex justify-content-center" style="padding-top:50px;">
<section id="section1" style="background-color:#0B132B;">
<div class="homecontainer">
<div class="row-container d-flex justify-content-center">
<div class="col-md-6 d-flex align-items-center text-container">
<H3> Cegah sebelum Terlambat. Kenali Risiko dan Amati Pola Makan serta Gaya Hidup Anda.</H3>
<p class="capt1">Obesitas bukan hanya masalah penampilan, tapi juga kesehatan. Perubahan kecil dalam gaya hidup dapat membuat perbedaan besar.</p>
<a class="btn btnreg" href="/login">Kenali Tubuh Anda</a>
</div>
<div class="col-md-6 align-items-center">
<img src="{{ asset('asset/page4.png') }}" alt="">
</div>
</div>
</div>
</section>
<section id="section2" >
<div class="container">
<div class="col-md-12 text-center">
<h2>Our Service</h2>
</div>
</div>
<div class="row d-flex justify-content-center" style="padding:50px;">
<div class="col-md-4">
<div class="card">
<img src="{{ asset('asset/page1.jpg') }}" class="card-img-top" style="height: 300px; object-fit: cover;" alt="...">
<div class="card-body">
<p class="card-text">Cek Tingkat Obesitas</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<img src="{{ asset('asset/page2.jpg') }}" class="card-img-top" style="height: 300px; object-fit: cover;" alt="...">
<div class="card-body">
<p class="card-text">Rekomendasi Pengelolaan Kesehatan</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<img src="{{ asset('asset/page3.jpg') }}" class="card-img-top" style="height: 300px; object-fit: cover;" alt="...">
<div class="card-body">
<p class="card-text">Konsultasi Dokter</p>
</div>
</div>
</div>
</div>
</section>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>
@@ -0,0 +1,158 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="shortcut icon" href="{{ asset('/asset/svg/logo.svg') }}" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css">
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<style>
.menu{
margin : 20px;
}
.content{
padding-left: 250px;
}
.nav-link.active {
background-color: #6FFFE9 !important;
color: #0B132B !important;
}
.nav-link{
color: #0B132B !important;
}
.containerContent a {
text-decoration: none;
color: #8296C5;
}
.containeritem {
background-color: #ffffff;
border-radius: 6px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin-left: 30px;
padding: 10px;
display: inline-flex;
align-items: center;
width: calc(100% - 120px);
}
.tab.active {
display: block;
}
.nav-pills .nav-link {
cursor: pointer;
}
.item {
padding-left: 265px;
padding-bottom:50px;
}
.nav-item {
margin-right: 150px;
}
.nav-item:last-child {
margin-right: 0;
}
.form-control {
width: 100%;
}
</style>
<title>Request Consultation</title>
</head>
<body>
<div class="container-flex">
@include('client-sidebar')
<div class="item justify-content-center">
<div class="row">
<div class="container d-flex justify-content-center" style="padding:50px;">
<h2>Jadwal Konsultasi</h2>
</div>
</div>
<div class="event-form p-5 me-5 ms-5 mt-4">
<!-- jadwal-konsultasi.blade.php -->
<form action="{{ route('consultation.store') }}" method="POST" enctype="multipart/form-data">
@csrf
{{-- ROW 1 --}}
<div class="row">
{{-- PILIH DOKTER --}}
<div class="col">
<div class="mb-3">
<label for="doctor_id" class="form-label">Pilih Dokter</label>
<select class="form-select @error('doctor_id') is-invalid @enderror" name="doctor_id" id="doctor_id" aria-label="doctor_id" style="border-radius: 20px">
<option value="">Select a doctor</option>
@foreach ($doctors as $doctor)
<option value="{{ $doctor->id }}" {{ old('doctor_id') == $doctor->id ? 'selected' : '' }}>{{ $doctor->name }}</option>
@endforeach
</select>
@error('doctor_id')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
</div>
</div>
{{-- TANGGAL KONSULTASI --}}
<div class="col">
<div class="mb-3">
<label for="consultation_date" class="form-label">Tanggal Konsultasi</label>
<div class="input-group date" id="consultationDatePicker" data-target-input="nearest">
<input type="text" class="form-control datetimepicker-input @error('consultation_date') is-invalid @enderror" id="consultation_date" name="consultation_date" style="border-radius: 20px" data-target="#consultationDatePicker" placeholder="Pilih Tanggal Konsultasi" value="{{ old('consultation_date') }}"/>
<div class="input-group-append" data-target="#consultationDatePicker" data-toggle="datetimepicker">
</div>
</div>
@error('consultation_date')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
</div>
</div>
</div>
{{-- ROW 2 --}}
<div class="row mt-3">
{{-- JAM KONSULTASI --}}
<div class="col">
<div class="mb-3">
<label for="consultation_time" class="form-label">Jam Konsultasi</label>
<input value="{{ old('consultation_time') }}" type="time" class="form-control @error('consultation_time') is-invalid @enderror" id="consultation_time" name="consultation_time" aria-describedby="consultationTimeHelp" style="border-radius: 20px" placeholder="Pilih jam konsultasi dengan dokter">
@error('consultation_time')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
</div>
</div>
{{-- LOKASI KONSULTASI --}}
<div class="col">
<div class="mb-3">
<label for="location" class="form-label">Lokasi Konsultasi</label>
<input value="{{ old('location') }}" type="text" class="form-control @error('location') is-invalid @enderror" name="location" id="location" aria-describedby="locationHelp" style="border-radius: 20px" placeholder="Masukkan lokasi konsultasi">
@error('location')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
</div>
</div>
</div>
<div class="row justify-content-end mt-5">
<div class="col-auto">
<button class="btn btn-primary" type="submit">Submit</button>
</div>
</div>
</form>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script>
$(function () {
$('#consultationDatePicker').datepicker({
format: 'yyyy-mm-dd',
autoclose: true,
todayHighlight: true
});
});
</script>
</body>
</html>
+57
View File
@@ -0,0 +1,57 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.navbar {
position: fixed; /* Navbar tetap di bagian atas */
width: 100%;
z-index: 1000; /* Membuat navbar tampil di atas konten lain */
background-color: #0B132B;
}
.navbar-nav .nav-link {
margin-right: 50px;
color: #6FFFE9;
}
.navbar-nav .nav-link.active {
color: #fff;
}
.btnlogin{
border-color: #6FFFE9;
border : solid 2px;
color:#6FFFE9;
background-color:#384C7F;
}
.btnlogin:hover{
border-color: #6FFFE9;
border : solid 2px;
color:#6FFFE9;
background-color:#fff;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container-fluid">
<a class="navbar-brand" style="margin-right:50px; color:#6FFFE9" href="#">AIGO</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link" aria-current="page" href="/">Home</a>
<a class="nav-link" href="/about">About Us</a>
<a class="nav-link" href="/contact">Contact Us</a>
</div>
</div>
<a class="btn btnlogin" href="/login">Login</a>
</div>
</nav>
</body>
</html>
@@ -0,0 +1,72 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="shortcut icon" href="{{ asset('/asset/svg/logo.svg') }}" />
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link href="{{ asset('/asset/css/dashboardAdmin.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>List Pasien</title>
<style>
</style>
</head>
<body>
@include('admin-sidebar')
<div class="container-flex">
<div class="m-5 user-table">
<table id="example" class="display table">
<thead>
<tr>
<th>Username</th>
<th>Nama Lengkap</th>
<th>Gender</th>
<th>Email</th>
<th>Telepon</th>
<th>Action</th>
</tr>
</thead>
<tbody>
@foreach ($data as $item)
<tr>
<td>{{ $item->username }}</td>
<td>{{ $item->name }}</td>
<td>{{ $item->gender }}</td>
<td>{{ $item->email }}</td>
<td>{{ $item->telepon }}</td>
{{-- <td>{{ $item->updated_at->format('d F Y') }}</td> --}}
<td>
<a href="/user/{{ $item->id }}" class="material-symbols-outlined me-2" href="">edit</a>
<a href="/delete/user/{{ $item->id }}" class="material-symbols-outlined" id="delete-icon">delete_forever</a>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.7/js/dataTables.bootstrap5.min.js"></script>
<script>
$('#example').DataTable();
</script>
</body>
</html>
@@ -0,0 +1,57 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta property="og:title" content="Aigo@w33zard" />
<meta property="og:description" content="AIGO: AI-recommended Guidance for Obesity management " />
<meta property="og:image" content="{{ asset('/asset/png/thumbnail.png') }}"/>
<meta property="og:url" content="https://aigo.w333zard.my.id/" />
<link rel="shortcut icon" href="{{ asset('/asset/svg/logo.svg') }}" />
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/dataTables.bootstrap5.min.css">
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link href="{{ asset('/asset/css/acceptance-patient.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>Patient Acceptance</title>
</head>
<body>
<div class="container-flex">
@include('client-sidebar')
<div class="content">
<h1 class="mt-4 fw-bold">
<center>Notifications</center>
</h1>
<div class="row ms-5 me-5 ps-4">
@if ($notifications->count() > 0)
<ul class="list-group">
@foreach ($notifications as $notification)
<li class="list-group-item">
<div class="d-flex justify-content-between align-items-center">
<div>
<strong>{{ $notification->message }}</strong>
<br>
<small>{{ $notification->created_at->diffForHumans() }}</small>
</div>
</div>
</li>
@endforeach
</ul>
@else
<p>No notifications found.</p>
@endif
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.7/js/dataTables.bootstrap5.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.2/dist/chart.umd.min.js"></script>
</body>
</html>
@@ -0,0 +1,72 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="{{ asset('/asset/css/priv-policy.css') }}" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>Privacy & Policy</title>
</head>
<body>
@include('admin-sidebar')
<div class="container-flex" >
<div class="content">
<h1>Privacy Policy for Aigo </h1>
<p>At Aigo , accessible from aigo.w333zard.my.id/, one of our main priorities is the privacy of our visitors. This Privacy Policy document contains types of information that is collected and recorded by Aigo and how we use it.</p>
<p>If you have additional questions or require more information about our Privacy Policy, do not hesitate to contact us.</p>
<h2>Log Files</h2>
<p>Aigo follows a standard procedure of using log files. These files log visitors when they visit websites. All hosting companies do this and a part of hosting services' analytics. The information collected by log files include internet protocol (IP) addresses, browser type, Internet Service Provider (ISP), date and time stamp, referring/exit pages, and possibly the number of clicks. These are not linked to any information that is personally identifiable. The purpose of the information is for analyzing trends, administering the site, tracking users' movement on the website, and gathering demographic information. Our Privacy Policy was created with the help of the <a href="https://www.privacypolicyonline.com/privacy-policy-generator/">Privacy Policy Generator</a>.</p>
<h2>Cookies and Web Beacons</h2>
<p>Like any other website, Aigo uses "cookies". These cookies are used to store information including visitors' preferences, and the pages on the website that the visitor accessed or visited. The information is used to optimize the users' experience by customizing our web page content based on visitors' browser type and/or other information.</p>
<p>For more general information on cookies, please read <a href="https://www.privacypolicyonline.com/what-are-cookies/">the "Cookies" article from the Privacy Policy Generator</a>.</p>
<h2>Privacy Policies</h2>
<P>You may consult this list to find the Privacy Policy for each of the advertising partners of Aigo .</p>
<p>Third-party ad servers or ad networks uses technologies like cookies, JavaScript, or Web Beacons that are used in their respective advertisements and links that appear on Aigo , which are sent directly to users' browser. They automatically receive your IP address when this occurs. These technologies are used to measure the effectiveness of their advertising campaigns and/or to personalize the advertising content that you see on websites that you visit.</p>
<p>Note that Aigo has no access to or control over these cookies that are used by third-party advertisers.</p>
<h2>Third Party Privacy Policies</h2>
<p>Aigo 's Privacy Policy does not apply to other advertisers or websites. Thus, we are advising you to consult the respective Privacy Policies of these third-party ad servers for more detailed information. It may include their practices and instructions about how to opt-out of certain options. </p>
<p>You can choose to disable cookies through your individual browser options. To know more detailed information about cookie management with specific web browsers, it can be found at the browsers' respective websites. What Are Cookies?</p>
<h2>Children's Information</h2>
<p>Another part of our priority is adding protection for children while using the internet. We encourage parents and guardians to observe, participate in, and/or monitor and guide their online activity.</p>
<p>Aigo does not knowingly collect any Personal Identifiable Information from children under the age of 13. If you think that your child provided this kind of information on our website, we strongly encourage you to contact us immediately and we will do our best efforts to promptly remove such information from our records.</p>
<h2>Online Privacy Policy Only</h2>
<p>This Privacy Policy applies only to our online activities and is valid for visitors to our website with regards to the information that they shared and/or collect in Aigo . This policy is not applicable to any information collected offline or via channels other than this website.</p>
<h2>Consent</h2>
<p>By using our website, you hereby consent to our Privacy Policy and agree to its Terms and Conditions.</p>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>
@@ -0,0 +1,72 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="{{ asset('/asset/css/priv-policy.css') }}" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>Privacy & Policy</title>
</head>
<body>
@include('client-sidebar')
<div class="container-flex" >
<div class="content">
<h1>Privacy Policy for Aigo </h1>
<p>At Aigo , accessible from aigo.w333zard.my.id/, one of our main priorities is the privacy of our visitors. This Privacy Policy document contains types of information that is collected and recorded by Aigo and how we use it.</p>
<p>If you have additional questions or require more information about our Privacy Policy, do not hesitate to contact us.</p>
<h2>Log Files</h2>
<p>Aigo follows a standard procedure of using log files. These files log visitors when they visit websites. All hosting companies do this and a part of hosting services' analytics. The information collected by log files include internet protocol (IP) addresses, browser type, Internet Service Provider (ISP), date and time stamp, referring/exit pages, and possibly the number of clicks. These are not linked to any information that is personally identifiable. The purpose of the information is for analyzing trends, administering the site, tracking users' movement on the website, and gathering demographic information. Our Privacy Policy was created with the help of the <a href="https://www.privacypolicyonline.com/privacy-policy-generator/">Privacy Policy Generator</a>.</p>
<h2>Cookies and Web Beacons</h2>
<p>Like any other website, Aigo uses "cookies". These cookies are used to store information including visitors' preferences, and the pages on the website that the visitor accessed or visited. The information is used to optimize the users' experience by customizing our web page content based on visitors' browser type and/or other information.</p>
<p>For more general information on cookies, please read <a href="https://www.privacypolicyonline.com/what-are-cookies/">the "Cookies" article from the Privacy Policy Generator</a>.</p>
<h2>Privacy Policies</h2>
<P>You may consult this list to find the Privacy Policy for each of the advertising partners of Aigo .</p>
<p>Third-party ad servers or ad networks uses technologies like cookies, JavaScript, or Web Beacons that are used in their respective advertisements and links that appear on Aigo , which are sent directly to users' browser. They automatically receive your IP address when this occurs. These technologies are used to measure the effectiveness of their advertising campaigns and/or to personalize the advertising content that you see on websites that you visit.</p>
<p>Note that Aigo has no access to or control over these cookies that are used by third-party advertisers.</p>
<h2>Third Party Privacy Policies</h2>
<p>Aigo 's Privacy Policy does not apply to other advertisers or websites. Thus, we are advising you to consult the respective Privacy Policies of these third-party ad servers for more detailed information. It may include their practices and instructions about how to opt-out of certain options. </p>
<p>You can choose to disable cookies through your individual browser options. To know more detailed information about cookie management with specific web browsers, it can be found at the browsers' respective websites. What Are Cookies?</p>
<h2>Children's Information</h2>
<p>Another part of our priority is adding protection for children while using the internet. We encourage parents and guardians to observe, participate in, and/or monitor and guide their online activity.</p>
<p>Aigo does not knowingly collect any Personal Identifiable Information from children under the age of 13. If you think that your child provided this kind of information on our website, we strongly encourage you to contact us immediately and we will do our best efforts to promptly remove such information from our records.</p>
<h2>Online Privacy Policy Only</h2>
<p>This Privacy Policy applies only to our online activities and is valid for visitors to our website with regards to the information that they shared and/or collect in Aigo . This policy is not applicable to any information collected offline or via channels other than this website.</p>
<h2>Consent</h2>
<p>By using our website, you hereby consent to our Privacy Policy and agree to its Terms and Conditions.</p>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>
@@ -0,0 +1,72 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="{{ asset('/asset/css/priv-policy.css') }}" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>Privacy & Policy</title>
</head>
<body>
@include('doctor-sidebar')
<div class="container-flex" >
<div class="content">
<h1>Privacy Policy for Aigo </h1>
<p>At Aigo , accessible from aigo.w333zard.my.id/, one of our main priorities is the privacy of our visitors. This Privacy Policy document contains types of information that is collected and recorded by Aigo and how we use it.</p>
<p>If you have additional questions or require more information about our Privacy Policy, do not hesitate to contact us.</p>
<h2>Log Files</h2>
<p>Aigo follows a standard procedure of using log files. These files log visitors when they visit websites. All hosting companies do this and a part of hosting services' analytics. The information collected by log files include internet protocol (IP) addresses, browser type, Internet Service Provider (ISP), date and time stamp, referring/exit pages, and possibly the number of clicks. These are not linked to any information that is personally identifiable. The purpose of the information is for analyzing trends, administering the site, tracking users' movement on the website, and gathering demographic information. Our Privacy Policy was created with the help of the <a href="https://www.privacypolicyonline.com/privacy-policy-generator/">Privacy Policy Generator</a>.</p>
<h2>Cookies and Web Beacons</h2>
<p>Like any other website, Aigo uses "cookies". These cookies are used to store information including visitors' preferences, and the pages on the website that the visitor accessed or visited. The information is used to optimize the users' experience by customizing our web page content based on visitors' browser type and/or other information.</p>
<p>For more general information on cookies, please read <a href="https://www.privacypolicyonline.com/what-are-cookies/">the "Cookies" article from the Privacy Policy Generator</a>.</p>
<h2>Privacy Policies</h2>
<P>You may consult this list to find the Privacy Policy for each of the advertising partners of Aigo .</p>
<p>Third-party ad servers or ad networks uses technologies like cookies, JavaScript, or Web Beacons that are used in their respective advertisements and links that appear on Aigo , which are sent directly to users' browser. They automatically receive your IP address when this occurs. These technologies are used to measure the effectiveness of their advertising campaigns and/or to personalize the advertising content that you see on websites that you visit.</p>
<p>Note that Aigo has no access to or control over these cookies that are used by third-party advertisers.</p>
<h2>Third Party Privacy Policies</h2>
<p>Aigo 's Privacy Policy does not apply to other advertisers or websites. Thus, we are advising you to consult the respective Privacy Policies of these third-party ad servers for more detailed information. It may include their practices and instructions about how to opt-out of certain options. </p>
<p>You can choose to disable cookies through your individual browser options. To know more detailed information about cookie management with specific web browsers, it can be found at the browsers' respective websites. What Are Cookies?</p>
<h2>Children's Information</h2>
<p>Another part of our priority is adding protection for children while using the internet. We encourage parents and guardians to observe, participate in, and/or monitor and guide their online activity.</p>
<p>Aigo does not knowingly collect any Personal Identifiable Information from children under the age of 13. If you think that your child provided this kind of information on our website, we strongly encourage you to contact us immediately and we will do our best efforts to promptly remove such information from our records.</p>
<h2>Online Privacy Policy Only</h2>
<p>This Privacy Policy applies only to our online activities and is valid for visitors to our website with regards to the information that they shared and/or collect in Aigo . This policy is not applicable to any information collected offline or via channels other than this website.</p>
<h2>Consent</h2>
<p>By using our website, you hereby consent to our Privacy Policy and agree to its Terms and Conditions.</p>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>
@@ -0,0 +1,146 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="{{ asset('/asset/css/priv-policy.css') }}" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>Terms and Conditions</title>
</head>
<body>
@include('admin-sidebar')
<div class="container-flex" >
<div class="content">
<h2><strong>Terms and Conditions</strong></h2>
<p>Welcome to Aigo!</p>
<p>These terms and conditions outline the rules and regulations for the use of Aigo's Website, located at aigo.w333zard.my.id/.</p>
<p>By accessing this website we assume you accept these terms and conditions. Do not continue to use Aigo if you do not agree to take all of the terms and conditions stated on this page.</p>
<p>The following terminology applies to these Terms and Conditions, Privacy Statement and Disclaimer Notice and all Agreements: "Client", "You" and "Your" refers to you, the person log on this website and compliant to the Companys terms and conditions. "The Company", "Ourselves", "We", "Our" and "Us", refers to our Company. "Party", "Parties", or "Us", refers to both the Client and ourselves. All terms refer to the offer, acceptance and consideration of payment necessary to undertake the process of our assistance to the Client in the most appropriate manner for the express purpose of meeting the Clients needs in respect of provision of the Companys stated services, in accordance with and subject to, prevailing law of Netherlands. Any use of the above terminology or other words in the singular, plural, capitalization and/or he/she or they, are taken as interchangeable and therefore as referring to same. Our Terms and Conditions were created with the help of the <a href="https://www.privacypolicyonline.com/terms-conditions-generator/">Terms & Conditions Generator</a>.</p>
<h3><strong>Cookies</strong></h3>
<p>We employ the use of cookies. By accessing Aigo, you agreed to use cookies in agreement with the Aigo's Privacy Policy.</p>
<p>Most interactive websites use cookies to let us retrieve the user's details for each visit. Cookies are used by our website to enable the functionality of certain areas to make it easier for people visiting our website. Some of our affiliate/advertising partners may also use cookies.</p>
<h3><strong>License</strong></h3>
<p>Unless otherwise stated, Aigo and/or its licensors own the intellectual property rights for all material on Aigo. All intellectual property rights are reserved. You may access this from Aigo for your own personal use subjected to restrictions set in these terms and conditions.</p>
<p>You must not:</p>
<ul>
<li>Republish material from Aigo</li>
<li>Sell, rent or sub-license material from Aigo</li>
<li>Reproduce, duplicate or copy material from Aigo</li>
<li>Redistribute content from Aigo</li>
</ul>
<p>This Agreement shall begin on the date hereof.</p>
<p>Parts of this website offer an opportunity for users to post and exchange opinions and information in certain areas of the website. Aigo does not filter, edit, publish or review Comments prior to their presence on the website. Comments do not reflect the views and opinions of Aigo,its agents and/or affiliates. Comments reflect the views and opinions of the person who post their views and opinions. To the extent permitted by applicable laws, Aigo shall not be liable for the Comments or for any liability, damages or expenses caused and/or suffered as a result of any use of and/or posting of and/or appearance of the Comments on this website.</p>
<p>Aigo reserves the right to monitor all Comments and to remove any Comments which can be considered inappropriate, offensive or causes breach of these Terms and Conditions.</p>
<p>You warrant and represent that:</p>
<ul>
<li>You are entitled to post the Comments on our website and have all necessary licenses and consents to do so;</li>
<li>The Comments do not invade any intellectual property right, including without limitation copyright, patent or trademark of any third party;</li>
<li>The Comments do not contain any defamatory, libelous, offensive, indecent or otherwise unlawful material which is an invasion of privacy</li>
<li>The Comments will not be used to solicit or promote business or custom or present commercial activities or unlawful activity.</li>
</ul>
<p>You hereby grant Aigo a non-exclusive license to use, reproduce, edit and authorize others to use, reproduce and edit any of your Comments in any and all forms, formats or media.</p>
<h3><strong>Hyperlinking to our Content</strong></h3>
<p>The following organizations may link to our Website without prior written approval:</p>
<ul>
<li>Government agencies;</li>
<li>Search engines;</li>
<li>News organizations;</li>
<li>Online directory distributors may link to our Website in the same manner as they hyperlink to the Websites of other listed businesses; and</li>
<li>System wide Accredited Businesses except soliciting non-profit organizations, charity shopping malls, and charity fundraising groups which may not hyperlink to our Web site.</li>
</ul>
<p>These organizations may link to our home page, to publications or to other Website information so long as the link: (a) is not in any way deceptive; (b) does not falsely imply sponsorship, endorsement or approval of the linking party and its products and/or services; and (c) fits within the context of the linking party's site.</p>
<p>We may consider and approve other link requests from the following types of organizations:</p>
<ul>
<li>commonly-known consumer and/or business information sources;</li>
<li>dot.com community sites;</li>
<li>associations or other groups representing charities;</li>
<li>online directory distributors;</li>
<li>internet portals;</li>
<li>accounting, law and consulting firms; and</li>
<li>educational institutions and trade associations.</li>
</ul>
<p>We will approve link requests from these organizations if we decide that: (a) the link would not make us look unfavorably to ourselves or to our accredited businesses; (b) the organization does not have any negative records with us; (c) the benefit to us from the visibility of the hyperlink compensates the absence of Aigo; and (d) the link is in the context of general resource information.</p>
<p>These organizations may link to our home page so long as the link: (a) is not in any way deceptive; (b) does not falsely imply sponsorship, endorsement or approval of the linking party and its products or services; and (c) fits within the context of the linking party's site.</p>
<p>If you are one of the organizations listed in paragraph 2 above and are interested in linking to our website, you must inform us by sending an e-mail to Aigo. Please include your name, your organization name, contact information as well as the URL of your site, a list of any URLs from which you intend to link to our Website, and a list of the URLs on our site to which you would like to link. Wait 2-3 weeks for a response.</p>
<p>Approved organizations may hyperlink to our Website as follows:</p>
<ul>
<li>By use of our corporate name; or</li>
<li>By use of the uniform resource locator being linked to; or</li>
<li>By use of any other description of our Website being linked to that makes sense within the context and format of content on the linking party's site.</li>
</ul>
<p>No use of Aigo's logo or other artwork will be allowed for linking absent a trademark license agreement.</p>
<h3><strong>iFrames</strong></h3>
<p>Without prior approval and written permission, you may not create frames around our Webpages that alter in any way the visual presentation or appearance of our Website.</p>
<h3><strong>Content Liability</strong></h3>
<p>We shall not be hold responsible for any content that appears on your Website. You agree to protect and defend us against all claims that is rising on your Website. No link(s) should appear on any Website that may be interpreted as libelous, obscene or criminal, or which infringes, otherwise violates, or advocates the infringement or other violation of, any third party rights.</p>
<h3><strong>Reservation of Rights</strong></h3>
<p>We reserve the right to request that you remove all links or any particular link to our Website. You approve to immediately remove all links to our Website upon request. We also reserve the right to amen these terms and conditions and it's linking policy at any time. By continuously linking to our Website, you agree to be bound to and follow these linking terms and conditions.</p>
<h3><strong>Removal of links from our website</strong></h3>
<p>If you find any link on our Website that is offensive for any reason, you are free to contact and inform us any moment. We will consider requests to remove links but we are not obligated to or so or to respond to you directly.</p>
<p>We do not ensure that the information on this website is correct, we do not warrant its completeness or accuracy; nor do we promise to ensure that the website remains available or that the material on the website is kept up to date.</p>
<h3><strong>Disclaimer</strong></h3>
<p>To the maximum extent permitted by applicable law, we exclude all representations, warranties and conditions relating to our website and the use of this website. Nothing in this disclaimer will:</p>
<ul>
<li>limit or exclude our or your liability for death or personal injury;</li>
<li>limit or exclude our or your liability for fraud or fraudulent misrepresentation;</li>
<li>limit any of our or your liabilities in any way that is not permitted under applicable law; or</li>
<li>exclude any of our or your liabilities that may not be excluded under applicable law.</li>
</ul>
<p>The limitations and prohibitions of liability set in this Section and elsewhere in this disclaimer: (a) are subject to the preceding paragraph; and (b) govern all liabilities arising under the disclaimer, including liabilities arising in contract, in tort and for breach of statutory duty.</p>
<p>As long as the website and the information and services on the website are provided free of charge, we will not be liable for any loss or damage of any nature.</p>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>
@@ -0,0 +1,146 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="{{ asset('/asset/css/priv-policy.css') }}" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>Terms and Conditions</title>
</head>
<body>
@include('client-sidebar')
<div class="container-flex" >
<div class="content">
<h2><strong>Terms and Conditions</strong></h2>
<p>Welcome to Aigo!</p>
<p>These terms and conditions outline the rules and regulations for the use of Aigo's Website, located at aigo.w333zard.my.id/.</p>
<p>By accessing this website we assume you accept these terms and conditions. Do not continue to use Aigo if you do not agree to take all of the terms and conditions stated on this page.</p>
<p>The following terminology applies to these Terms and Conditions, Privacy Statement and Disclaimer Notice and all Agreements: "Client", "You" and "Your" refers to you, the person log on this website and compliant to the Companys terms and conditions. "The Company", "Ourselves", "We", "Our" and "Us", refers to our Company. "Party", "Parties", or "Us", refers to both the Client and ourselves. All terms refer to the offer, acceptance and consideration of payment necessary to undertake the process of our assistance to the Client in the most appropriate manner for the express purpose of meeting the Clients needs in respect of provision of the Companys stated services, in accordance with and subject to, prevailing law of Netherlands. Any use of the above terminology or other words in the singular, plural, capitalization and/or he/she or they, are taken as interchangeable and therefore as referring to same. Our Terms and Conditions were created with the help of the <a href="https://www.privacypolicyonline.com/terms-conditions-generator/">Terms & Conditions Generator</a>.</p>
<h3><strong>Cookies</strong></h3>
<p>We employ the use of cookies. By accessing Aigo, you agreed to use cookies in agreement with the Aigo's Privacy Policy.</p>
<p>Most interactive websites use cookies to let us retrieve the user's details for each visit. Cookies are used by our website to enable the functionality of certain areas to make it easier for people visiting our website. Some of our affiliate/advertising partners may also use cookies.</p>
<h3><strong>License</strong></h3>
<p>Unless otherwise stated, Aigo and/or its licensors own the intellectual property rights for all material on Aigo. All intellectual property rights are reserved. You may access this from Aigo for your own personal use subjected to restrictions set in these terms and conditions.</p>
<p>You must not:</p>
<ul>
<li>Republish material from Aigo</li>
<li>Sell, rent or sub-license material from Aigo</li>
<li>Reproduce, duplicate or copy material from Aigo</li>
<li>Redistribute content from Aigo</li>
</ul>
<p>This Agreement shall begin on the date hereof.</p>
<p>Parts of this website offer an opportunity for users to post and exchange opinions and information in certain areas of the website. Aigo does not filter, edit, publish or review Comments prior to their presence on the website. Comments do not reflect the views and opinions of Aigo,its agents and/or affiliates. Comments reflect the views and opinions of the person who post their views and opinions. To the extent permitted by applicable laws, Aigo shall not be liable for the Comments or for any liability, damages or expenses caused and/or suffered as a result of any use of and/or posting of and/or appearance of the Comments on this website.</p>
<p>Aigo reserves the right to monitor all Comments and to remove any Comments which can be considered inappropriate, offensive or causes breach of these Terms and Conditions.</p>
<p>You warrant and represent that:</p>
<ul>
<li>You are entitled to post the Comments on our website and have all necessary licenses and consents to do so;</li>
<li>The Comments do not invade any intellectual property right, including without limitation copyright, patent or trademark of any third party;</li>
<li>The Comments do not contain any defamatory, libelous, offensive, indecent or otherwise unlawful material which is an invasion of privacy</li>
<li>The Comments will not be used to solicit or promote business or custom or present commercial activities or unlawful activity.</li>
</ul>
<p>You hereby grant Aigo a non-exclusive license to use, reproduce, edit and authorize others to use, reproduce and edit any of your Comments in any and all forms, formats or media.</p>
<h3><strong>Hyperlinking to our Content</strong></h3>
<p>The following organizations may link to our Website without prior written approval:</p>
<ul>
<li>Government agencies;</li>
<li>Search engines;</li>
<li>News organizations;</li>
<li>Online directory distributors may link to our Website in the same manner as they hyperlink to the Websites of other listed businesses; and</li>
<li>System wide Accredited Businesses except soliciting non-profit organizations, charity shopping malls, and charity fundraising groups which may not hyperlink to our Web site.</li>
</ul>
<p>These organizations may link to our home page, to publications or to other Website information so long as the link: (a) is not in any way deceptive; (b) does not falsely imply sponsorship, endorsement or approval of the linking party and its products and/or services; and (c) fits within the context of the linking party's site.</p>
<p>We may consider and approve other link requests from the following types of organizations:</p>
<ul>
<li>commonly-known consumer and/or business information sources;</li>
<li>dot.com community sites;</li>
<li>associations or other groups representing charities;</li>
<li>online directory distributors;</li>
<li>internet portals;</li>
<li>accounting, law and consulting firms; and</li>
<li>educational institutions and trade associations.</li>
</ul>
<p>We will approve link requests from these organizations if we decide that: (a) the link would not make us look unfavorably to ourselves or to our accredited businesses; (b) the organization does not have any negative records with us; (c) the benefit to us from the visibility of the hyperlink compensates the absence of Aigo; and (d) the link is in the context of general resource information.</p>
<p>These organizations may link to our home page so long as the link: (a) is not in any way deceptive; (b) does not falsely imply sponsorship, endorsement or approval of the linking party and its products or services; and (c) fits within the context of the linking party's site.</p>
<p>If you are one of the organizations listed in paragraph 2 above and are interested in linking to our website, you must inform us by sending an e-mail to Aigo. Please include your name, your organization name, contact information as well as the URL of your site, a list of any URLs from which you intend to link to our Website, and a list of the URLs on our site to which you would like to link. Wait 2-3 weeks for a response.</p>
<p>Approved organizations may hyperlink to our Website as follows:</p>
<ul>
<li>By use of our corporate name; or</li>
<li>By use of the uniform resource locator being linked to; or</li>
<li>By use of any other description of our Website being linked to that makes sense within the context and format of content on the linking party's site.</li>
</ul>
<p>No use of Aigo's logo or other artwork will be allowed for linking absent a trademark license agreement.</p>
<h3><strong>iFrames</strong></h3>
<p>Without prior approval and written permission, you may not create frames around our Webpages that alter in any way the visual presentation or appearance of our Website.</p>
<h3><strong>Content Liability</strong></h3>
<p>We shall not be hold responsible for any content that appears on your Website. You agree to protect and defend us against all claims that is rising on your Website. No link(s) should appear on any Website that may be interpreted as libelous, obscene or criminal, or which infringes, otherwise violates, or advocates the infringement or other violation of, any third party rights.</p>
<h3><strong>Reservation of Rights</strong></h3>
<p>We reserve the right to request that you remove all links or any particular link to our Website. You approve to immediately remove all links to our Website upon request. We also reserve the right to amen these terms and conditions and it's linking policy at any time. By continuously linking to our Website, you agree to be bound to and follow these linking terms and conditions.</p>
<h3><strong>Removal of links from our website</strong></h3>
<p>If you find any link on our Website that is offensive for any reason, you are free to contact and inform us any moment. We will consider requests to remove links but we are not obligated to or so or to respond to you directly.</p>
<p>We do not ensure that the information on this website is correct, we do not warrant its completeness or accuracy; nor do we promise to ensure that the website remains available or that the material on the website is kept up to date.</p>
<h3><strong>Disclaimer</strong></h3>
<p>To the maximum extent permitted by applicable law, we exclude all representations, warranties and conditions relating to our website and the use of this website. Nothing in this disclaimer will:</p>
<ul>
<li>limit or exclude our or your liability for death or personal injury;</li>
<li>limit or exclude our or your liability for fraud or fraudulent misrepresentation;</li>
<li>limit any of our or your liabilities in any way that is not permitted under applicable law; or</li>
<li>exclude any of our or your liabilities that may not be excluded under applicable law.</li>
</ul>
<p>The limitations and prohibitions of liability set in this Section and elsewhere in this disclaimer: (a) are subject to the preceding paragraph; and (b) govern all liabilities arising under the disclaimer, including liabilities arising in contract, in tort and for breach of statutory duty.</p>
<p>As long as the website and the information and services on the website are provided free of charge, we will not be liable for any loss or damage of any nature.</p>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>
@@ -0,0 +1,144 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="{{ asset('/asset/css/priv-policy.css') }}" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>Terms and Conditions</title>
</head>
<body>
@include('doctor-sidebar')
<div class="container-flex" >
<div class="content">
<h2><strong>Terms and Conditions</strong></h2>
<p>Welcome to Aigo!</p>
<p>These terms and conditions outline the rules and regulations for the use of Aigo's Website, located at aigo.w333zard.my.id/.</p>
<p>By accessing this website we assume you accept these terms and conditions. Do not continue to use Aigo if you do not agree to take all of the terms and conditions stated on this page.</p>
<p>The following terminology applies to these Terms and Conditions, Privacy Statement and Disclaimer Notice and all Agreements: "Client", "You" and "Your" refers to you, the person log on this website and compliant to the Companys terms and conditions. "The Company", "Ourselves", "We", "Our" and "Us", refers to our Company. "Party", "Parties", or "Us", refers to both the Client and ourselves. All terms refer to the offer, acceptance and consideration of payment necessary to undertake the process of our assistance to the Client in the most appropriate manner for the express purpose of meeting the Clients needs in respect of provision of the Companys stated services, in accordance with and subject to, prevailing law of Netherlands. Any use of the above terminology or other words in the singular, plural, capitalization and/or he/she or they, are taken as interchangeable and therefore as referring to same. Our Terms and Conditions were created with the help of the <a href="https://www.privacypolicyonline.com/terms-conditions-generator/">Terms & Conditions Generator</a>.</p>
<h3><strong>Cookies</strong></h3>
<p>We employ the use of cookies. By accessing Aigo, you agreed to use cookies in agreement with the Aigo's Privacy Policy.</p>
<p>Most interactive websites use cookies to let us retrieve the user's details for each visit. Cookies are used by our website to enable the functionality of certain areas to make it easier for people visiting our website. Some of our affiliate/advertising partners may also use cookies.</p>
<h3><strong>License</strong></h3>
<p>Unless otherwise stated, Aigo and/or its licensors own the intellectual property rights for all material on Aigo. All intellectual property rights are reserved. You may access this from Aigo for your own personal use subjected to restrictions set in these terms and conditions.</p>
<p>You must not:</p>
<ul>
<li>Republish material from Aigo</li>
<li>Sell, rent or sub-license material from Aigo</li>
<li>Reproduce, duplicate or copy material from Aigo</li>
<li>Redistribute content from Aigo</li>
</ul>
<p>This Agreement shall begin on the date hereof.</p>
<p>Parts of this website offer an opportunity for users to post and exchange opinions and information in certain areas of the website. Aigo does not filter, edit, publish or review Comments prior to their presence on the website. Comments do not reflect the views and opinions of Aigo,its agents and/or affiliates. Comments reflect the views and opinions of the person who post their views and opinions. To the extent permitted by applicable laws, Aigo shall not be liable for the Comments or for any liability, damages or expenses caused and/or suffered as a result of any use of and/or posting of and/or appearance of the Comments on this website.</p>
<p>Aigo reserves the right to monitor all Comments and to remove any Comments which can be considered inappropriate, offensive or causes breach of these Terms and Conditions.</p>
<p>You warrant and represent that:</p>
<ul>
<li>You are entitled to post the Comments on our website and have all necessary licenses and consents to do so;</li>
<li>The Comments do not invade any intellectual property right, including without limitation copyright, patent or trademark of any third party;</li>
<li>The Comments do not contain any defamatory, libelous, offensive, indecent or otherwise unlawful material which is an invasion of privacy</li>
<li>The Comments will not be used to solicit or promote business or custom or present commercial activities or unlawful activity.</li>
</ul>
<p>You hereby grant Aigo a non-exclusive license to use, reproduce, edit and authorize others to use, reproduce and edit any of your Comments in any and all forms, formats or media.</p>
<h3><strong>Hyperlinking to our Content</strong></h3>
<p>The following organizations may link to our Website without prior written approval:</p>
<ul>
<li>Government agencies;</li>
<li>Search engines;</li>
<li>News organizations;</li>
<li>Online directory distributors may link to our Website in the same manner as they hyperlink to the Websites of other listed businesses; and</li>
<li>System wide Accredited Businesses except soliciting non-profit organizations, charity shopping malls, and charity fundraising groups which may not hyperlink to our Web site.</li>
</ul>
<p>These organizations may link to our home page, to publications or to other Website information so long as the link: (a) is not in any way deceptive; (b) does not falsely imply sponsorship, endorsement or approval of the linking party and its products and/or services; and (c) fits within the context of the linking party's site.</p>
<p>We may consider and approve other link requests from the following types of organizations:</p>
<ul>
<li>commonly-known consumer and/or business information sources;</li>
<li>dot.com community sites;</li>
<li>associations or other groups representing charities;</li>
<li>online directory distributors;</li>
<li>internet portals;</li>
<li>accounting, law and consulting firms; and</li>
<li>educational institutions and trade associations.</li>
</ul>
<p>We will approve link requests from these organizations if we decide that: (a) the link would not make us look unfavorably to ourselves or to our accredited businesses; (b) the organization does not have any negative records with us; (c) the benefit to us from the visibility of the hyperlink compensates the absence of Aigo; and (d) the link is in the context of general resource information.</p>
<p>These organizations may link to our home page so long as the link: (a) is not in any way deceptive; (b) does not falsely imply sponsorship, endorsement or approval of the linking party and its products or services; and (c) fits within the context of the linking party's site.</p>
<p>If you are one of the organizations listed in paragraph 2 above and are interested in linking to our website, you must inform us by sending an e-mail to Aigo. Please include your name, your organization name, contact information as well as the URL of your site, a list of any URLs from which you intend to link to our Website, and a list of the URLs on our site to which you would like to link. Wait 2-3 weeks for a response.</p>
<p>Approved organizations may hyperlink to our Website as follows:</p>
<ul>
<li>By use of our corporate name; or</li>
<li>By use of the uniform resource locator being linked to; or</li>
<li>By use of any other description of our Website being linked to that makes sense within the context and format of content on the linking party's site.</li>
</ul>
<p>No use of Aigo's logo or other artwork will be allowed for linking absent a trademark license agreement.</p>
<h3><strong>iFrames</strong></h3>
<p>Without prior approval and written permission, you may not create frames around our Webpages that alter in any way the visual presentation or appearance of our Website.</p>
<h3><strong>Content Liability</strong></h3>
<p>We shall not be hold responsible for any content that appears on your Website. You agree to protect and defend us against all claims that is rising on your Website. No link(s) should appear on any Website that may be interpreted as libelous, obscene or criminal, or which infringes, otherwise violates, or advocates the infringement or other violation of, any third party rights.</p>
<h3><strong>Reservation of Rights</strong></h3>
<p>We reserve the right to request that you remove all links or any particular link to our Website. You approve to immediately remove all links to our Website upon request. We also reserve the right to amen these terms and conditions and it's linking policy at any time. By continuously linking to our Website, you agree to be bound to and follow these linking terms and conditions.</p>
<h3><strong>Removal of links from our website</strong></h3>
<p>If you find any link on our Website that is offensive for any reason, you are free to contact and inform us any moment. We will consider requests to remove links but we are not obligated to or so or to respond to you directly.</p>
<p>We do not ensure that the information on this website is correct, we do not warrant its completeness or accuracy; nor do we promise to ensure that the website remains available or that the material on the website is kept up to date.</p>
<h3><strong>Disclaimer</strong></h3>
<p>To the maximum extent permitted by applicable law, we exclude all representations, warranties and conditions relating to our website and the use of this website. Nothing in this disclaimer will:</p>
<ul>
<li>limit or exclude our or your liability for death or personal injury;</li>
<li>limit or exclude our or your liability for fraud or fraudulent misrepresentation;</li>
<li>limit any of our or your liabilities in any way that is not permitted under applicable law; or</li>
<li>exclude any of our or your liabilities that may not be excluded under applicable law.</li>
</ul>
<p>The limitations and prohibitions of liability set in this Section and elsewhere in this disclaimer: (a) are subject to the preceding paragraph; and (b) govern all liabilities arising under the disclaimer, including liabilities arising in contract, in tort and for breach of statutory duty.</p>
<p>As long as the website and the information and services on the website are provided free of charge, we will not be liable for any loss or damage of any nature.</p>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>
+141
View File
@@ -0,0 +1,141 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="shortcut icon" href="{{ asset('/asset/svg/logo.svg') }}" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css">
<link href="{{ asset('/asset/main.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<style>
.menu{
margin : 20px;
}
.content{
padding-left: 250px;
}
.nav-link.active {
background-color: #6FFFE9 !important;
color: #0B132B !important;
}
.nav-link{
color: #0B132B !important;
}
.containerContent a {
text-decoration: none;
color: #8296C5;
}
.containeritem {
background-color: #ffffff;
border-radius: 6px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin-left: 30px;
padding: 10px;
display: inline-flex;
align-items: center;
width: calc(100% - 120px);
}
.tab.active {
display: block;
}
.nav-pills .nav-link {
cursor: pointer;
}
.item {
padding-left: 265px;
padding-bottom:50px;
}
.nav-item {
margin-right: 150px;
}
.nav-item:last-child {
margin-right: 0;
}
.form-control {
width: 100%;
}
</style>
<title>Update User</title>
</head>
<body>
<div class="container-flex">
@include('admin-sidebar')
<div class="item justify-content-center">
<div class="row">
<div class="container d-flex justify-content-center" style="padding:50px;">
<h2>Update User Data</h2>
</div>
</div>
<div class="event-form p-5 me-5 ms-5 mt-4">
<form action="{{ route('update-user', $data->id) }}" method="POST">
@csrf
{{-- ROW 1 --}}
<div class="row">
{{-- Nama --}}
<div class="col">
<div class="mb-3">
<label for="name" class="form-label">Nama</label>
<input value="{{old('name', $data->name ?? '')}}" type="text" class="form-control" name="name" id="name" aria-describedby="weightHelp" style="border-radius: 20px">
</div>
</div>
{{-- User Role --}}
<div class="col">
<div class="mb-3">
<label for="user_role" class="form-label">User Role</label>
<input value="{{old('user_role', $data->user_role ?? '')}}" type="text" class="form-control" name="user_role" id="user_role" aria-describedby="user_roleHelp" style="border-radius: 20px">
</div>
</div>
</div>
{{-- ROW 2 --}}
<div class="row">
{{-- Telepon --}}
<div class="col">
<div class="mb-3">
<label for="telepon" class="form-label">Telepon</label>
<input value="{{old('telepon', $data->telepon ?? '')}}" type="text" class="form-control" id="telepon" name="telepon" aria-describedby="teleponHelp" style="border-radius: 20px">
</div>
</div>
{{-- Email --}}
<div class="col">
<div class="mb-3">
<label for="email" class="form-label">Email</label>
<input value="{{old('email', $data->email ?? '')}}" type="text" class="form-control" name="email" id="email" aria-describedby="emailHelp" style="border-radius: 20px">
</div>
</div>
</div>
{{-- ROW 3 --}}
<div class="row">
{{-- Alamat --}}
<div class="col">
<div class="mb-3">
<label for="alamat" class="form-label">Alamat</label>
<input value="{{old('alamat', $data->alamat ?? '')}}" type="text" class="form-control" id="alamat" name="alamat" aria-describedby="alamatHelp" style="border-radius: 20px">
</div>
</div>
{{-- Gender --}}
<div class="col">
<div class="mb-3">
<label for="gender" class="form-label">Gender</label>
<input value="{{old('gender', $data->gender ?? '')}}" type="text" class="form-control" name="gender" id="gender" aria-describedby="genderHelp" style="border-radius: 20px">
</div>
</div>
</div>
<div class="row justify-content-end mt-5">
<div class="col-auto">
<button class="btn btn-primary" type="submit">Update</button>
</div>
</div>
</form>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
@@ -0,0 +1,8 @@
<div class="favorite-list-item">
@if($user)
<div data-id="{{ $user->id }}" data-action="0" class="avatar av-m"
style="background-image: url('{{ Chatify::getUserWithAvatar($user)->avatar }}');">
</div>
<p>{{ strlen($user->name) > 5 ? substr($user->name,0,6).'..' : $user->name }}</p>
@endif
</div>
@@ -0,0 +1,17 @@
<script src="https://js.pusher.com/7.2.0/pusher.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@joeattardi/emoji-button@3.0.3/dist/index.min.js"></script>
<script >
// Gloabl Chatify variables from PHP to JS
window.chatify = {
name: "{{ config('chatify.name') }}",
sounds: {!! json_encode(config('chatify.sounds')) !!},
allowedImages: {!! json_encode(config('chatify.attachments.allowed_images')) !!},
allowedFiles: {!! json_encode(config('chatify.attachments.allowed_files')) !!},
maxUploadSize: {{ Chatify::getMaxUploadSize() }},
pusher: {!! json_encode(config('chatify.pusher')) !!},
pusherAuthEndpoint: '{{route("pusher.auth")}}'
};
window.chatify.allAllowedExtensions = chatify.allowedImages.concat(chatify.allowedFiles);
</script>
<script src="{{ asset('js/chatify/utils.js') }}"></script>
<script src="{{ asset('js/chatify/code.js') }}"></script>
@@ -0,0 +1,30 @@
<title>{{ config('chatify.name') }}</title>
{{-- Meta tags --}}
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="id" content="{{ $id }}">
<meta name="messenger-color" content="{{ $messengerColor }}">
<meta name="messenger-theme" content="{{ $dark_mode }}">
<meta name="csrf-token" content="{{ csrf_token() }}">
<meta name="url" content="{{ url('').'/'.config('chatify.routes.prefix') }}" data-user="{{ Auth::user()->id }}">
{{-- scripts --}}
<script
src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="{{ asset('js/chatify/font.awesome.min.js') }}"></script>
<script src="{{ asset('js/chatify/autosize.js') }}"></script>
<script src="{{ asset('js/app.js') }}"></script>
<script src='https://unpkg.com/nprogress@0.2.0/nprogress.js'></script>
{{-- styles --}}
<link rel='stylesheet' href='https://unpkg.com/nprogress@0.2.0/nprogress.css'/>
<link href="{{ asset('css/chatify/style.css') }}" rel="stylesheet" />
<link href="{{ asset('css/chatify/'.$dark_mode.'.mode.css') }}" rel="stylesheet" />
<link href="{{ asset('css/app.css') }}" rel="stylesheet" />
{{-- Setting messenger primary color to css --}}
<style>
:root {
--primary-color: {{ $messengerColor }};
}
</style>
@@ -0,0 +1,11 @@
{{-- user info and avatar --}}
<div class="avatar av-l chatify-d-flex"></div>
<p class="info-name">{{ config('chatify.name') }}</p>
<div class="messenger-infoView-btns">
<a href="#" class="danger delete-conversation">Delete Conversation</a>
</div>
{{-- shared photos --}}
<div class="messenger-infoView-shared">
<p class="messenger-title"><span>Shared Photos</span></p>
<div class="shared-photos-list"></div>
</div>
@@ -0,0 +1,90 @@
{{-- -------------------- Saved Messages -------------------- --}}
@if($get == 'saved')
<table class="messenger-list-item" data-contact="{{ Auth::user()->id }}">
<tr data-action="0">
{{-- Avatar side --}}
<td>
<div class="saved-messages avatar av-m">
<span class="far fa-bookmark"></span>
</div>
</td>
{{-- center side --}}
<td>
<p data-id="{{ Auth::user()->id }}" data-type="user">Saved Messages <span>You</span></p>
<span>Save messages secretly</span>
</td>
</tr>
</table>
@endif
{{-- -------------------- Contact list -------------------- --}}
@if($get == 'users' && !!$lastMessage)
<?php
$lastMessageBody = mb_convert_encoding($lastMessage->body, 'UTF-8', 'UTF-8');
$lastMessageBody = strlen($lastMessageBody) > 30 ? mb_substr($lastMessageBody, 0, 30, 'UTF-8').'..' : $lastMessageBody;
?>
<table class="messenger-list-item" data-contact="{{ $user->id }}">
<tr data-action="0">
{{-- Avatar side --}}
<td style="position: relative">
@if($user->active_status)
<span class="activeStatus"></span>
@endif
<div class="avatar av-m"
style="background-image: url('{{ $user->avatar }}');">
</div>
</td>
{{-- center side --}}
<td>
<p data-id="{{ $user->id }}" data-type="user">
{{ strlen($user->name) > 12 ? trim(substr($user->name,0,12)).'..' : $user->name }}
<span class="contact-item-time" data-time="{{$lastMessage->created_at}}">{{ $lastMessage->timeAgo }}</span></p>
<span>
{{-- Last Message user indicator --}}
{!!
$lastMessage->from_id == Auth::user()->id
? '<span class="lastMessageIndicator">You :</span>'
: ''
!!}
{{-- Last message body --}}
@if($lastMessage->attachment == null)
{!!
$lastMessageBody
!!}
@else
<span class="fas fa-file"></span> Attachment
@endif
</span>
{{-- New messages counter --}}
{!! $unseenCounter > 0 ? "<b>".$unseenCounter."</b>" : '' !!}
</td>
</tr>
</table>
@endif
{{-- -------------------- Search Item -------------------- --}}
@if($get == 'search_item')
<table class="messenger-list-item" data-contact="{{ $user->id }}">
<tr data-action="0">
{{-- Avatar side --}}
<td>
<div class="avatar av-m"
style="background-image: url('{{ $user->avatar }}');">
</div>
</td>
{{-- center side --}}
<td>
<p data-id="{{ $user->id }}" data-type="user">
{{ strlen($user->name) > 12 ? trim(substr($user->name,0,12)).'..' : $user->name }}
</td>
</tr>
</table>
@endif
{{-- -------------------- Shared photos Item -------------------- --}}
@if($get == 'sharedPhoto')
<div class="shared-photo chat-image" style="background-image: url('{{ $image }}')"></div>
@endif
@@ -0,0 +1,39 @@
<?php
$seenIcon = (!!$seen ? 'check-double' : 'check');
$timeAndSeen = "<span data-time='$created_at' class='message-time'>
".($isSender ? "<span class='fas fa-$seenIcon' seen'></span>" : '' )." <span class='time'>$timeAgo</span>
</span>";
?>
<div class="message-card @if($isSender) mc-sender @endif" data-id="{{ $id }}">
{{-- Delete Message Button --}}
@if ($isSender)
<div class="actions">
<i class="fas fa-trash delete-btn" data-id="{{ $id }}"></i>
</div>
@endif
{{-- Card --}}
<div class="message-card-content">
@if (@$attachment->type != 'image' || $message)
<div class="message">
{!! ($message == null && $attachment != null && @$attachment->type != 'file') ? $attachment->title : nl2br($message) !!}
{!! $timeAndSeen !!}
{{-- If attachment is a file --}}
@if(@$attachment->type == 'file')
<a href="{{ route(config('chatify.attachments.download_route_name'), ['fileName'=>$attachment->file]) }}" class="file-download">
<span class="fas fa-file"></span> {{$attachment->title}}</a>
@endif
</div>
@endif
@if(@$attachment->type == 'image')
<div class="image-wrapper" style="text-align: {{$isSender ? 'end' : 'start'}}">
<div class="image-file chat-image" style="background-image: url('{{ Chatify::getAttachmentUrl($attachment->file) }}')">
<div>{{ $attachment->title }}</div>
</div>
<div style="margin-bottom:5px">
{!! $timeAndSeen !!}
</div>
</div>
@endif
</div>
</div>
@@ -0,0 +1,73 @@
{{-- ---------------------- Image modal box ---------------------- --}}
<div id="imageModalBox" class="imageModal">
<span class="imageModal-close">&times;</span>
<img class="imageModal-content" id="imageModalBoxSrc">
</div>
{{-- ---------------------- Delete Modal ---------------------- --}}
<div class="app-modal" data-name="delete">
<div class="app-modal-container">
<div class="app-modal-card" data-name="delete" data-modal='0'>
<div class="app-modal-header">Are you sure you want to delete this?</div>
<div class="app-modal-body">You can not undo this action</div>
<div class="app-modal-footer">
<a href="javascript:void(0)" class="app-btn cancel">Cancel</a>
<a href="javascript:void(0)" class="app-btn a-btn-danger delete">Delete</a>
</div>
</div>
</div>
</div>
{{-- ---------------------- Alert Modal ---------------------- --}}
<div class="app-modal" data-name="alert">
<div class="app-modal-container">
<div class="app-modal-card" data-name="alert" data-modal='0'>
<div class="app-modal-header"></div>
<div class="app-modal-body"></div>
<div class="app-modal-footer">
<a href="javascript:void(0)" class="app-btn cancel">Cancel</a>
</div>
</div>
</div>
</div>
{{-- ---------------------- Settings Modal ---------------------- --}}
<div class="app-modal" data-name="settings">
<div class="app-modal-container">
<div class="app-modal-card" data-name="settings" data-modal='0'>
<form id="update-settings" action="{{ route('avatar.update') }}" enctype="multipart/form-data" method="POST">
@csrf
{{-- <div class="app-modal-header">Update your profile settings</div> --}}
<div class="app-modal-body">
{{-- Udate profile avatar --}}
<div class="avatar av-l upload-avatar-preview chatify-d-flex"
style="background-image: url('{{ Chatify::getUserWithAvatar(Auth::user())->avatar }}');"
></div>
<p class="upload-avatar-details"></p>
<label class="app-btn a-btn-primary update" style="background-color:{{$messengerColor}}">
Upload New
<input class="upload-avatar chatify-d-none" accept="image/*" name="avatar" type="file" />
</label>
{{-- Dark/Light Mode --}}
<p class="divider"></p>
<p class="app-modal-header">Dark Mode <span class="
{{ Auth::user()->dark_mode > 0 ? 'fas' : 'far' }} fa-moon dark-mode-switch"
data-mode="{{ Auth::user()->dark_mode > 0 ? 1 : 0 }}"></span></p>
{{-- change messenger color --}}
<p class="divider"></p>
{{-- <p class="app-modal-header">Change {{ config('chatify.name') }} Color</p> --}}
<div class="update-messengerColor">
@foreach (config('chatify.colors') as $color)
<span style="background-color: {{ $color}}" data-color="{{$color}}" class="color-btn"></span>
@if (($loop->index + 1) % 5 == 0)
<br/>
@endif
@endforeach
</div>
</div>
<div class="app-modal-footer">
<a href="javascript:void(0)" class="app-btn cancel">Cancel</a>
<input type="submit" class="app-btn a-btn-success update" value="Save Changes" />
</div>
</form>
</div>
</div>
</div>
@@ -0,0 +1,9 @@
<div class="messenger-sendCard">
<form id="message-form" method="POST" action="{{ route('send.message') }}" enctype="multipart/form-data">
@csrf
<label><span class="fas fa-plus-circle"></span><input disabled='disabled' type="file" class="upload-attachment" name="file" accept=".{{implode(', .',config('chatify.attachments.allowed_images'))}}, .{{implode(', .',config('chatify.attachments.allowed_files'))}}" /></label>
<button class="emoji-button"></span><span class="fas fa-smile"></button>
<textarea readonly='readonly' name="message" class="m-send app-scroll" placeholder="Type a message.."></textarea>
<button disabled='disabled' class="send-button"><span class="fas fa-paper-plane"></span></button>
</form>
</div>
@@ -0,0 +1,107 @@
@include('Chatify::layouts.headLinks')
<div class="messenger">
{{-- ----------------------Users/Groups lists side---------------------- --}}
<div class="messenger-listView {{ !!$id ? 'conversation-active' : '' }}">
{{-- Header and search bar --}}
<div class="m-header">
<nav>
<a href="#"><i class="fas fa-inbox"></i> <span class="messenger-headTitle">AIGO Messages</span> </a>
{{-- header buttons --}}
<nav class="m-header-right">
<a href="#"><i class="fas fa-cog settings-btn"></i></a>
<a href="#" class="listView-x"><i class="fas fa-times"></i></a>
</nav>
</nav>
{{-- Search input --}}
{{-- <input type="text" class="messenger-search" placeholder="Search" /> --}}
</div>
{{-- tabs and lists --}}
<div class="m-body contacts-container">
{{-- Lists [Users/Group] --}}
{{-- ---------------- [ User Tab ] ---------------- --}}
<div class="show messenger-tab users-tab app-scroll" data-view="users">
{{-- Favorites --}}
<div class="favorites-section">
<p class="messenger-title"><span>Favorites</span></p>
<div class="messenger-favorites app-scroll-hidden"></div>
</div>
{{-- Saved Messages --}}
<p class="messenger-title"><span>Your Space</span></p>
{!! view('Chatify::layouts.listItem', ['get' => 'saved']) !!}
{{-- Contact --}}
<p class="messenger-title"><span>All Messages</span></p>
<div class="listOfContacts" style="width: 100%;height: calc(100% - 272px);position: relative;"></div>
</div>
{{-- ---------------- [ Search Tab ] ---------------- --}}
<div class="messenger-tab search-tab app-scroll" data-view="search">
{{-- items --}}
<p class="messenger-title"><span>Search</span></p>
<div class="search-records">
<p class="message-hint center-el"><span>Type to search..</span></p>
</div>
</div>
</div>
</div>
{{-- ----------------------Messaging side---------------------- --}}
<div class="messenger-messagingView">
{{-- header title [conversation name] amd buttons --}}
<div class="m-header m-header-messaging">
<nav class="chatify-d-flex chatify-justify-content-between chatify-align-items-center">
{{-- header back button, avatar and user name --}}
<div class="chatify-d-flex chatify-justify-content-between chatify-align-items-center">
<a href="#" class="show-listView"><i class="fas fa-arrow-left"></i></a>
<div class="avatar av-s header-avatar" style="margin: 0px 10px; margin-top: -5px; margin-bottom: -5px;">
</div>
<a href="#" class="user-name">{{ config('chatify.name') }}</a>
</div>
{{-- header buttons --}}
<nav class="m-header-right">
<a href="#" class="add-to-favorite"><i class="fas fa-star"></i></a>
<a href="/"><i class="fas fa-home"></i></a>
<a href="#" class="show-infoSide"><i class="fas fa-info-circle"></i></a>
</nav>
</nav>
{{-- Internet connection --}}
<div class="internet-connection">
<span class="ic-connected">Connected</span>
<span class="ic-connecting">Connecting...</span>
<span class="ic-noInternet">No internet access</span>
</div>
</div>
{{-- Messaging area --}}
<div class="m-body messages-container app-scroll">
<div class="messages">
<p class="message-hint center-el"><span>Please select a chat to start messaging</span></p>
</div>
{{-- Typing indicator --}}
<div class="typing-indicator">
<div class="message-card typing">
<div class="message">
<span class="typing-dots">
<span class="dot dot-1"></span>
<span class="dot dot-2"></span>
<span class="dot dot-3"></span>
</span>
</div>
</div>
</div>
</div>
{{-- Send Message Form --}}
@include('Chatify::layouts.sendForm')
</div>
{{-- ---------------------- Info side ---------------------- --}}
<div class="messenger-infoView app-scroll">
{{-- nav actions --}}
<nav>
<p>User Details</p>
<a href="#"><i class="fas fa-times"></i></a>
</nav>
{!! view('Chatify::layouts.info')->render() !!}
</div>
</div>
@include('Chatify::layouts.modals')
@include('Chatify::layouts.footerLinks')
+112
View File
@@ -0,0 +1,112 @@
@include('Chatify::layouts.headLinks')
<div class="messenger">
{{-- ----------------------Users/Groups lists side---------------------- --}}
<div class="messenger-listView {{ !!$id ? 'conversation-active' : '' }}">
{{-- Header and search bar --}}
<div class="m-header">
<nav>
<a href="#"><i class="fas fa-inbox"></i> <span class="messenger-headTitle">AIGO Messages</span> </a>
{{-- header buttons --}}
<nav class="m-header-right">
<a href="#"><i class="fas fa-cog settings-btn"></i></a>
<a href="#" class="listView-x"><i class="fas fa-times"></i></a>
</nav>
</nav>
{{-- Search input --}}
{{-- <input type="text" class="messenger-search" placeholder="Search" /> --}}
</div>
{{-- tabs and lists --}}
<div class="m-body contacts-container">
{{-- Lists [Users/Group] --}}
{{-- ---------------- [ User Tab ] ---------------- --}}
<div class="show messenger-tab users-tab app-scroll" data-view="users">
{{-- Favorites --}}
<div class="favorites-section">
<p class="messenger-title"><span>Favorites</span></p>
<div class="messenger-favorites app-scroll-hidden"></div>
</div>
{{-- Saved Messages --}}
<p class="messenger-title"><span>Your Space</span></p>
{!! view('Chatify::layouts.listItem', ['get' => 'saved']) !!}
{{-- Contact --}}
<p class="messenger-title"><span>All Messages</span></p>
<div class="listOfContacts" style="width: 100%;height: calc(100% - 272px);position: relative;"></div>
</div>
{{-- ---------------- [ Search Tab ] ---------------- --}}
<div class="messenger-tab search-tab app-scroll" data-view="search">
{{-- items --}}
<p class="messenger-title"><span>Search</span></p>
<div class="search-records">
<p class="message-hint center-el"><span>Type to search..</span></p>
</div>
</div>
</div>
</div>
{{-- ----------------------Messaging side---------------------- --}}
<div class="messenger-messagingView">
{{-- header title [conversation name] amd buttons --}}
<div class="m-header m-header-messaging">
<nav class="chatify-d-flex chatify-justify-content-between chatify-align-items-center">
{{-- header back button, avatar and user name --}}
<div class="chatify-d-flex chatify-justify-content-between chatify-align-items-center">
<a href="#" class="show-listView"><i class="fas fa-arrow-left"></i></a>
<div class="avatar av-s header-avatar" style="margin: 0px 10px; margin-top: -5px; margin-bottom: -5px;">
</div>
<a href="#" class="user-name">{{ config('chatify.name') }}</a>
</div>
{{-- header buttons --}}
<nav class="m-header-right">
<a href="#" class="add-to-favorite"><i class="fas fa-star"></i></a>
@if (Auth::user()->user_role == 'user')
<a href="{{route('customer.schedule')}}"><i class="fas fa-home"></i></a>
@else
<a href="{{route('doctor.schedule')}}"><i class="fas fa-home"></i></a>
@endif
<a href="#" class="show-infoSide"><i class="fas fa-info-circle"></i></a>
</nav>
</nav>
{{-- Internet connection --}}
<div class="internet-connection">
<span class="ic-connected">Connected</span>
<span class="ic-connecting">Connecting...</span>
<span class="ic-noInternet">No internet access</span>
</div>
</div>
{{-- Messaging area --}}
<div class="m-body messages-container app-scroll">
<div class="messages">
<p class="message-hint center-el"><span>Please select a chat to start messaging</span></p>
</div>
{{-- Typing indicator --}}
<div class="typing-indicator">
<div class="message-card typing">
<div class="message">
<span class="typing-dots">
<span class="dot dot-1"></span>
<span class="dot dot-2"></span>
<span class="dot dot-3"></span>
</span>
</div>
</div>
</div>
</div>
{{-- Send Message Form --}}
@include('Chatify::layouts.sendForm')
</div>
{{-- ---------------------- Info side ---------------------- --}}
<div class="messenger-infoView app-scroll">
{{-- nav actions --}}
<nav>
<p>User Details</p>
<a href="#"><i class="fas fa-times"></i></a>
</nav>
{!! view('Chatify::layouts.info')->render() !!}
</div>
</div>
@include('Chatify::layouts.modals')
@include('Chatify::layouts.footerLinks')